*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--body-bg);color:var(--body-color);line-height:1.6}#root{width:100vw;height:100vh;display:flex;flex-direction:column}.noselect,.noselect *{-webkit-user-select:none;user-select:none}.noselect input,.noselect textarea,.noselect select,.noselect [contenteditable=true]{-webkit-user-select:text;user-select:text}.app-container{display:flex;flex-direction:column;height:100vh;background:var(--app-container-bg)}.app-container.drag-over{background-color:var(--app-drag-over-bg);box-shadow:inset 0 0 0 2px var(--app-drag-over-ring)}.app-header{background:var(--header-bg);padding:.55rem 1rem;border-bottom:1px solid var(--header-border);box-shadow:var(--header-shadow);display:flex;align-items:center;justify-content:space-between;gap:1.25rem;overflow:visible;position:relative;z-index:1000}.app-header>div:first-child{flex:1}.header-matrix-viewport{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.header-matrix-rain{position:absolute;top:-450%;left:0;right:0;height:1000%;z-index:0;opacity:.5;mix-blend-mode:normal;transform:translateY(0);transition:transform 3s ease-in-out,opacity 3s ease-in-out;animation:header-matrix-fade-in .45s ease-out}.header-matrix-rain--wind-up{transform:translateY(-24%);opacity:0}.header-matrix-rain canvas{display:block;width:100%!important;height:100%!important}@keyframes header-matrix-fade-in{0%{opacity:0}to{opacity:.5}}.app-header>.header-title-block,.app-header>.header-actions{position:relative;z-index:1}.header-title-block{padding-left:.5rem;position:relative}.header-title-block:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:1.9rem;border-radius:999px;background:linear-gradient(180deg,rgba(111,237,255,.05),var(--header-block-accent),rgba(111,237,255,.05));box-shadow:0 0 10px #6fedff47}.header-title-block--sidebar-aligned{flex:0 0 var(--header-sidebar-width);width:var(--header-sidebar-width);max-width:var(--header-sidebar-width);display:flex;align-items:center;justify-content:center;padding-left:1.25rem;padding-right:1.25rem}.app-header .app-logo,.header-title-row .app-logo{margin-bottom:0}.header-title-row{display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap}.header-tooltip{position:relative;z-index:10000;display:inline-flex;align-items:center;flex-shrink:0}.header-tooltip .layout-btn{cursor:help}.header-help-mark{font-size:1rem;font-weight:700;font-family:system-ui,Syne,sans-serif;line-height:1;user-select:none}.header-tooltip-bubble{position:absolute;top:calc(100% + .45rem);right:0;left:auto;z-index:10001;transform:none;width:min(26rem,calc(100vw - 2rem));padding:.65rem .85rem;font-size:.95rem;font-style:italic;font-weight:300;letter-spacing:.02em;line-height:1.45;text-align:left;color:var(--header-tooltip-text);background:var(--header-tooltip-bg);border-radius:8px;border:1px solid var(--header-tooltip-border);box-shadow:inset 0 0 0 1px #bef0ff0f,inset 0 1px #88e4ff14,0 0 24px #4791ff2e,0 14px 32px #00000085;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,visibility .15s}.header-tooltip-tagline{margin:0 0 .6rem;padding-bottom:.45rem;border-bottom:1px solid rgba(255,255,255,.12)}.header-tooltip-shortcuts-title{margin:0 0 .28rem;font-style:normal;font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffffad}.header-tooltip-shortcuts{width:100%;margin-top:0;border-collapse:collapse;font-style:normal;font-size:.82rem;line-height:1.35}.header-tooltip-shortcuts td{padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.header-tooltip-shortcuts tr:last-child td{border-bottom:none}.header-tooltip-shortcuts td:first-child{text-align:left;padding-right:.75rem;color:#ffffffeb}.header-tooltip-shortcuts td:last-child{text-align:right;color:#ffffffbd}.header-tooltip:hover .header-tooltip-bubble,.header-tooltip:focus-within .header-tooltip-bubble{opacity:1;visibility:visible}.header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.header-close-btn{font-size:1.15rem;line-height:1;padding-left:.55rem;padding-right:.55rem}.header-restore-tab{position:absolute;top:-2;right:2rem;z-index:1100;width:2rem;min-height:2rem;display:inline-flex;align-items:flex-start;justify-content:center;padding:.3rem .35rem .5rem;border:1px solid var(--layout-btn-border);border-top:none;border-radius:0 0 10px 10px;background:var(--header-restore-bg);color:var(--header-restore-color);box-shadow:inset 0 -1px #87e1ff14,0 0 14px #3a7eff1f;cursor:pointer;line-height:0;user-select:none;-webkit-user-select:none;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.header-restore-tab-icon{display:block;width:1rem;height:1rem;flex-shrink:0}.header-restore-tab:hover{background:linear-gradient(180deg,rgba(164,235,255,.24),rgba(31,69,122,.98));border-color:#96e6ff6b;box-shadow:inset 0 -1px #87e1ff1f,0 0 18px #4496ff33;transform:translateY(1px)}.header-actions .layout-btn,.header-digital-ninja-link{border-radius:8px}.header-digital-ninja-link{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .65rem;min-width:36px;height:36px;box-sizing:border-box;background:var(--ninja-link-bg);border:1px solid var(--layout-btn-border);cursor:pointer;text-decoration:none;line-height:0;box-shadow:inset 0 1px #dbf8ff29,inset 0 -1px #76d2ff14,0 0 12px #4e92ff24;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease,box-shadow .2s ease}.header-digital-ninja-link:hover{background:linear-gradient(180deg,rgba(143,227,255,.2),rgba(35,74,130,.92));border-color:#9beaff6b;opacity:1;box-shadow:inset 0 1px #e1faff2e,0 0 18px #4e92ff3d}.header-digital-ninja-link:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:3px}.header-digital-ninja-link img{display:block;width:22px;height:auto;vertical-align:middle}.layout-controls{display:flex;gap:.5rem}.layout-btn{padding:.5rem .65rem;background:var(--layout-btn-bg);border:1px solid var(--layout-btn-border);color:var(--layout-btn-color);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;box-sizing:border-box;box-shadow:inset 0 1px #e1faff1f,inset 0 -1px #76d2ff14,0 0 10px #3a7eff1a;user-select:none;-webkit-user-select:none}.layout-btn:hover{background:linear-gradient(180deg,rgba(164,235,255,.2),rgba(31,69,122,.96));border-color:#96e6ff66;box-shadow:inset 0 1px #e6fcff29,0 0 16px #4496ff38}.layout-btn.active{background:var(--layout-btn-active-bg);border-color:var(--layout-btn-active-border);color:var(--segmented-active-text);box-shadow:inset 0 1px #effdff38,inset 0 -1px #87e1ff1f,0 0 18px #44b1ff3d}.header-theme-btn .header-theme-icon{display:block;flex-shrink:0}.header-theme-icon-circle{stroke:#0f172a33;stroke-width:.4}.header-theme-icon-circle--blue{fill:#3b82f6c7}.header-theme-icon-circle--rose{fill:#f43f5ec7}.header-theme-icon-circle--green{fill:#22c55ec7}.workspace{display:flex;flex:1;overflow:hidden;gap:0;padding:0;position:relative}.workspace.drag-over{background-color:var(--workspace-drag-bg);border:2px dashed var(--workspace-drag-border)}.workspace-vertical{display:flex;flex-direction:column;flex:1;overflow:hidden;gap:0;padding:0;position:relative}.workspace-vertical.drag-over{background-color:var(--workspace-drag-bg);border:2px dashed var(--workspace-drag-border)}.workspace-dropzone{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(129,219,255,.05),rgba(129,219,255,0) 20%),linear-gradient(135deg,rgba(42,82,152,.06),rgba(30,60,114,.04));border:1px solid rgba(111,214,255,.26);box-shadow:inset 0 0 0 1px #ffffff08,inset 0 0 28px #2d60bd1a;z-index:10;pointer-events:none}.dropzone-content{text-align:center;pointer-events:none}.dropzone-icon{width:5rem;height:5rem;color:var(--dropzone-icon);margin-bottom:1.5rem;opacity:.7}.dropzone-content h2{font-size:1.8rem;color:var(--dropzone-heading);margin-bottom:.5rem;font-weight:600}.dropzone-content p{font-size:1rem;color:var(--dropzone-sub)}.sidebar{display:flex;flex-direction:column;min-height:0;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);box-shadow:inset -1px 0 #77d6ff0d;padding:0;overflow:hidden;transition:flex .1s ease}.sidebar-content{display:flex;flex-direction:column;flex:1;min-height:0;gap:0}.sidebar .image-uploader-minimized{flex-shrink:0;margin:1rem 1.25rem}.sidebar .drop-zone{margin:1rem 1.25rem}.sidebar .adjustment-panel{flex:1;min-height:0;overflow:hidden;max-height:none}.center-panel{flex:1;display:flex;flex-direction:column;gap:0;overflow:hidden;min-height:0}.resize-handle{background:var(--resize-handle-bg);transition:background-color .2s ease,box-shadow .2s ease;user-select:none;flex-shrink:0}.resize-handle:hover{background:var(--resize-handle-hover-bg);box-shadow:var(--resize-handle-hover-glow)}.resize-handle-horizontal{width:2px;cursor:col-resize}.resize-handle-vertical{height:2px;cursor:row-resize}.right-panel{flex:1;display:flex;flex-direction:column;gap:0;overflow:hidden;transition:flex .1s ease}.preview-section{display:flex;flex-direction:column;background:var(--preview-section-bg);border:none;padding:0;box-shadow:inset 0 0 0 1px #82d2ff1f,inset 0 0 22px #2a68ff0d,inset 0 1px #87e1ff0a;overflow:hidden;transition:flex .1s ease;flex:1 1 auto;min-height:0}@media (max-width: 1200px){.workspace{flex-direction:column}.left-panel{flex:0 0 auto;max-height:300px}}.bottom-toolbar-container{display:flex;flex-direction:column;background:var(--bottom-toolbar-bg);border-top:none;box-shadow:inset 0 1px #87e1ff0d;flex-shrink:0;max-height:100%}.bottom-toolbar-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:none}.toolbar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(180deg,rgba(133,223,255,.14),rgba(20,40,73,.88));border:1px solid rgba(111,204,255,.24);color:#e6f6ff;cursor:pointer;border-radius:4px;transition:all .2s ease;flex-shrink:0}.toolbar-toggle:hover{background:linear-gradient(180deg,rgba(145,232,255,.22),rgba(27,62,112,.96));border-color:#87e0ff66;box-shadow:0 0 14px #469cff2e}.toolbar-toggle svg{width:16px;height:16px}.toolbar-quick-controls{display:flex;align-items:center;gap:.5rem;flex:1}.bottom-toolbar-header .toolbar-change-btn{margin-left:auto}.toolbar-change-btn{padding:.5rem 1.2rem;background:linear-gradient(135deg,rgba(61,128,255,.88),rgba(15,49,112,.96));border:1px solid rgba(137,228,255,.24);color:#eefbff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:3px;flex-shrink:0;box-shadow:inset 0 1px #e4fbff24,inset 0 -1px #87e1ff14}.toolbar-change-btn:hover{background:linear-gradient(135deg,rgba(79,157,255,.95),rgba(24,74,153,1));box-shadow:0 0 16px #49afff47}.bottom-toolbar-expanded{display:flex;flex-direction:column;max-height:400px;overflow-y:auto;background-color:var(--bottom-toolbar-expanded-bg)}.bottom-toolbar-expanded .adjustment-panel{background-color:transparent;border:none;padding:1rem 1.25rem;max-height:none}.bottom-toolbar-expanded .control-group{margin-bottom:1rem}.bottom-toolbar-expanded .slider-control{display:grid;grid-template-columns:120px 1fr;gap:1rem;align-items:center}.bottom-toolbar-expanded .slider-label{display:flex;flex-direction:column;gap:.25rem}.bottom-toolbar-expanded .slider-hint{display:none}.panel-title{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;color:var(--image-uploader-title);text-shadow:0 0 12px rgba(91,207,255,.14)}.image-uploader-minimized{padding:0;display:flex;flex-direction:column;gap:.75rem}.minimized-content{display:flex;flex-direction:column;gap:.75rem}.minimized-preview{width:100%;height:auto;max-height:150px;object-fit:contain;background:rgba(6,14,26,.8);border:1px solid rgba(120,206,255,.12);padding:.75rem}.minimized-info{padding:.75rem;background:linear-gradient(180deg,rgba(122,213,255,.05),rgba(122,213,255,0) 24%),rgba(255,255,255,.02);display:flex;flex-direction:column;gap:.5rem}.minimized-info p{font-size:.85rem;color:#888;margin:0}.drop-zone{border:1px solid var(--segmented-border);padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--drop-zone-bg);box-shadow:inset 0 0 0 1px #bcf2ff0a,0 0 18px #3a7eff0f}.drop-zone:hover{border-color:#77deff70;background:linear-gradient(180deg,rgba(142,231,255,.08),rgba(142,231,255,0) 24%),rgba(17,31,50,.9);box-shadow:inset 0 0 0 1px #d2f8ff0f,0 0 24px #4aadff1f}.drop-zone.drag-over{border-color:#60a3ff;background-color:#60a3ff1a;box-shadow:inset 0 0 20px #60a3ff1a}.upload-icon{width:4rem;height:4rem;color:#73d7ff;margin-bottom:1rem;opacity:.7}.upload-text{font-size:1.1rem;font-weight:500;color:var(--upload-text);margin-bottom:.5rem}.upload-subtext{font-size:.9rem;color:var(--upload-sub);margin-bottom:1rem}.upload-formats{font-size:.8rem;color:var(--panel-muted)}.image-preview{position:relative;width:100%}.image-preview img{width:100%;height:auto;max-height:300px;object-fit:contain;background:rgba(6,14,26,.8);border:1px solid rgba(120,206,255,.12);padding:1rem}.image-info{margin-top:1rem;padding:1rem;background:linear-gradient(180deg,rgba(122,213,255,.05),rgba(122,213,255,0) 24%),rgba(255,255,255,.03)}.image-info p{font-size:.9rem;color:#888;margin-bottom:.75rem}.change-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#1f57b5,#12326f 58%,#163f89 100%);border:1px solid rgba(135,225,255,.24);color:#effbff;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;width:100%;box-shadow:inset 0 1px #e4fbff1f,inset 0 -1px #87e1ff14}.change-btn:hover{background:linear-gradient(135deg,#2b6fde,#19489b 58%,#2160cb 100%);box-shadow:0 0 16px #46bbff38}.change-btn:active{transform:scale(.98)}.preview-container{display:flex;flex-direction:column;height:100%;min-height:0;gap:0;position:relative}.preview-stage{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.preview-view-mode-bar{position:absolute;left:50%;bottom:36px;transform:translate(-50%);z-index:8;pointer-events:auto}.preview-view-mode-segmented{max-width:min(100%,calc(100% - 120px));box-shadow:0 2px 12px #00000059,var(--segmented-well-shadow)}.preview-view-mode-bar button.segmented-btn.preview-view-mode-btn{display:inline-flex;align-items:center;gap:.62rem;padding:.52rem .85rem .52rem 1rem;font-size:.84rem;min-height:2.35rem;line-height:1.25;letter-spacing:.02em}.preview-view-mode-icon-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0}.preview-view-mode-icon-svg{width:1.2rem;height:1.2rem;display:block}.preview-view-mode-bar .mode-label-text{font-size:.84rem;padding-right:.12rem}.preview-view-mode-bar .mode-key-hint{margin-right:.12rem;min-width:1.05rem;height:1.05rem;padding:0 .24rem;font-size:.66rem}.preview-toolbar .preview-zoom-key-hint{margin-right:.38rem;min-width:1.05rem;height:1.05rem;padding:0 .24rem;font-size:.66rem}.preview-view-mode-bar button.segmented-btn.active .mode-key-hint{opacity:.85;color:#ffffffe6;background:rgba(255,255,255,.16);border-color:#ffffff38}.render-time-label{position:absolute;left:auto;right:30px;bottom:58px;z-index:6;pointer-events:none;margin:0;padding:0;font-size:.72rem;font-weight:500;font-family:Monaco,Courier New,monospace;color:var(--preview-hud-muted);text-shadow:0 0 10px var(--processing-glow),0 1px 3px rgba(0,0,0,.9);letter-spacing:.02em;line-height:1.2;text-align:right;white-space:nowrap}.preview-mode-label{position:absolute;left:30px;right:auto;bottom:58px;z-index:6;pointer-events:none;margin:0;padding:0;font-size:.72rem;font-weight:500;font-family:Monaco,Courier New,monospace;color:var(--preview-hud-strong);text-shadow:0 0 10px var(--processing-glow),0 1px 3px rgba(0,0,0,.85);letter-spacing:.02em;line-height:1.2;text-align:left;white-space:nowrap}.preview-tip-label{position:absolute;left:auto;right:30px;bottom:30px;z-index:6;pointer-events:none;margin:0;padding:0;font-size:.72rem;font-weight:500;font-family:Monaco,Courier New,monospace;color:#ffffff85;text-shadow:0 1px 3px rgba(0,0,0,.9);letter-spacing:.02em;line-height:1.35;text-align:right;white-space:nowrap}.preview-tip-close{position:absolute;top:-8px;right:-8px;width:18px;height:18px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(8,8,8,.88);color:#ffffffd1;font-size:.72rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto}.preview-tip-close:hover{color:#fff;border-color:#ffffff6b;background:rgba(8,8,8,.96)}.preview-tip-table{border-collapse:collapse;background:rgba(8,8,8,.45);border:1px solid rgba(255,255,255,.14);border-radius:6px;overflow:hidden}.preview-tip-table th,.preview-tip-table td{padding:.28rem .5rem;border-bottom:1px solid rgba(255,255,255,.1)}.preview-tip-table th{font-weight:700;color:#ffffffb3}.preview-tip-table tr:last-child td{border-bottom:none}.preview-tip-table td:first-child,.preview-tip-table th:first-child{text-align:left;padding-right:.8rem}.preview-tip-table td:last-child,.preview-tip-table th:last-child{text-align:right}.preview-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--preview-empty);font-size:1.1rem}.preview-hidden-placeholder{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px;background-color:#00000040;border:none}.preview-hidden-placeholder p{margin:0;font-size:.95rem;color:var(--preview-empty);text-align:center;padding:1rem}.preview-controls-row{display:flex;flex-wrap:nowrap;align-items:center;gap:.75rem 1.25rem;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:relative}.preview-controls-row.preview-toolbar{position:absolute;top:0;left:0;right:0;z-index:20;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;row-gap:0;padding-top:1rem;padding-bottom:2rem;pointer-events:none}.preview-control-cluster{display:flex;flex-wrap:nowrap;align-items:center;gap:.45rem .65rem;min-width:0;flex-shrink:0;position:relative}.preview-control-cluster--zoom-fixed{position:static;height:auto;display:block;padding-top:0;left:auto;margin:0 auto;z-index:20;pointer-events:auto}.preview-control-label{font-size:.85rem;font-weight:500;color:var(--preview-label-color);white-space:nowrap}.segmented-control{display:inline-flex;border:1px solid var(--segmented-border);border-radius:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background:var(--preview-toolbar-segmented-bg);box-shadow:var(--segmented-well-shadow);max-width:100%}.segmented-control--zoom-fixed{background:transparent}.segmented-control--zoom-fixed button.segmented-btn.active{background:transparent;color:#fffffff5;box-shadow:none;text-shadow:0 0 4px rgba(255,255,255,.22)}.segmented-control::-webkit-scrollbar{height:6px}button.segmented-btn{margin:0;padding:.38rem .52rem;font-weight:500;font-size:.78rem;font-family:inherit;line-height:1.2;cursor:pointer;border:none;border-left:1px solid var(--segmented-divider);border-radius:0;background:transparent;color:var(--segmented-text);transition:background-color .15s ease,color .15s ease;flex:0 0 auto;white-space:nowrap}.preview-toolbar button.segmented-btn{padding:.42rem .58rem;font-size:.72rem;min-height:1.95rem}button.segmented-btn:first-child{border-left:none}button.segmented-btn:hover:not(.active){background:var(--segmented-hover-bg);color:var(--panel-text-soft)}button.segmented-btn.active{background:var(--segmented-active-bg);color:var(--segmented-active-text);box-shadow:var(--segmented-active-shadow)}button.segmented-btn:focus:not(:focus-visible){outline:none}.processing-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:10;pointer-events:none}.spinner{width:92px;height:92px;border:5px solid var(--spinner-rim);border-top-color:var(--spinner-accent);box-shadow:0 0 36px var(--processing-glow);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.svg-preview{flex:1;display:flex;align-items:flex-start;justify-content:flex-start;overflow:scroll;scrollbar-gutter:stable;border:none;padding:0;min-height:300px;position:relative;touch-action:pan-x pan-y;background-image:linear-gradient(45deg,var(--svg-preview-checker-1) 25%,transparent 25%,transparent 75%,var(--svg-preview-checker-1) 75%,var(--svg-preview-checker-1)),linear-gradient(45deg,var(--svg-preview-checker-1) 25%,transparent 25%,transparent 75%,var(--svg-preview-checker-1) 75%,var(--svg-preview-checker-1)),linear-gradient(90deg,var(--svg-preview-grid-fine) 1px,transparent 1px),linear-gradient(var(--svg-preview-grid-fine) 1px,transparent 1px);background-size:20px 20px,20px 20px,40px 40px,40px 40px;background-position:0 0,10px 10px,0 0,0 0;background-color:var(--svg-preview-bg);box-shadow:var(--svg-preview-surface-shadow)}.svg-preview:focus,.svg-preview:focus-visible{outline:none;box-shadow:var(--svg-preview-focus-glow)}.svg-preview--space,.svg-preview--space *{cursor:-webkit-grab;cursor:grab}.svg-preview--panning,.svg-preview--panning *{cursor:-webkit-grabbing;cursor:grabbing;user-select:none}.svg-preview-pan-wrap{display:inline-block;vertical-align:top;box-sizing:content-box}.svg-preview-zoom-sizer{flex-shrink:0;position:relative}.svg-preview-inner{display:block;box-sizing:border-box}.svg-preview-inner svg{display:block;width:100%;height:100%;max-width:none;filter:var(--svg-artifact-glow)}.svg-preview-inner--ref img{display:block;width:100%;height:100%;object-fit:contain;max-width:none;vertical-align:top;filter:var(--svg-artifact-glow-soft)}.svg-preview-scaled-box{display:block;box-sizing:border-box}.svg-preview-scaled-box--compare{cursor:ew-resize;touch-action:pan-y}.svg-preview--space .svg-preview-scaled-box--compare,.svg-preview--space .svg-preview-scaled-box--compare *{cursor:-webkit-grab;cursor:grab}.svg-preview--panning .svg-preview-scaled-box--compare,.svg-preview--panning .svg-preview-scaled-box--compare *{cursor:-webkit-grabbing;cursor:grabbing}.svg-preview--compare-drag .svg-preview-scaled-box--compare,.svg-preview--compare-drag .svg-preview-scaled-box--compare *{cursor:grabbing}.compare-layer-ref{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;pointer-events:none}.compare-layer-ref img{display:block;width:100%;height:100%;object-fit:contain;vertical-align:top}.svg-preview-inner--compare-top{pointer-events:auto}.svg-preview--space .svg-preview-inner--compare-top,.svg-preview--space .svg-preview-inner--compare-top *,.svg-preview--panning .svg-preview-inner--compare-top,.svg-preview--panning .svg-preview-inner--compare-top *{pointer-events:none}.compare-divider{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--compare-divider-line);box-shadow:var(--compare-divider-glow);z-index:2;pointer-events:none}.export-footer{background:var(--export-footer-bg);border-top:none;padding:1rem 1.25rem;padding-right:1.5;display:flex;justify-content:center}button.export-btn{display:flex;align-items:center;gap:.9rem;padding:1rem 3.5rem;min-width:320px;max-width:100%;min-height:52px;justify-content:center;box-sizing:border-box;font-family:Syne,system-ui,sans-serif;font-size:1rem;font-weight:800;letter-spacing:.14em;line-height:1.2;text-transform:uppercase;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--export-btn-bg);border:1px solid var(--export-btn-border);color:var(--export-btn-color);cursor:pointer;transition:box-shadow .25s ease,transform .2s ease,filter .2s ease;box-shadow:var(--export-btn-shadow);border-radius:8px}.export-btn:hover:not(:disabled){background:var(--export-btn-hover);box-shadow:var(--export-btn-shadow-hover);transform:translateY(-2px)}.export-btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--export-btn-shadow-active)}.export-btn:disabled{cursor:default;transform:none;opacity:1}.export-btn--flash{pointer-events:none;animation:export-flash .3s ease-out}@keyframes export-flash{0%{filter:brightness(1);box-shadow:0 4px 15px #2a52984d;transform:scale(1)}45%{filter:brightness(1.25);box-shadow:0 0 26px #a8d5ffbf,0 0 52px #60a3ff73,0 4px 20px #2a529880;transform:scale(1.04)}to{filter:brightness(1);box-shadow:0 4px 15px #2a52984d;transform:scale(1)}}.export-btn--loading{background:var(--export-btn-loading);filter:saturate(1.08)}.export-btn-label{white-space:nowrap;font-family:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit}.export-btn-spinner{width:18px;height:18px;flex-shrink:0;border:2px solid rgba(103,143,187,.28);border-top-color:#71e8ff;border-radius:50%;animation:export-btn-spin .75s linear infinite;box-shadow:0 0 12px #5cd5ff2e}@keyframes export-btn-spin{to{transform:rotate(360deg)}}.download-icon{width:24px;height:24px;stroke-width:2;flex-shrink:0}.adjustment-panel{display:flex;flex-direction:column;min-height:0;background:var(--panel-bg);border:none;box-shadow:var(--panel-chrome-inset);padding:0}.adjustment-panel-body{flex:1;min-height:0;overflow-y:scroll;overflow-x:hidden;display:flex;flex-direction:column;align-items:stretch;padding:1rem 2rem .75rem 1.25rem;margin-top:0;width:100%;margin-right:0;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb-top) rgba(255,255,255,.12)}.adjustment-panel-body::-webkit-scrollbar{width:12px}.adjustment-panel-body::-webkit-scrollbar-track{background:rgba(255,255,255,.12);border-radius:8px}.adjustment-panel-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scrollbar-thumb-top),var(--scrollbar-thumb-bottom));border-radius:8px;border:1px solid rgba(20,20,20,.45)}.adjustment-panel-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--scrollbar-thumb-hover-top),var(--scrollbar-thumb-hover-bottom))}.adjustment-panel .export-footer{margin-top:auto;padding:1.25rem 1.5rem 1.25rem 1.25rem;border-top:1px solid var(--panel-border);background:transparent;flex-shrink:0}.adjustment-panel .export-footer .export-btn{width:100%;min-width:0;max-width:100%;padding:1rem 1.35rem;box-sizing:border-box}.control-group{margin-bottom:1.5rem}.control-group:last-child{margin-bottom:.75rem}.mode-toggle{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.mode-toggle label{display:block;width:100%;text-align:center;font-weight:500;color:var(--panel-text);font-size:.95rem}.adjustment-panel .segmented-control{display:flex;width:100%;border:1px solid var(--segmented-border);border-radius:6px;overflow:hidden;background:var(--segmented-bg);box-shadow:var(--segmented-well-shadow)}.adjustment-panel button.segmented-btn{margin:0;flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.52rem .65rem;font-size:.9rem;font-weight:500;font-family:inherit;line-height:1.2;min-height:2.25rem;cursor:pointer;border:none;border-left:1px solid var(--segmented-divider);border-radius:0;background:transparent;color:var(--segmented-text);transition:background-color .15s ease,color .15s ease;white-space:nowrap}.mode-label-text{display:inline-block}.mode-key-hint{display:inline-flex;align-items:center;justify-content:center;min-width:1rem;height:1rem;padding:0 .22rem;border-radius:4px;font-size:.66rem;font-weight:600;line-height:1;opacity:.65;color:#ffffffb8;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.adjustment-panel button.segmented-btn.active .mode-key-hint{opacity:.85;color:#ffffffe6;background:rgba(255,255,255,.16);border-color:#ffffff38}.adjustment-panel button.segmented-btn:first-child{border-left:none}.adjustment-panel button.segmented-btn:hover:not(.active){background:var(--segmented-hover-bg);color:var(--panel-text-soft)}.adjustment-panel button.segmented-btn.active{background:var(--segmented-active-bg);color:var(--segmented-active-text);box-shadow:var(--segmented-active-shadow)}.slider-control{display:flex;flex-direction:column;gap:.5rem}.slider-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.45rem}.slider-label label{font-weight:500;color:var(--panel-text);font-size:.95rem}.supersampling-label{display:inline-flex;align-items:center;gap:.35rem}.supersampling-warning-emoji{font-size:1rem;line-height:1}.slider-value{font-size:.9rem;color:var(--slider-value);font-weight:600;font-family:Monaco,Courier New,monospace;text-shadow:0 0 10px rgba(99,221,255,.2)}.slider-label label{text-transform:uppercase;letter-spacing:.04em;font-size:.83rem;color:var(--panel-text-soft)}.slider{width:100%;height:6px;background:var(--slider-track);box-shadow:inset 0 0 0 1px #ffffff08,0 0 10px #4099ff14;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.slider-input-row{display:flex;align-items:center;gap:.65rem}.slider-input-row .slider{flex:1}.slider-step-btn{width:2rem;height:2rem;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(124,213,255,.24);border-radius:6px;background:linear-gradient(180deg,rgba(134,222,255,.12),rgba(17,34,66,.88));color:#eaf8ff;font-size:1rem;font-weight:700;line-height:1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease;box-shadow:inset 0 1px #e6fbff1a,inset 0 -1px #87e1ff0f,0 0 10px #3f86ff14}.slider-step-btn:hover{background:linear-gradient(180deg,rgba(146,232,255,.18),rgba(23,56,108,.94));border-color:#9aecff6b;box-shadow:inset 0 1px #edfcff24,inset 0 -1px #87e1ff1a,0 0 16px #51b7ff2e}.slider-step-btn:active{transform:scale(.96)}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#d8fbff 0%,#89e6ff 38%,#5f8fff 100%);cursor:pointer;box-shadow:0 0 0 1px #cdf9ff33,0 0 10px #5fbeff42;transition:all .2s ease}.slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 1px #e2fcff3d,0 0 16px #61d0ff57;transform:scale(1.1)}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#d8fbff 0%,#89e6ff 38%,#5f8fff 100%);cursor:pointer;box-shadow:0 0 0 1px #cdf9ff33,0 0 10px #5fbeff42;border:none;transition:all .2s ease}.slider::-moz-range-thumb:hover{box-shadow:0 0 0 1px #e2fcff3d,0 0 16px #61d0ff57;transform:scale(1.1)}html[data-theme=studio] .slider-value{text-shadow:none}html[data-theme=studio] .slider{box-shadow:inset 0 0 0 1px #ffffff0f,0 1px 3px #00000059}html[data-theme=studio] .slider::-webkit-slider-thumb{background:radial-gradient(circle at 32% 28%,#e8e8e8 0%,#b8b8b8 42%,#585858 100%);box-shadow:0 0 0 1px #00000059,0 1px 4px #00000073}html[data-theme=studio] .slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 1px #2680eb8c,0 0 10px #2680eb38;transform:scale(1.1)}html[data-theme=studio] .slider::-moz-range-thumb{background:radial-gradient(circle at 32% 28%,#e8e8e8 0%,#b8b8b8 42%,#585858 100%);box-shadow:0 0 0 1px #00000059,0 1px 4px #00000073}html[data-theme=studio] .slider::-moz-range-thumb:hover{box-shadow:0 0 0 1px #2680eb8c,0 0 10px #2680eb38;transform:scale(1.1)}html[data-theme=studio] .slider-step-btn{border:1px solid #3a3a3a;background:linear-gradient(180deg,#383838 0%,#2c2c2c 100%);color:#e8e8e8;box-shadow:inset 0 1px #ffffff12,0 1px 2px #00000073}html[data-theme=studio] .slider-step-btn:hover{background:linear-gradient(180deg,#404040 0%,#343434 100%);border-color:#2680eba6;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #2680eb33,0 2px 6px #00000059}.slider-hint{font-size:.8rem;color:var(--panel-muted);margin-top:.25rem;text-align:left}.trace-color-picker-wrap{display:flex;flex-direction:column;gap:.6rem}.trace-color-picker.react-colorful{width:100%;height:140px}.trace-color-picker .react-colorful__saturation{border-bottom:none;border-radius:6px 6px 0 0}.trace-color-picker .react-colorful__hue{height:14px;border-radius:0 0 6px 6px}.trace-color-input{width:100%;background:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border);box-shadow:inset 0 1px #ffffff08,inset 0 -1px #87e1ff0a;border-radius:6px;padding:.45rem .55rem;font-size:.9rem;box-sizing:border-box}select.trace-color-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238aa7d9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;background-size:.75rem}select.trace-color-input::-ms-expand{display:none}.app-logo{margin:0;font-family:Syne,system-ui,sans-serif;font-weight:800;letter-spacing:.08em;line-height:1.05;text-transform:none;background:var(--logo-text-gradient, linear-gradient(180deg, #ffffff 0%, #d9deec 48%, #8d95a9 100%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:var(--logo-text-shadow, drop-shadow(0 0 16px rgba(255, 255, 255, .08)));-webkit-user-select:none;user-select:none}.app-logo--small{font-size:clamp(1.05rem,1.4vw,1.35rem)}.app-logo--mid{font-size:clamp(1.45rem,3.2vw,2.2rem)}.app-logo--large{font-size:clamp(1.7rem,2.8vw,2.6rem)}.app-logo-ch{display:inline-block}.app-logo-ch--1{font-size:.64em;vertical-align:.2em}.app-logo-ch--2{font-size:.78em;vertical-align:.12em}.app-logo-ch--3{font-size:.9em;vertical-align:.04em}.app-logo-ch--4{font-size:1.08em;vertical-align:-.04em}.app-logo-ch--5{font-size:1.18em;vertical-align:-.08em}.app-logo-ch--6{font-size:1.28em;vertical-align:-.1em}.app-logo-ch--7{font-size:.72em;vertical-align:.16em}.app-logo-ch--8{font-size:.84em;vertical-align:.08em}.app-logo-tail{font-size:.42em;vertical-align:.38em;letter-spacing:.04em}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html[data-theme=aquaneon]{color-scheme:dark;--body-color: #d4ecfb;--body-bg: radial-gradient(circle at top, rgba(72, 168, 215, .16), transparent 36%), radial-gradient(circle at 82% 10%, rgba(120, 215, 235, .06), transparent 20%), linear-gradient(180deg, #04070e 0%, #090e17 42%, #060a11 100%);--app-drag-over-bg: rgba(32, 88, 128, .12);--app-drag-over-ring: rgba(72, 175, 215, .45);--app-container-bg: radial-gradient(circle at 50% 0%, rgba(72, 165, 210, .11), transparent 30%), linear-gradient(180deg, #060a12 0%, #0a1018 46%, #070b12 100%);--header-bg: linear-gradient(90deg, rgba(120, 215, 235, .07), rgba(120, 215, 235, 0) 12%, rgba(120, 215, 235, 0) 88%, rgba(120, 215, 235, .05)), linear-gradient(180deg, rgba(140, 225, 240, .2) 0, rgba(140, 225, 240, 0) 10px), linear-gradient(135deg, #0a1628 0%, #0f2844 40%, #143a5c 70%, #0c2240 100%);--header-border: rgba(110, 205, 228, .32);--header-shadow: inset 0 1px 0 rgba(185, 240, 252, .2), inset 0 -1px 0 rgba(95, 195, 225, .1), 0 8px 24px rgba(0, 0, 0, .35), 0 0 24px rgba(55, 165, 205, .14);--header-block-accent: rgba(120, 228, 248, .9);--header-tooltip-bg: rgba(7, 12, 22, .98);--header-tooltip-text: rgba(218, 239, 255, .96);--header-tooltip-border: rgba(95, 195, 225, .22);--layout-btn-bg: linear-gradient(180deg, rgba(120, 215, 235, .16), rgba(18, 42, 72, .92));--layout-btn-border: rgba(105, 200, 225, .32);--layout-btn-color: #d8f0fc;--layout-btn-active-bg: linear-gradient(180deg, rgba(130, 235, 250, .36), rgba(28, 78, 118, .98));--layout-btn-active-border: rgba(150, 235, 250, .55);--sidebar-bg: linear-gradient(180deg, rgba(100, 200, 225, .05), rgba(100, 200, 225, 0) 18%), linear-gradient(180deg, #0b1019 0%, #0d141f 100%);--sidebar-border: rgba(95, 190, 218, .14);--preview-section-bg: linear-gradient(180deg, rgba(95, 195, 220, .045), rgba(95, 195, 220, 0) 16%), #0a0f17;--resize-handle-bg: linear-gradient(180deg, rgba(90, 185, 215, .14), rgba(90, 185, 215, .05));--resize-handle-hover-bg: linear-gradient(180deg, rgba(100, 215, 235, .48), rgba(55, 125, 168, .42));--resize-handle-hover-glow: 0 0 14px rgba(65, 170, 205, .32);--workspace-drag-bg: rgba(32, 88, 128, .12);--workspace-drag-border: rgba(72, 165, 200, .48);--dropzone-heading: #e0e0e0;--dropzone-sub: #888;--dropzone-icon: #4a9ec4;--bottom-toolbar-bg: linear-gradient(180deg, rgba(95, 195, 220, .045), rgba(95, 195, 220, 0) 18%), #0c121b;--bottom-toolbar-expanded-bg: #151515;--panel-bg: linear-gradient(180deg, rgba(95, 195, 220, .045), rgba(95, 195, 220, 0) 16%), #0b1119;--panel-text: #e0e0e0;--panel-text-soft: #d4eafc;--panel-muted: #6b8aa5;--panel-border: rgba(95, 195, 218, .14);--panel-chrome-inset: inset 0 1px 0 rgba(150, 225, 245, .05);--segmented-bg: linear-gradient(180deg, rgba(115, 215, 235, .09), rgba(115, 215, 235, 0) 22%), #121a26;--segmented-border: rgba(100, 200, 225, .2);--segmented-well-shadow: inset 0 0 0 1px rgba(100, 200, 225, .08), inset 0 1px 0 rgba(120, 215, 235, .06);--segmented-text: #8eb0c8;--segmented-active-text: #f4fcff;--segmented-divider: rgba(95, 185, 215, .14);--segmented-hover-bg: rgba(100, 200, 225, .09);--segmented-active-bg: linear-gradient(180deg, rgba(115, 230, 250, .26), rgba(26, 72, 108, .94));--segmented-active-shadow: inset 0 1px 0 rgba(220, 250, 255, .14), inset 0 -1px 0 rgba(90, 190, 220, .09);--slider-value: #7dd4f0;--slider-track: linear-gradient(to right, #163450 0%, #256894 45%, #42c8e8 100%);--input-bg: #0d1521;--input-text: #e8f4fc;--input-border: rgba(100, 200, 225, .2);--preview-toolbar-segmented-bg: linear-gradient(180deg, rgba(115, 215, 235, .09), rgba(115, 215, 235, 0) 22%), #111927;--preview-label-color: #a0a0a0;--preview-hud-muted: rgba(165, 220, 240, .72);--preview-hud-strong: #8fd8f0;--preview-empty: #666;--svg-preview-bg: #0b1018;--svg-preview-checker-1: #121824;--svg-preview-checker-2: transparent;--svg-preview-grid-fine: rgba(95, 195, 220, .06);--svg-preview-surface-shadow: inset 0 0 0 1px rgba(100, 200, 225, .1), inset 0 0 40px rgba(28, 72, 105, .12), inset 0 1px 0 rgba(120, 215, 235, .05);--svg-preview-focus-glow: inset 0 0 0 1px rgba(120, 220, 245, .22), inset 0 0 26px rgba(40, 100, 140, .12);--svg-artifact-glow: drop-shadow(0 0 3px rgba(70, 160, 200, .28)) drop-shadow(0 0 10px rgba(90, 190, 220, .1));--svg-artifact-glow-soft: drop-shadow(0 0 3px rgba(70, 160, 200, .2)) drop-shadow(0 0 8px rgba(90, 190, 220, .06));--compare-divider-line: rgba(110, 220, 245, .95);--compare-divider-glow: 0 0 8px rgba(80, 195, 225, .45), 0 0 18px rgba(45, 110, 150, .2);--processing-text: #a8cce6;--processing-glow: rgba(85, 185, 220, .14);--spinner-rim: rgba(70, 120, 150, .35);--spinner-accent: #5dd4f0;--export-footer-bg: linear-gradient(180deg, rgba(95, 195, 220, .045), rgba(95, 195, 220, 0) 18%), #0b1119;--export-btn-bg: linear-gradient(135deg, #1a5588, #123a5c 52%, #164a72 100%);--export-btn-hover: linear-gradient(135deg, #2680b8, #1a4d78 52%, #1f5f90 100%);--export-btn-loading: linear-gradient(135deg, #1a3d5c, #122c44 52%, #163450 100%);--export-btn-border: rgba(110, 210, 230, .32);--export-btn-color: #eef8fc;--export-btn-shadow: inset 0 1px 0 rgba(225, 250, 255, .15), inset 0 -1px 0 rgba(95, 190, 220, .12), 0 0 18px rgba(50, 145, 185, .15), 0 6px 18px rgba(4, 14, 32, .38);--export-btn-shadow-hover: inset 0 1px 0 rgba(233, 252, 255, .18), inset 0 -1px 0 rgba(95, 195, 225, .14), 0 0 22px rgba(60, 165, 200, .2), 0 8px 22px rgba(5, 20, 42, .42);--export-btn-shadow-active: inset 0 1px 0 rgba(233, 252, 255, .14), 0 0 12px rgba(55, 155, 195, .14), 0 4px 14px rgba(5, 20, 42, .36);--image-uploader-title: #e2f6fc;--drop-zone-bg: linear-gradient(180deg, rgba(120, 215, 235, .07), rgba(120, 215, 235, 0) 24%), rgba(13, 20, 31, .84);--upload-text: #d4eafc;--upload-sub: #86a3bd;--logo-text-gradient: linear-gradient(135deg, #c5f4ff 0%, #7dd8f0 38%, #5ab0dc 72%, #d2f8ff 100%);--logo-text-shadow: drop-shadow(0 0 10px rgba(90, 205, 230, .42)) drop-shadow(0 0 18px rgba(55, 145, 185, .2));--header-restore-bg: linear-gradient(180deg, rgba(120, 215, 235, .2), rgba(20, 42, 72, .94));--header-restore-color: #e8f6fc;--ninja-link-bg: linear-gradient(180deg, rgba(110, 205, 230, .18), rgba(26, 52, 82, .85));--scrollbar-thumb-top: rgba(115, 195, 230, .95);--scrollbar-thumb-bottom: rgba(85, 165, 205, .85);--scrollbar-thumb-hover-top: rgba(130, 210, 240, 1);--scrollbar-thumb-hover-bottom: rgba(100, 175, 215, .92)}html[data-theme=studio]{color-scheme:dark;--body-color: #e8e8e8;--body-bg: linear-gradient(165deg, #161616 0%, #1f1f1f 42%, #181818 100%);--app-drag-over-bg: rgba(255, 255, 255, .06);--app-drag-over-ring: rgba(255, 255, 255, .22);--app-container-bg: linear-gradient(165deg, #161616 0%, #1f1f1f 42%, #181818 100%);--header-bg: rgba(22, 22, 22, .88);--header-border: rgba(48, 48, 48, .65);--header-shadow: 0 1px 0 rgba(0, 0, 0, .45);--header-block-accent: rgba(255, 255, 255, .2);--header-tooltip-bg: rgba(34, 34, 34, .94);--header-tooltip-text: #ececec;--header-tooltip-border: rgba(58, 58, 58, .8);--layout-btn-bg: rgba(38, 38, 38, .88);--layout-btn-border: rgba(58, 58, 58, .85);--layout-btn-color: #e2e2e2;--layout-btn-active-bg: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(48, 48, 48, .95));--layout-btn-active-border: rgba(255, 255, 255, .22);--sidebar-bg: rgba(20, 20, 20, .76);--sidebar-border: rgba(48, 48, 48, .55);--preview-section-bg: rgba(26, 26, 26, .62);--resize-handle-bg: rgba(255, 255, 255, .05);--resize-handle-hover-bg: rgba(255, 255, 255, .12);--resize-handle-hover-glow: 0 0 12px rgba(255, 255, 255, .12);--workspace-drag-bg: rgba(255, 255, 255, .08);--workspace-drag-border: rgba(255, 255, 255, .28);--dropzone-heading: #ececec;--dropzone-sub: #949494;--dropzone-icon: #9a9a9a;--bottom-toolbar-bg: rgba(20, 20, 20, .78);--bottom-toolbar-expanded-bg: rgba(30, 30, 30, .74);--panel-bg: transparent;--panel-text: #e6e6e6;--panel-text-soft: #d6d6d6;--panel-muted: #949494;--panel-border: rgba(48, 48, 48, .45);--panel-chrome-inset: inset 0 1px 0 rgba(255, 255, 255, .04);--segmented-bg: rgba(42, 42, 42, .58);--segmented-border: rgba(58, 58, 58, .65);--segmented-well-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06), inset 0 1px 0 rgba(255, 255, 255, .04);--segmented-text: #9c9c9c;--segmented-active-text: #ffffff;--segmented-divider: rgba(255, 255, 255, .08);--segmented-hover-bg: rgba(255, 255, 255, .06);--segmented-active-bg: linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(52, 52, 52, .96));--segmented-active-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .28);--slider-value: #a8b0b8;--slider-track: linear-gradient(to right, #353535 0%, #484848 45%, #707070 100%);--input-bg: rgba(28, 28, 28, .82);--input-text: #ececec;--input-border: rgba(58, 58, 58, .75);--preview-toolbar-segmented-bg: rgba(42, 42, 42, .58);--preview-label-color: #949494;--preview-hud-muted: rgba(185, 185, 185, .78);--preview-hud-strong: #c8c8c8;--preview-empty: #787878;--svg-preview-bg: rgba(18, 18, 18, .72);--svg-preview-checker-1: rgba(36, 36, 36, .65);--svg-preview-checker-2: transparent;--svg-preview-grid-fine: rgba(255, 255, 255, .035);--svg-preview-surface-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), inset 0 0 40px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .04);--svg-preview-focus-glow: inset 0 0 0 1px rgba(255, 255, 255, .14), inset 0 0 26px rgba(0, 0, 0, .22);--svg-artifact-glow: drop-shadow(0 0 3px rgba(255, 255, 255, .1)) drop-shadow(0 0 10px rgba(0, 0, 0, .35));--svg-artifact-glow-soft: drop-shadow(0 0 3px rgba(255, 255, 255, .06)) drop-shadow(0 0 8px rgba(0, 0, 0, .28));--compare-divider-line: rgba(210, 210, 210, .9);--compare-divider-glow: 0 0 8px rgba(255, 255, 255, .1), 0 0 14px rgba(0, 0, 0, .45);--processing-text: #a8a8a8;--processing-glow: rgba(255, 255, 255, .06);--spinner-rim: rgba(255, 255, 255, .14);--spinner-accent: #b0b0b0;--export-footer-bg: rgba(20, 20, 20, .78);--export-btn-bg: linear-gradient(180deg, #4a4a4a 0%, #383838 100%);--export-btn-hover: linear-gradient(180deg, #5a5a5a 0%, #484848 100%);--export-btn-loading: linear-gradient(180deg, #484848 0%, #3a3a3a 100%);--export-btn-border: rgba(255, 255, 255, .14);--export-btn-color: #f0f0f0;--export-btn-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .45), 0 2px 12px rgba(0, 0, 0, .5);--export-btn-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 -1px 0 rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .55);--export-btn-shadow-active: inset 0 1px 0 rgba(255, 255, 255, .1), 0 2px 8px rgba(0, 0, 0, .45);--image-uploader-title: #ececec;--drop-zone-bg: rgba(38, 38, 38, .5);--upload-text: #d4d4d4;--upload-sub: #949494;--logo-text-gradient: linear-gradient(135deg, #eaeaea 0%, #b8b8b8 55%, #787878 100%);--logo-text-shadow: none;--header-restore-bg: rgba(38, 38, 38, .88);--header-restore-color: #e2e2e2;--ninja-link-bg: rgba(38, 38, 38, .78);--scrollbar-thumb-top: rgba(120, 120, 120, .9);--scrollbar-thumb-bottom: rgba(88, 88, 88, .82);--scrollbar-thumb-hover-top: rgba(140, 140, 140, .95);--scrollbar-thumb-hover-bottom: rgba(100, 100, 100, .88)}html[data-theme=light]{color-scheme:light;--body-color: #1a1a1a;--body-bg: linear-gradient(180deg, #f7f7f5 0%, #ecebe8 100%);--app-drag-over-bg: rgba(37, 99, 235, .06);--app-drag-over-ring: rgba(37, 99, 235, .35);--app-container-bg: linear-gradient(180deg, #fafaf9 0%, #f0efec 100%);--header-bg: linear-gradient(180deg, #ffffff 0%, #f4f4f2 100%);--header-border: rgba(0, 0, 0, .08);--header-shadow: 0 1px 0 rgba(0, 0, 0, .06), 0 4px 14px rgba(0, 0, 0, .06);--header-block-accent: rgba(15, 23, 42, .35);--header-tooltip-bg: #ffffff;--header-tooltip-text: #1e293b;--header-tooltip-border: rgba(0, 0, 0, .1);--layout-btn-bg: #ffffff;--layout-btn-border: rgba(0, 0, 0, .12);--layout-btn-color: #334155;--layout-btn-active-bg: #e8eef7;--layout-btn-active-border: rgba(37, 99, 235, .45);--sidebar-bg: #fafaf9;--sidebar-border: rgba(0, 0, 0, .08);--preview-section-bg: #ffffff;--resize-handle-bg: rgba(0, 0, 0, .06);--resize-handle-hover-bg: rgba(37, 99, 235, .2);--resize-handle-hover-glow: 0 0 12px rgba(37, 99, 235, .22);--workspace-drag-bg: rgba(37, 99, 235, .06);--workspace-drag-border: rgba(37, 99, 235, .35);--dropzone-heading: #0f172a;--dropzone-sub: #64748b;--dropzone-icon: #2563eb;--bottom-toolbar-bg: #fafaf9;--bottom-toolbar-expanded-bg: #ffffff;--panel-bg: #ffffff;--panel-text: #1e293b;--panel-text-soft: #334155;--panel-muted: #64748b;--panel-border: rgba(0, 0, 0, .08);--panel-chrome-inset: inset 0 1px 0 rgba(255, 255, 255, .6);--segmented-bg: #f1f5f9;--segmented-border: rgba(0, 0, 0, .1);--segmented-well-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05);--segmented-text: #64748b;--segmented-active-text: #0f172a;--segmented-divider: rgba(0, 0, 0, .08);--segmented-hover-bg: rgba(0, 0, 0, .04);--segmented-active-bg: var(--layout-btn-active-bg);--segmented-active-shadow: inset 0 1px 0 rgba(255, 255, 255, .88), inset 0 0 0 1px rgba(37, 99, 235, .1);--slider-value: #2563eb;--slider-track: linear-gradient(to right, #cbd5e1 0%, #94a3b8 45%, #2563eb 100%);--input-bg: #ffffff;--input-text: #1e293b;--input-border: rgba(0, 0, 0, .12);--preview-toolbar-segmented-bg: #f1f5f9;--preview-label-color: #64748b;--preview-hud-muted: #64748b;--preview-hud-strong: #334155;--preview-empty: #64748b;--svg-preview-bg: #f8fafc;--svg-preview-checker-1: #e2e8f0;--svg-preview-checker-2: transparent;--svg-preview-grid-fine: rgba(100, 116, 139, .12);--svg-preview-surface-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06), inset 0 0 32px rgba(0, 0, 0, .04);--svg-preview-focus-glow: inset 0 0 0 1px rgba(37, 99, 235, .22), inset 0 0 22px rgba(37, 99, 235, .06);--svg-artifact-glow: drop-shadow(0 0 2px rgba(15, 23, 42, .08)) drop-shadow(0 0 8px rgba(15, 23, 42, .04));--svg-artifact-glow-soft: drop-shadow(0 0 2px rgba(15, 23, 42, .06)) drop-shadow(0 0 6px rgba(15, 23, 42, .03));--compare-divider-line: rgba(37, 99, 235, .85);--compare-divider-glow: 0 0 6px rgba(37, 99, 235, .25), 0 0 12px rgba(37, 99, 235, .12);--processing-text: #475569;--processing-glow: rgba(37, 99, 235, .08);--spinner-rim: rgba(100, 116, 139, .35);--spinner-accent: #2563eb;--export-footer-bg: #fafaf9;--export-btn-bg: linear-gradient(135deg, #2563eb, #1d4ed8 52%, #1e40af 100%);--export-btn-hover: linear-gradient(135deg, #3b82f6, #2563eb 52%, #1d4ed8 100%);--export-btn-loading: linear-gradient(135deg, #64748b, #475569 52%, #334155 100%);--export-btn-border: rgba(37, 99, 235, .35);--export-btn-color: #f8fafc;--export-btn-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -1px 0 rgba(29, 78, 216, .2), 0 0 14px rgba(37, 99, 235, .2), 0 6px 16px rgba(15, 23, 42, .12);--export-btn-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .25), 0 0 20px rgba(37, 99, 235, .28), 0 8px 20px rgba(15, 23, 42, .14);--export-btn-shadow-active: inset 0 1px 0 rgba(255, 255, 255, .18), 0 0 10px rgba(37, 99, 235, .18), 0 4px 12px rgba(15, 23, 42, .12);--image-uploader-title: #0f172a;--drop-zone-bg: #ffffff;--upload-text: #334155;--upload-sub: #64748b;--logo-text-gradient: linear-gradient(135deg, #0f172a 0%, #334155 55%, #475569 100%);--logo-text-shadow: none;--header-restore-bg: #ffffff;--header-restore-color: #334155;--ninja-link-bg: #f1f5f9;--scrollbar-thumb-top: #cbd5e1;--scrollbar-thumb-bottom: #94a3b8;--scrollbar-thumb-hover-top: #e2e8f0;--scrollbar-thumb-hover-bottom: #cbd5e1}html[data-theme=light] .app-header h1.app-logo{background:var(--logo-text-gradient);-webkit-background-clip:text;background-clip:text;filter:none}html[data-theme=light] .header-title-block:before{background:linear-gradient(180deg,rgba(15,23,42,.08),rgba(15,23,42,.45),rgba(15,23,42,.08));box-shadow:none}html[data-theme=light] .layout-btn:hover{box-shadow:0 1px 2px #0000000f}html[data-theme=light] .layout-btn.active{box-shadow:inset 0 0 0 1px #2563eb33}html[data-theme=light] .header-digital-ninja-link{box-shadow:none}html[data-theme=light] .header-digital-ninja-link:hover{box-shadow:0 1px 3px #00000014}html[data-theme=light] .header-tooltip-tagline{border-bottom-color:#0000001a}html[data-theme=light] .header-tooltip-shortcuts-title{color:#64748b}html[data-theme=light] .header-tooltip-shortcuts td{border-bottom-color:#00000014}html[data-theme=light] .header-tooltip-shortcuts td:first-child{color:#1e293b}html[data-theme=light] .header-tooltip-shortcuts td:last-child{color:#64748b}html[data-theme=light] .adjustment-panel button.segmented-btn.active,html[data-theme=light] .preview-toolbar button.segmented-btn.active{background:var(--segmented-active-bg);box-shadow:var(--segmented-active-shadow)}html[data-theme=studio] .app-header h1.app-logo{background:var(--logo-text-gradient);-webkit-background-clip:text;background-clip:text;filter:none}html[data-theme=studio] .header-title-block:before{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.14),rgba(255,255,255,.06));box-shadow:none}html[data-theme=studio] .layout-btn{box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #00000061,0 0 8px #00000038}html[data-theme=studio] .layout-btn:hover{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(50,50,50,.98));border-color:#fff3;box-shadow:inset 0 1px #ffffff14,0 0 12px #0006}html[data-theme=studio] .layout-btn.active{background:var(--layout-btn-active-bg);border-color:var(--layout-btn-active-border);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #00000059}html[data-theme=studio] .header-restore-tab{box-shadow:inset 0 -1px #00000059,0 2px 8px #00000059}html[data-theme=studio] .header-restore-tab:hover{background:rgba(52,52,52,.98);border-color:#ffffff38;box-shadow:0 2px 10px #00000073}html[data-theme=studio] .header-digital-ninja-link{box-shadow:none}html[data-theme=studio] .header-digital-ninja-link:hover{background:rgba(48,48,48,.96);border-color:#ffffff2e;box-shadow:0 1px 3px #00000059}html[data-theme=studio] .header-tooltip-tagline{border-bottom-color:#3a3a3a}html[data-theme=studio] .header-tooltip-shortcuts-title{color:#949494}html[data-theme=studio] .header-tooltip-shortcuts td{border-bottom-color:#303030}html[data-theme=studio] .header-tooltip-shortcuts td:first-child{color:#ececec}html[data-theme=studio] .header-tooltip-shortcuts td:last-child{color:#949494}html[data-theme=studio] .adjustment-panel button.segmented-btn.active,html[data-theme=studio] .preview-toolbar button.segmented-btn.active{background:var(--segmented-active-bg);box-shadow:var(--segmented-active-shadow)}html[data-theme=studio] .sidebar{box-shadow:inset -1px 0 #ffffff0f}html[data-theme=studio] .adjustment-panel{box-shadow:inset 0 1px #ffffff0d}html[data-theme=studio] .preview-section{box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 0 18px #0000001f,inset 0 1px #ffffff0a}html[data-theme=studio] .bottom-toolbar-container{box-shadow:inset 0 1px #ffffff0d}html[data-theme=studio] .toolbar-toggle{background:rgba(44,44,44,.92);border:1px solid rgba(255,255,255,.12);color:#e6e6e6}html[data-theme=studio] .toolbar-toggle:hover{background:rgba(54,54,54,.96);border-color:#ffffff2e;box-shadow:0 0 10px #00000073}html[data-theme=studio] .toolbar-change-btn{background:linear-gradient(135deg,#484848,#383838);border:1px solid rgba(255,255,255,.12);color:#f0f0f0;box-shadow:inset 0 1px #ffffff14}html[data-theme=studio] .toolbar-change-btn:hover{background:linear-gradient(135deg,#565656,#444444);box-shadow:0 0 12px #00000080}html[data-theme=studio] .export-btn--flash{animation:export-flash-studio .3s ease-out}@keyframes export-flash-studio{0%{filter:brightness(1);transform:scale(1)}45%{filter:brightness(1.12);transform:scale(1.03)}to{filter:brightness(1);transform:scale(1)}}