.template-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.template-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.template-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}@media (max-width: 768px){.template-grid-2,.template-grid-3,.template-grid-4{grid-template-columns:1fr;gap:20px}.template-grid-stats{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}}@media (max-width: 480px){.template-grid-stats{grid-template-columns:1fr!important}}:root{--bg-main: #0a0a0a;--bg-secondary: #111111;--bg-canvas: #161616;--bg-controls: #1f1f1f;--bg-input: #2a2a2a;--bg-hover: #333333;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #666666;--text-placeholder: #555555;--accent-primary: #007aff;--accent-primary-hover: #0062cc;--accent-secondary: #5856d6;--accent-success: #30d158;--accent-warning: #ff9500;--accent-destructive: #ff3b30;--border-color: #333333;--border-light: #444444;--border-dark: #222222;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .5);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-serif: "Georgia", "Times New York", "Times", serif;--transition-fast: .15s ease-out;--transition-normal: .3s ease-out;--transition-slow: .5s ease-out}[data-theme=light]{--bg-main: #ffffff;--bg-secondary: #f8f9fa;--bg-canvas: #f5f5f7;--bg-controls: #ffffff;--bg-input: #f0f0f0;--bg-hover: #f0f0f0;--text-primary: #1d1d1f;--text-secondary: #515154;--text-muted: #86868b;--text-placeholder: #a1a1a6;--accent-primary: #007aff;--accent-primary-hover: #0051d5;--accent-secondary: #5856d6;--accent-success: #30d158;--accent-warning: #ff9500;--accent-destructive: #ff3b30;--border-color: #d2d2d7;--border-light: #e5e5ea;--border-dark: #c7c7cc;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);margin:0;display:flex;flex-direction:column;height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal);overflow-wrap:break-word}*{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-fast),transform var(--transition-fast)}#top-bar{padding:12px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:10;background-color:var(--bg-main)}#top-bar-left,#top-bar-right{display:flex;align-items:center;gap:12px}#logo{height:32px;width:auto;margin-right:8px;border-radius:4px}#project-title{font-size:1.25rem;font-weight:600;padding:4px 8px;border-radius:6px;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent;border:none;color:var(--text-primary)}#project-title:focus{background-color:var(--bg-input);box-shadow:0 0 0 2px var(--accent-primary)}#main-editor{display:grid;grid-template-columns:300px 1fr 300px;flex-grow:1;min-height:0;transition:grid-template-columns .3s ease-in-out}#main-editor.left-sidebar-hidden{grid-template-columns:0px 1fr 300px}#main-editor.right-sidebar-hidden{grid-template-columns:300px 1fr 0px}#main-editor.left-sidebar-hidden.right-sidebar-hidden{grid-template-columns:0px 1fr 0px}#left-sidebar,#right-sidebar{background-color:var(--bg-main);transition:background-color .3s;border-right:1px solid var(--border-color);overflow-y:auto}#left-sidebar{border-left:none;transition:width .3s ease-in-out,min-width .3s ease-in-out}#main-editor.left-sidebar-hidden #left-sidebar{width:0;min-width:0;padding:0;opacity:0;pointer-events:none;overflow:hidden;border-right:none}#main-editor.right-sidebar-hidden #right-sidebar{width:0;min-width:0;padding:0;opacity:0;pointer-events:none;overflow:hidden;border-left:none}#right-sidebar{border-left:1px solid var(--border-color);border-right:none;transition:width .3s ease-in-out,min-width .3s ease-in-out}.panel{padding:24px;border-bottom:1px solid var(--border-color)}#left-sidebar .panel:last-child{border-bottom:none}#canvas-wrapper{padding:32px;background:var(--bg-canvas);overflow-y:auto;transition:background-color .3s}#canvas{width:100%;max-width:100%;min-height:100%;background:#fff;box-shadow:0 0 0 1px #0000001a,var(--shadow-lg);border-radius:8px;margin:0 auto;transition:max-width .4s ease-in-out}.btn{font-family:inherit;font-size:.9rem;font-weight:500;padding:9px 16px;border-radius:8px;border:1px solid var(--border-dark);background:var(--bg-controls);color:var(--text-primary);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{background-color:var(--border-color);border-color:#555}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.btn.primary:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.btn.destructive{background-color:var(--accent-destructive);color:#fff;border-color:var(--accent-destructive)}.btn:disabled{background-color:var(--border-color)!important;color:var(--text-secondary)!important;cursor:not-allowed;opacity:.6}.btn-group{display:flex;background-color:var(--bg-controls);padding:4px;border-radius:8px;border:1px solid var(--border-color)}.btn-group .btn{background:transparent;border:none;padding:6px 8px;color:var(--text-secondary)}.btn-group .btn.active{background:var(--bg-input);color:var(--text-primary)}.btn-group .btn:hover:not(.active){background:var(--border-dark)}.btn-icon{background:transparent;border:none;color:var(--text-secondary);padding:6px;line-height:0}.btn-icon:hover{background:var(--bg-controls);color:var(--text-primary)}.icon{width:20px;height:20px;display:block;transition:transform var(--transition-fast),opacity var(--transition-fast)}.btn-icon[title*=theme]{position:relative;overflow:hidden}.btn-icon[title*=theme]:hover{transform:scale(1.05)}.btn-icon[title*=theme] .icon{transition:all var(--transition-normal)}.btn-icon[title*=theme]:hover .icon{transform:rotate(15deg)}h3{font-size:1rem;font-weight:600;margin:0 0 24px;letter-spacing:-.2px}.control-group{margin-bottom:20px}.control-group label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:10px}input[type=text],input[type=color],select,textarea{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--border-dark);font-family:inherit;background:var(--bg-input);color:var(--text-primary);font-size:.9rem}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-placeholder)}input::placeholder,textarea::placeholder{color:var(--text-placeholder)}input[type=color]{padding:4px;height:42px}textarea{min-height:80px;resize:vertical}.category-group{margin-bottom:20px;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden}.category-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--bg-controls);font-weight:600;cursor:pointer;border-bottom:1px solid var(--border-dark)}.category-header:hover{background-color:var(--border-color)}.category-header .icon{transition:transform .2s}.category-header.collapsed .icon{transform:rotate(-90deg)}.category-content{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:500px;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out}.category-group.collapsed .category-content{max-height:0;padding-top:0;padding-bottom:0}#add-section-buttons .btn{width:100%;font-weight:500;padding:12px;height:auto;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.template-btn{width:100%!important;padding:8px!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;text-align:center!important;background:var(--bg-controls)!important;border:1px solid var(--border-dark)!important;border-radius:8px!important;transition:all .2s!important}.template-btn:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-md)!important;border-color:var(--accent-primary)!important}#add-section-buttons .btn:hover{transform:translateY(-1px)}#add-section-buttons .btn img{max-width:100%;height:60px;-o-object-fit:contain;object-fit:contain;border-radius:4px;border:1px solid var(--border-color)}#add-section-buttons .btn span{font-size:.85rem}.lp-section,.lp-column,.lp-element{position:relative;transition:border-color .2s,box-shadow .2s,opacity .2s}.lp-section{padding:60px 20px;min-height:100px;background-size:cover;background-position:center;cursor:grab;border:2px dashed transparent}.lp-section.selected{border-color:var(--accent-primary)!important;box-shadow:0 0 0 4px #007aff33;cursor:default}.lp-section:not(.selected):hover{border-color:var(--border-color)}.lp-column{padding:15px;min-height:50px;border:1px dashed transparent}.lp-column.selected{border-color:var(--accent-primary)!important;box-shadow:0 0 0 2px #007aff33;cursor:default}.lp-column:not(.selected):hover{border-color:var(--border-color)}.lp-element{padding:5px;min-height:20px;border:1px dashed transparent;cursor:grab;border-radius:4px}.lp-element:not(.selected):hover{border-color:var(--border-color)}.lp-element.selected{border-color:var(--accent-primary)!important;cursor:default}.lp-element[contenteditable]:focus{outline:2px solid var(--accent-primary);box-shadow:0 0 0 4px #007aff33}.dragging{opacity:.4;cursor:grabbing}.lp-columns{display:flex;gap:30px;align-items:start}.lp-column{flex:1}.lp-section[data-type=navigation] .lp-columns{display:flex;align-items:center;justify-content:space-between;width:100%;gap:0}.lp-section[data-type=navigation] .lp-column:first-child{flex:0 0 auto;position:relative}.lp-section[data-type=navigation] .lp-column:last-child{flex:1;display:flex;justify-content:flex-end;position:relative}.lp-section[data-type=navigation] .lp-element{position:relative;z-index:1}.lp-section[data-type=navigation] .lp-element>div[style*="position: absolute"]{z-index:1001!important}#right-sidebar-tabs{display:flex;border-bottom:1px solid var(--border-color)}#right-sidebar-tabs button{flex:1;padding:12px;border-bottom:2px solid transparent;border-radius:0;color:var(--text-secondary);font-weight:600;background:transparent;border:none;cursor:pointer}#right-sidebar-tabs button.active{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.sidebar-tab-content{display:none}.sidebar-tab-content.active{display:block}#element-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}#element-actions h3{margin:0}#element-actions .btn{padding:6px 10px}#placeholder-panel{text-align:center;padding:40px 20px}#placeholder-panel .icon{width:50px;height:50px;margin-bottom:16px;color:var(--text-placeholder)}#placeholder-panel h3{margin:0 0 8px}#placeholder-panel p{font-size:.9em;line-height:1.5;color:var(--text-secondary);margin:0}#save-status{font-size:.8rem;color:var(--text-secondary);transition:opacity .3s}#theme-toggle .icon-moon{display:block}#theme-toggle .icon-sun,body.light-mode #theme-toggle .icon-moon{display:none}body.light-mode #theme-toggle .icon-sun{display:block}.component-placeholder{font-size:.9em;color:var(--text-secondary);text-align:center;padding:20px;border:2px dashed var(--border-color);border-radius:8px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-dark);transition:.3s;border-radius:12px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.toggle-slider{background-color:var(--accent-primary)}input:checked+.toggle-slider:before{transform:translate(20px)}.range-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:var(--border-dark);outline:none;margin:10px 0}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;box-shadow:0 2px 6px #0003;-webkit-transition:transform .1s;transition:transform .1s}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.range-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none;box-shadow:0 2px 6px #0003}.color-picker-advanced{position:relative;display:flex;align-items:center;gap:8px}.color-preview{width:32px;height:32px;border-radius:8px;border:2px solid var(--border-dark);cursor:pointer;position:relative;overflow:hidden}.color-preview:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}.color-preview-fill{position:relative;width:100%;height:100%;z-index:1}.control-group-advanced{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:16px;background:var(--bg-input);border-radius:12px;border:1px solid var(--border-color)}.control-row{display:flex;justify-content:space-between;align-items:center}.control-label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.slider-with-input{display:flex;align-items:center;gap:12px}.slider-input{width:60px;padding:4px 8px;border-radius:4px;border:1px solid var(--border-dark);background:var(--bg-controls);color:var(--text-primary);font-size:.8rem;text-align:center}.property-section{margin-bottom:24px}.property-section-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.section-toggle{font-size:.8rem;color:var(--accent-primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gradient-picker{display:flex;flex-direction:column;gap:12px}.gradient-stops{display:flex;gap:8px;flex-wrap:wrap}.gradient-stop{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-controls);border-radius:6px;border:1px solid var(--border-dark)}.stop-color{width:16px;height:16px;border-radius:4px;border:1px solid var(--border-dark)}.stop-position{width:40px;padding:2px 4px;border:none;background:transparent;color:var(--text-primary);font-size:.8rem}.button-group{display:flex;background:var(--bg-controls);border-radius:8px;overflow:hidden;border:1px solid var(--border-dark)}.button-group button{flex:1;padding:8px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.button-group button.active{background:var(--accent-primary);color:#fff}.button-group button:hover:not(.active){background:var(--border-color);color:var(--text-primary)}.template-preview{width:100%;height:80px;background:var(--bg-controls);border:1px solid var(--border-dark);border-radius:8px;margin-bottom:8px;position:relative;overflow:hidden;cursor:pointer;transition:all .2s}.template-preview:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.template-preview:before{content:"";position:absolute;top:8px;left:8px;right:8px;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--text-secondary));border-radius:2px}.template-preview:after{content:"";position:absolute;top:20px;left:8px;right:8px;bottom:8px;background:repeating-linear-gradient(45deg,var(--border-color),var(--border-color) 2px,transparent 2px,transparent 8px);opacity:.3;border-radius:4px}.text-editor-toolbar{background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;padding:12px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:400px}.toolbar-group{display:flex;align-items:center;gap:8px;padding:0 8px;border-right:1px solid var(--border-color)}.toolbar-group:last-child{border-right:none}.toolbar-select{padding:6px 10px;border-radius:6px;border:1px solid var(--border-dark);background:var(--bg-input);color:var(--text-primary);font-size:.85rem;min-width:100px}.toolbar-color{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;background:transparent}.color-controls{display:flex;flex-direction:column;align-items:center;gap:4px}.editing-text{outline:2px solid var(--accent-primary)!important;outline-offset:2px;border-radius:4px}.editing-text::-moz-selection{background:#007bff!important;color:#fff!important}.editing-text::selection{background:#007bff!important;color:#fff!important}.editing-text *::-moz-selection{background:#007bff!important;color:#fff!important}.editing-text *::selection{background:#007bff!important;color:#fff!important}.draggable-item{cursor:grab;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.draggable-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.draggable-item:active{cursor:grabbing}.drop-zone-active{border:2px dashed #007bff!important;background:#007bff1a!important;border-radius:8px}.drop-zone-active:before{content:"Drop here";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#007bff;color:#fff;padding:8px 16px;border-radius:4px;font-size:.9rem;pointer-events:none;z-index:10}.lp-column{position:relative;min-height:60px}.column-hover-controls{position:absolute;top:-35px;right:5px;display:flex;gap:4px;background:#fff;padding:4px;border-radius:6px;box-shadow:0 2px 8px #00000026;z-index:100}.btn-small{padding:4px 8px!important;font-size:.75rem!important;min-width:auto!important}.element-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.element-item:hover{background:var(--bg-hover);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.element-item:active{transform:translateY(0)}.element-icon{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0}.element-item:hover .element-icon{color:var(--accent-primary)}.element-item span{font-size:.9rem;font-weight:500;color:var(--text-primary)}.lp-element:hover{cursor:pointer;position:relative}.lp-element[data-text-editable=true]:hover:after{content:"Double-click to edit text";position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:4px 8px;border-radius:6px;font-size:.75rem;white-space:nowrap;box-shadow:0 4px 12px #0000004d;z-index:100;pointer-events:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-main);border-radius:12px;box-shadow:var(--shadow-lg);width:90%;max-width:500px;max-height:80vh;overflow-y:auto;border:1px solid var(--border-color)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color)}#main-editor.preview-mode{grid-template-columns:1fr}#main-editor.preview-mode #left-sidebar,#main-editor.preview-mode #right-sidebar{display:none}#main-editor.preview-mode #canvas-wrapper{padding:0}#main-editor.preview-mode #canvas{max-width:100%;border-radius:0;box-shadow:none;margin:0}.dragging{opacity:.5;transform:rotate(5deg);cursor:grabbing}.drop-zone{min-height:60px;border:2px dashed var(--accent-primary);background:#667eea1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent-primary);font-weight:500;margin:8px 0;transition:all .2s}.drop-zone.drag-over{background:#667eea33;border-color:var(--accent-primary);transform:scale(1.02)}.lp-element.selected{outline:2px solid var(--accent-primary)!important;outline-offset:2px;box-shadow:0 0 0 4px #667eea1a!important;position:relative}.lp-element.selected:after{content:"⌨️ Delete, Ctrl+C, Ctrl+V, Ctrl+D";position:absolute;top:-32px;left:0;background:var(--accent-primary);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;z-index:1000;opacity:0;animation:fadeInKeyboardHint .3s ease-in-out .5s forwards}@keyframes fadeInKeyboardHint{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.lp-element.selected:after{animation:fadeInKeyboardHint .3s ease-in-out .5s forwards,fadeOutKeyboardHint .3s ease-in-out 3.5s forwards}@keyframes fadeOutKeyboardHint{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}#canvas{overflow-x:auto}@media (max-width: 768px){#canvas{max-width:100%!important;min-width:320px}.lp-section{padding:40px 16px!important;margin:0!important}.lp-columns{flex-direction:column!important;gap:20px!important}.lp-column{width:100%!important;max-width:100%!important}.lp-element{font-size:clamp(.875rem,2.5vw,1rem)!important;padding:clamp(8px,2vw,16px)!important;word-wrap:break-word;overflow-wrap:break-word}h1.lp-element{font-size:clamp(1.5rem,6vw,3rem)!important}h2.lp-element{font-size:clamp(1.25rem,5vw,2.5rem)!important}h3.lp-element{font-size:clamp(1.125rem,4vw,2rem)!important}}@media (max-width: 800px){#top-bar{padding:12px;display:flex;flex-direction:column;align-items:center;gap:12px}#top-bar-left,#top-bar-right{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%}#project-title{font-size:1.1rem}.btn{padding:7px 10px;font-size:.8rem}.btn-group .btn{padding:6px 8px}.icon{width:18px;height:18px}#main-editor{display:block;position:relative;overflow:hidden;padding-bottom:60px}#canvas-wrapper{height:100%;padding:16px}#left-sidebar,#right-sidebar{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;border:none;background-color:var(--bg-main)}#main-editor.mobile-view-add #left-sidebar,#main-editor.mobile-view-edit #right-sidebar{display:block}#device-toggles{display:none}.section-reorder-controls{left:4px}#mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-main);border-top:1px solid var(--border-color);z-index:1001;justify-content:space-around;padding:4px 0}.mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);padding:6px 4px;font-size:.7rem;gap:4px;cursor:pointer}.mobile-nav-btn .icon{width:22px;height:22px}.mobile-nav-btn.active{color:var(--accent-primary)}#right-sidebar-tabs button{padding:14px}.control-group-advanced{padding:12px}.slider-with-input{flex-direction:column;align-items:stretch;gap:8px}}@media (min-width: 769px){#left-sidebar,#right-sidebar{position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto}}@media (max-width: 768px){#main-editor.mobile-view-add #left-sidebar,#main-editor.mobile-view-edit #right-sidebar{position:fixed;top:0;left:0;right:0;bottom:60px;overflow-y:auto;z-index:500;background:var(--bg-main);padding-top:60px}}@media (max-width: 768px){.lp-element.selected:after{content:"🔧";position:absolute;top:-8px;left:-8px;width:28px;height:28px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;z-index:100;box-shadow:0 4px 8px #0000004d;animation:pulse 2s infinite}.lp-element.selected{position:relative;outline:2px solid #3b82f6!important;outline-offset:2px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.collapse-toggle{display:none!important}#top-bar-left .btn:first-child,#top-bar-left .btn:nth-child(2){display:none!important}button[title="Toggle Left Panel"],button[title="Toggle Right Panel"]{display:none!important}.text-editor-toolbar{position:fixed!important;min-width:auto!important;width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;left:10px!important;right:10px!important;transform:none!important;flex-wrap:wrap;gap:6px;padding:8px 10px;box-sizing:border-box}.toolbar-group{gap:3px;padding:0 2px;min-width:0;border-right:1px solid var(--border-color)}.toolbar-group:last-child{border-right:none}.toolbar-select{min-width:70px;font-size:.75rem;padding:4px 6px}.toolbar-color{width:28px;height:28px}}.mobile-floating-panel{display:none}@media (max-width: 768px){.mobile-floating-panel{display:block!important;position:fixed;bottom:20px;left:20px;right:20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:16px;z-index:1000;box-shadow:0 10px 40px #00000026;max-height:50vh;overflow-y:auto}}