:root{--color-bg:#17161d;--color-surface:#26242e;--color-surface-2:#2f2d39;--color-border:#34323e;--color-border-strong:#3e3c4a;--color-text:#bcbac4;--color-text-strong:#e5e1ec;--color-heading:#d7c2e5;--color-muted:#615e6e;--color-accent:#767dc6;--color-accent-dim:#767dc62e;--color-accent-soft:#767dc673;--color-prompt:#cbb3cb;--sans:"IBM Plex Sans", "Segoe UI", "Noto Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", "Consolas", "SF Mono", "Fira Code", monospace;--shadow-heading:0 1px 3px #0c0b0f66;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--color-text);background:var(--color-bg);font:13px/1.5 var(--sans);-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{height:100vh;overflow:hidden}::selection{background:var(--color-accent);color:var(--color-bg)}#root{grid-template-rows:auto 1fr auto;height:100vh;display:grid}.menubar{background:var(--color-surface);border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none;align-items:center;gap:20px;padding:8px 14px;display:flex}.menubar__title{font-family:var(--mono);color:var(--color-prompt);letter-spacing:1.5px;text-transform:lowercase;text-shadow:var(--shadow-heading);font-size:12px;font-weight:600}.menubar__title:before{content:"⋆ ";color:var(--color-accent)}.menubar__menu{gap:2px;display:flex}.menubar__item{color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px 10px;font-size:12px}.menubar__item:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-heading)}.menubar__item:disabled{opacity:.35;cursor:not-allowed}.menubar__item[aria-expanded=true]{background:var(--color-surface-2);color:var(--color-heading)}.menubar__item-wrap{position:relative}.menubar__dropdown{background:var(--color-surface);border:1px solid var(--color-border-strong);z-index:100;border-radius:4px;min-width:220px;padding:10px 14px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 20px #00000080}.menubar__dropdown-section+.menubar__dropdown-section{border-top:1px solid var(--color-border);margin-top:10px;padding-top:10px}.menubar__dropdown-label{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--color-muted);margin-bottom:4px;font-size:10px}.menubar__dropdown-value{color:var(--color-text-strong);font-size:12px}.menubar__dropdown-sub{color:var(--color-text);margin-top:2px;font-size:11px}.menubar__dropdown--about{white-space:normal;width:300px}.menubar__about-p{color:var(--color-text);margin:0 0 8px;font-size:12px;line-height:1.55}.menubar__about-p:last-child{margin-bottom:0}.workspace{grid-template-columns:56px 1fr 300px;min-height:0;display:grid;overflow:hidden}.tools{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;align-items:center;gap:2px;padding:8px 0;display:flex}.tools__btn{width:42px;height:42px;color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;place-items:center;font-size:17px;display:grid}.tools__btn:hover{background:var(--color-surface-2);color:var(--color-heading)}.tools__btn[aria-pressed=true]{background:var(--color-accent-dim);border-color:var(--color-accent-soft);color:var(--color-accent)}.tools__divider{background:var(--color-border);width:28px;height:1px;margin:4px 0}.canvas-area{background:#0f0e14;position:relative;overflow:hidden}.canvas-area[data-dragging]{outline:1px dashed var(--color-accent);outline-offset:-8px}.canvas-area__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-area__placeholder{border:1px dashed var(--color-border-strong);width:520px;height:340px;color:var(--color-muted);font-family:var(--mono);letter-spacing:2px;cursor:pointer;z-index:2;background-color:#121118;background-image:linear-gradient(45deg,#1c1a23 25%,#0000 25%),linear-gradient(-45deg,#1c1a23 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1c1a23 75%),linear-gradient(-45deg,#0000 75%,#1c1a23 75%);background-position:0 0,0 8px,8px -8px,8px 0;background-size:16px 16px;border-radius:4px;place-items:center;font-size:11px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-area__placeholder:hover{border-color:var(--color-accent-soft);color:var(--color-text)}.canvas-area__error{background:var(--color-surface);border:1px solid var(--color-accent-soft);color:var(--color-prompt);font-family:var(--mono);z-index:3;border-radius:3px;padding:6px 12px;font-size:11px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.canvas-area[data-tool=crop],.canvas-area[data-tool=crop] .canvas-area__canvas{cursor:crosshair}.canvas-area__image-frame{pointer-events:none;z-index:3;max-width:100%;max-height:100%;margin:auto;position:absolute;inset:0}.crop-marquee{border:1px dashed var(--color-text-strong);pointer-events:none;position:absolute;box-shadow:0 0 0 9999px #00000073}.layer-overlay{border:1px dashed var(--color-accent);pointer-events:none;position:absolute}.layer-body{pointer-events:auto;cursor:move;position:absolute;inset:0}.layer-handle{background:var(--color-bg);border:1px solid var(--color-accent);pointer-events:auto;z-index:1;width:10px;height:10px;position:absolute}.layer-handle--nw{cursor:nwse-resize;top:-5px;left:-5px}.layer-handle--n{cursor:ns-resize;top:-5px;left:calc(50% - 5px)}.layer-handle--ne{cursor:nesw-resize;top:-5px;right:-5px}.layer-handle--e{cursor:ew-resize;top:calc(50% - 5px);right:-5px}.layer-handle--se{cursor:nwse-resize;bottom:-5px;right:-5px}.layer-handle--s{cursor:ns-resize;bottom:-5px;left:calc(50% - 5px)}.layer-handle--sw{cursor:nesw-resize;bottom:-5px;left:-5px}.layer-handle--w{cursor:ew-resize;top:calc(50% - 5px);left:-5px}.crop-actions{background:var(--color-surface);border:1px solid var(--color-border-strong);z-index:5;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.crop-actions__dims{font-family:var(--mono);letter-spacing:1px;color:var(--color-muted);padding:0 6px;font-size:10px}.crop-actions__btn{background:var(--color-surface-2);border:1px solid var(--color-border-strong);color:var(--color-text);font:inherit;cursor:pointer;border-radius:3px;padding:4px 10px;font-size:11px}.crop-actions__btn:hover{color:var(--color-text-strong);background:var(--color-border)}.crop-actions__btn--apply{background:var(--color-accent-dim);border-color:var(--color-accent-soft);color:var(--color-accent)}.crop-actions__btn--apply:hover{background:var(--color-accent-soft);color:var(--color-text-strong)}.rail{border-left:1px solid var(--color-border);background:var(--color-surface);grid-template-rows:minmax(220px,1fr) minmax(280px,1fr);min-height:0;display:grid}.panel{border-bottom:1px solid var(--color-border);flex-direction:column;min-height:0;display:flex}.panel:last-child{border-bottom:none}.panel__header{border-bottom:1px solid var(--color-border);background:var(--color-surface-2);font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-heading);text-shadow:var(--shadow-heading);padding:9px 14px;font-size:10px}.panel__body{flex:1;min-height:0;overflow-y:auto}.layers__controls{border-bottom:1px solid var(--color-border);grid-template-columns:1fr 1fr;align-items:center;gap:8px;padding:8px 12px;display:grid}.layers__controls select{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border-strong);font:inherit;border-radius:3px;padding:4px 6px;font-size:11px}.layer-row{border-bottom:1px solid var(--color-border);cursor:pointer;align-items:center;gap:8px;padding:6px 12px;display:flex}.layer-row:hover{background:var(--color-surface-2)}.layer-row[aria-selected=true]{background:var(--color-accent-dim);box-shadow:inset 2px 0 0 var(--color-accent)}.layer-row__visible{color:var(--color-muted);cursor:pointer;background:0 0;border:none;width:16px;padding:0;font-size:12px}.layer-row__visible[aria-pressed=true]{color:var(--color-text-strong)}.layer-row__thumb{background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:3px;width:28px;height:22px}.layer-row__name{color:var(--color-text-strong);flex:1;font-size:12px}.layer-row__opacity{font-family:var(--mono);color:var(--color-muted);font-size:10px}.layers__actions{border-top:1px solid var(--color-border);background:var(--color-surface-2);display:flex}.layers__actions button{color:var(--color-text);cursor:pointer;background:0 0;border:none;flex:1;padding:6px;font-size:13px}.layers__actions button:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-heading)}.layers__actions button:disabled,.layers__controls select:disabled,.layers__controls input[type=range]:disabled{opacity:.4;cursor:not-allowed}.layers__empty{color:var(--color-muted);padding:14px 14px 18px;font-size:11px;font-style:italic}.filter-cat{border-bottom:1px solid var(--color-border)}.filter-cat__header{background:var(--color-surface-2);align-items:stretch;display:flex}.filter-cat__toggle{color:var(--color-muted);cursor:pointer;background:0 0;border:none;place-items:center;width:32px;padding:0;font-size:12px;display:grid}.filter-cat__toggle:hover{color:var(--color-text-strong)}.filter-cat__toggle[aria-pressed=true]{color:var(--color-accent)}.filter-cat__title{color:var(--color-heading);text-align:left;cursor:pointer;font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;text-shadow:var(--shadow-heading);background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;padding:9px 14px 9px 0;font-size:10px;display:flex}.filter-cat__title:hover{color:var(--color-prompt)}.filter-cat__chevron{color:var(--color-muted);font-size:9px;transition:transform .15s}.filter-cat__chevron[data-open=true]{transform:rotate(90deg)}.filter-cat__body{padding:12px 14px 14px}.filter-cat__body[data-disabled]{opacity:.45}.filter-cat__opacity{border-bottom:1px solid var(--color-border);margin-bottom:10px;padding-bottom:10px}.slider-row{margin-bottom:10px}.slider-row:last-child{margin-bottom:0}.slider-row__header{color:var(--color-text-strong);justify-content:space-between;margin-bottom:4px;font-size:11px;display:flex}.slider-row__value{font-family:var(--mono);color:var(--color-muted)}input[type=range]{appearance:none;background:var(--color-surface-2);border-radius:2px;width:100%;height:3px;margin:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-accent);cursor:pointer;border-radius:2px;width:12px;height:14px}input[type=range]::-moz-range-thumb{background:var(--color-accent);cursor:pointer;border:none;border-radius:2px;width:12px;height:14px}.statusbar{background:var(--color-surface);border-top:1px solid var(--color-border);font-family:var(--mono);color:var(--color-muted);letter-spacing:1px;text-transform:uppercase;gap:18px;padding:5px 14px;font-size:10px;display:flex}.statusbar__cell{gap:8px;display:flex}.statusbar__cell:before{content:"│";color:var(--color-border-strong)}.statusbar__cell:first-child:before{content:none}.statusbar__label{color:var(--color-muted)}.statusbar__value{color:var(--color-text)}