:root{--void: #000000;--panel: #161618;--raised: #232326;--hover: #2c2c30;--active: #35353a;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .13);--text: #ffffff;--text-muted: #9a9aa2;--text-faint: #6a6a72;--accent: #0a84ff;--accent-hover: #379dff;--accent-dim: rgba(10, 132, 255, .16);--danger: #ff5c5c;--on-accent: #ffffff;--overlay-weak: rgba(255, 255, 255, .05);--overlay: rgba(255, 255, 255, .1);--overlay-strong: rgba(255, 255, 255, .16);--inset-ring: rgba(255, 255, 255, .14);--shadow-panel: rgba(0, 0, 0, .5);--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--sans: -apple-system, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--r-ctl: 9px;--r-panel: 16px;--r-pill: 999px;--h-ctl: 30px;--snap: .13s cubic-bezier(.32, .72, 0, 1)}:root[data-theme=light]{--void: #e8e8ea;--panel: #f7f7f8;--raised: #ececee;--hover: #e2e2e6;--active: #d8d8dc;--line: rgba(0, 0, 0, .08);--line-strong: rgba(0, 0, 0, .16);--text: #16161a;--text-muted: #63636c;--text-faint: #8e8e98;--overlay-weak: rgba(0, 0, 0, .04);--overlay: rgba(0, 0, 0, .08);--overlay-strong: rgba(0, 0, 0, .12);--inset-ring: rgba(0, 0, 0, .12);--shadow-panel: rgba(0, 0, 0, .18)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--void);color:var(--text);font-family:var(--sans);font-size:13px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.microlabel{font-family:var(--sans);font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--text-muted)}.mono-value{font-family:var(--sans);font-size:12.5px;color:var(--text-muted);font-variant-numeric:tabular-nums}.section-title{font-size:14px;font-weight:600;color:var(--text);letter-spacing:-.01em}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:6px;height:var(--h-ctl);padding:0 12px;border-radius:var(--r-ctl);background:var(--raised);border:none;color:var(--text);font-size:12.5px;font-weight:500;transition:background var(--snap),color var(--snap);white-space:nowrap}.btn:hover:not(:disabled){background:var(--hover)}.btn:active:not(:disabled){background:var(--active)}.btn:disabled{opacity:.35;cursor:default}.btn-primary{background:var(--accent);color:var(--on-accent);font-weight:600;padding:0 16px}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){background:#0a6fd8}.btn-ghost{background:none;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--raised);color:var(--text)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:var(--text-muted);transition:background var(--snap),color var(--snap)}.icon-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.icon-btn:disabled{opacity:.3;cursor:default}.icon-btn svg{display:block}input[type=text],input[type=number],select,textarea{font:inherit;font-size:12.5px;color:var(--text);background:var(--raised);border:1px solid transparent;border-radius:var(--r-ctl);height:var(--h-ctl);padding:0 10px;outline:none;transition:background var(--snap),border-color var(--snap)}input[type=text]:hover,input[type=number]:hover,select:hover{background:var(--hover)}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--accent);background:var(--raised)}input[type=number]{font-variant-numeric:tabular-nums;text-align:right}textarea{height:auto;padding:8px 10px;line-height:1.4}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:24px;background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l3 3 3-3' stroke='%239a9aa2' fill='none' stroke-width='1.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}input[type=range]{-webkit-appearance:none;width:100%;height:20px;background:none;--fill: 50%}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:var(--r-pill);background:linear-gradient(to right,var(--accent) var(--fill),var(--raised) var(--fill))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:#fff;border:none;box-shadow:0 1px 3px var(--shadow-panel),0 0 0 1px var(--line-strong);transition:transform var(--snap)}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}input[type=checkbox]{-webkit-appearance:none;width:16px;height:16px;border:1px solid var(--line-strong);border-radius:5px;background:var(--raised);cursor:pointer;position:relative;flex-shrink:0;transition:background var(--snap),border-color var(--snap)}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid var(--on-accent);border-width:0 1.7px 1.7px 0;transform:rotate(45deg)}input[type=color]{-webkit-appearance:none;width:30px;height:26px;padding:0;border:none;border-radius:7px;background:none;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:7px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:transparent;border-radius:var(--r-pill);border:3px solid transparent;background-clip:padding-box}:hover::-webkit-scrollbar-thumb{background:var(--inset-ring);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--overlay-strong);background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.shell{display:flex;flex-direction:column;height:100%;background:var(--void)}.toolbar{display:flex;align-items:center;gap:8px;height:52px;padding:0 14px;background:var(--void);-webkit-app-region:drag}.toolbar button,.toolbar .file-name,.toolbar .tool-group{-webkit-app-region:no-drag}.toolbar .file-name{flex:1;font-size:12.5px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:4px}.toolbar-brand{font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--text);padding-right:8px}.toolbar-brand em{color:var(--accent);font-style:normal}.tool-group{display:flex;align-items:center;gap:2px;padding:3px;background:var(--panel);border-radius:11px}.workspace{display:flex;flex:1;min-height:0;gap:8px;padding:0 8px 8px}.page-rail,.left-panel,.side-panel{background:var(--panel);border-radius:var(--r-panel);overflow:hidden;display:flex;flex-direction:column}.page-rail{width:132px;flex-shrink:0}.page-rail-head{display:flex;align-items:center;justify-content:space-between;padding:12px 10px 8px}.page-rail-list{flex:1;overflow-y:auto;padding:0 10px 12px;display:flex;flex-direction:column;gap:10px}.page-card{cursor:pointer}.page-card .page-thumb{position:relative;aspect-ratio:4 / 3;border-radius:10px;background:var(--raised);border:2px solid transparent;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color var(--snap)}.page-card:hover .page-thumb{border-color:var(--line-strong)}.page-card.active .page-thumb{border-color:var(--accent)}.page-thumb img{width:100%;height:100%;object-fit:cover}.page-del{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:6px;background:#000000b3;opacity:0}.page-card:hover .page-del{opacity:1}.page-name{display:block;margin-top:6px;font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-card.active .page-name{color:var(--text)}.page-card input{width:100%;height:24px;margin-top:4px;font-size:12px}.left-panel{width:238px;flex-shrink:0}.seg-tabs{display:flex;gap:2px;margin:12px 12px 10px;padding:3px;background:var(--raised);border-radius:11px}.seg-tab{flex:1;color:var(--text-muted);font-size:12.5px;font-weight:600;padding:7px 0;border-radius:8px;transition:background var(--snap),color var(--snap)}.seg-tab.on{background:var(--accent);color:var(--on-accent)}.seg-tab:hover:not(.on){color:var(--text)}.cat-nav{position:relative;padding-bottom:10px}.cat-row{display:flex;gap:6px;padding:0 12px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;scroll-padding-inline:26px;overscroll-behavior-x:contain}.cat-row::-webkit-scrollbar{display:none}.cat-chip{flex-shrink:0;height:26px;padding:0 11px;border-radius:var(--r-pill);background:var(--raised);color:var(--text-muted);font-size:12px;font-weight:500;white-space:nowrap;transition:background var(--snap),color var(--snap)}.cat-chip:hover{background:var(--hover);color:var(--text)}.cat-chip.on{background:var(--accent);color:var(--on-accent);font-weight:600}.cat-fade{position:absolute;top:0;bottom:10px;width:34px;pointer-events:none;opacity:0;transition:opacity var(--snap)}.cat-fade.on{opacity:1}.cat-fade.left{left:0;background:linear-gradient(to right,var(--panel) 30%,transparent)}.cat-fade.right{right:0;background:linear-gradient(to left,var(--panel) 30%,transparent)}.cat-arrow{position:absolute;top:0;width:22px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-pill);background:var(--raised);color:var(--text-muted);transition:background var(--snap),color var(--snap),opacity var(--snap)}.cat-arrow:hover{background:var(--hover);color:var(--text)}.cat-arrow.left{left:6px}.cat-arrow.right{right:6px}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 12px 14px;overflow-y:auto;align-content:start}.filter-group-head{grid-column:1 / -1;padding:6px 2px 2px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.filter-group-head:first-child{padding-top:0}.filter-tile{position:relative;text-align:center}.tile-hit{display:block;width:100%}.tile-add{position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:7px;background:#0009;color:#fff;font-size:15px;line-height:1;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity var(--snap),background var(--snap)}.filter-tile:hover .tile-add,.filter-tile:focus-within .tile-add{opacity:1;pointer-events:auto}.tile-add:hover{background:var(--accent)}.filter-tile img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;border-radius:12px;border:2px solid transparent;transition:border-color var(--snap),transform var(--snap)}.filter-tile:hover img{border-color:var(--line-strong)}.tile-hit:active img{transform:scale(.97)}.filter-tile.active img{border-color:var(--accent)}.filter-tile .tile-name{display:block;margin-top:6px;font-size:11.5px;line-height:1.25;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-tile.active .tile-name{color:var(--accent);font-weight:600}.filter-tile .tile-family{display:block;font-size:10.5px;color:var(--text-faint);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.effects-tab{display:flex;flex-direction:column;min-height:0;flex:1}input.panel-search{margin:0 12px 10px;width:calc(100% - 24px);height:36px;font-size:13px;flex-shrink:0}.effects-list{overflow-y:auto;padding:0 12px 14px}.effects-cat{padding:10px 2px 6px;font-size:12px;color:var(--text-faint)}.effect-row{display:flex;align-items:center;gap:10px;width:100%;background:var(--raised);color:var(--text);font-size:12.5px;padding:6px 10px 6px 6px;border-radius:10px;margin-bottom:5px;text-align:left;transition:background var(--snap)}.effect-thumb{width:34px;height:34px;flex-shrink:0;border-radius:7px;overflow:hidden;background:var(--hover)}.effect-thumb img{width:100%;height:100%;object-fit:cover;display:block}.effect-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.effect-row:hover{background:var(--hover)}.effect-row .effect-add{color:var(--text-faint);font-size:15px;line-height:1}.effect-row:hover .effect-add{color:var(--accent)}.stage-column{flex:1;display:flex;flex-direction:column;min-width:0;gap:8px}.stage{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;background:var(--void);border-radius:var(--r-panel);position:relative}.stage canvas{box-shadow:0 12px 60px #0009;border-radius:3px}.stage.drag-over{outline:2px dashed var(--accent);outline-offset:-10px}.stage-empty{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-faint)}.drop-zone{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:44px 60px;border:1.5px dashed var(--line-strong);border-radius:var(--r-panel);background:var(--panel);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-muted)}.drop-title{font-size:16px;font-weight:600;color:var(--text)}.drop-sub{font-size:12.5px;color:var(--text-faint)}.drop-sub kbd{font-family:var(--mono);font-size:10.5px;padding:1px 5px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:5px}.drop-samples{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px}.sample-row{display:flex;gap:8px}.sample-chip{width:76px;height:56px;border-radius:9px;overflow:hidden;border:2px solid transparent;transition:border-color var(--snap),transform var(--snap)}.sample-chip:hover{border-color:var(--accent);transform:translateY(-2px)}.sample-chip img{width:100%;height:100%;object-fit:cover;display:block}.canvas-wrap{position:relative;display:flex}.crop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.crop-scrim{position:absolute;background:#0000008c;pointer-events:none}.crop-box{position:absolute;box-shadow:0 0 0 1px #ffffffe6;pointer-events:none}.crop-thirds{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,transparent calc(33.333% - .5px),rgba(255,255,255,.32) calc(33.333% - .5px),rgba(255,255,255,.32) calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),rgba(255,255,255,.32) calc(66.666% - .5px),rgba(255,255,255,.32) calc(66.666% + .5px),transparent calc(66.666% + .5px)),linear-gradient(to bottom,transparent calc(33.333% - .5px),rgba(255,255,255,.32) calc(33.333% - .5px),rgba(255,255,255,.32) calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),rgba(255,255,255,.32) calc(66.666% - .5px),rgba(255,255,255,.32) calc(66.666% + .5px),transparent calc(66.666% + .5px))}.crop-handle{position:absolute;background:#fff;box-shadow:0 1px 4px #0009}.crop-handle.nw,.crop-handle.ne,.crop-handle.se,.crop-handle.sw{width:14px;height:14px;border-radius:2px}.crop-handle.nw{left:-4px;top:-4px}.crop-handle.ne{right:-4px;top:-4px}.crop-handle.se{right:-4px;bottom:-4px}.crop-handle.sw{left:-4px;bottom:-4px}.crop-handle.n,.crop-handle.s{left:50%;width:26px;height:5px;margin-left:-13px;border-radius:3px}.crop-handle.n{top:-2.5px}.crop-handle.s{bottom:-2.5px}.crop-handle.w,.crop-handle.e{top:50%;height:26px;width:5px;margin-top:-13px;border-radius:3px}.crop-handle.w{left:-2.5px}.crop-handle.e{right:-2.5px}.crop-readout{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums;padding:0 8px 0 4px;align-self:center}.crop-actions{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:4;padding:6px;background:var(--panel);border-radius:13px;box-shadow:0 12px 40px #0009}.compare-btn{position:absolute;bottom:16px;right:16px;height:28px;padding:0 12px;border-radius:var(--r-ctl);background:var(--panel);color:var(--text-muted);font-size:12px;font-weight:500}.compare-btn:hover{color:var(--text)}.compare-btn:active,.compare-btn.held{background:var(--accent);color:var(--on-accent)}.frame-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--panel);border-radius:13px;flex-wrap:wrap}.frame-zoom{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:230px}.zoom-track{flex:1;display:flex}.zoom-track input[type=range]{flex:1}.frame-zoom input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,transparent calc(50% - 1px),var(--line-strong) calc(50% - 1px),var(--line-strong) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to right,var(--raised) var(--from),var(--accent) var(--from),var(--accent) var(--to),var(--raised) var(--to))}.zoom-value{width:42px;text-align:right;flex-shrink:0}.seg-pills{display:flex;gap:2px;padding:3px;background:var(--raised);border-radius:10px}.seg-pill{color:var(--text-muted);font-size:12px;font-weight:500;padding:5px 11px;border-radius:7px;transition:background var(--snap),color var(--snap)}.seg-pill:hover:not(.on){color:var(--text)}.seg-pill.on{background:var(--accent);color:var(--on-accent);font-weight:600}.seg-pill.lone{background:var(--raised);padding:8px 12px;border-radius:10px}.seg-pill.lone:hover:not(.on){background:var(--hover)}.seg-pill.lone.on{background:var(--accent)}.seg-pill.lone:disabled{opacity:.35;cursor:default}.frame-align{position:relative;display:flex}.align-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.align-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:21;display:grid;grid-template-columns:repeat(3,30px);grid-auto-rows:30px;gap:3px;padding:6px;background:var(--panel);border-radius:12px;box-shadow:0 16px 48px #000000a6}.align-cell{display:flex;align-items:center;justify-content:center;border-radius:7px;background:var(--raised);transition:background var(--snap)}.align-cell:hover{background:var(--accent)}.align-cell span{width:9px;height:9px;border-radius:2px;background:var(--text-faint)}.align-cell:hover span{background:var(--on-accent)}.canvas-wrap canvas{cursor:grab}.canvas-wrap canvas:active{cursor:grabbing}.canvas-color{display:flex;align-items:center;gap:8px;background:var(--raised);border-radius:10px;padding:4px 12px 4px 4px;cursor:pointer}.canvas-color:hover{background:var(--hover)}.side-panel{width:292px;flex-shrink:0;overflow-y:auto}.panel-section{padding:14px}.panel-section+.panel-section{border-top:1px solid var(--line)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.panel-head-tools{display:flex;align-items:center;gap:2px}.field{display:flex;align-items:center;gap:10px;min-height:34px}.field>.field-label{flex:1;font-size:12.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field>.field-ctl{flex:0 0 132px;display:flex;align-items:center;gap:6px}.field>.field-ctl>select{width:100%}.stepper{display:flex;align-items:center;gap:4px;width:100%}.stepper input[type=number]{flex:1;min-width:0;text-align:center}.stepper button{width:26px;height:var(--h-ctl);flex-shrink:0;border-radius:7px;background:var(--raised);color:var(--text-muted);font-size:14px;line-height:1;transition:background var(--snap),color var(--snap)}.stepper button:hover{background:var(--hover);color:var(--text)}.stack-list{display:flex;flex-direction:column;gap:4px}.stack-row{display:flex;align-items:center;gap:8px;height:36px;padding:0 8px;border-radius:10px;background:var(--raised);color:var(--text);cursor:pointer;transition:background var(--snap),opacity var(--snap)}.stack-row:hover{background:var(--hover)}.stack-row.selected{background:var(--accent);color:var(--on-accent)}.stack-row.selected .icon-btn{color:#ffffffbf}.stack-row.selected .icon-btn:hover{background:#ffffff29;color:var(--on-accent)}.stack-row.disabled{opacity:.4}.stack-row.drag-over{box-shadow:inset 0 2px 0 var(--accent)}.stack-row .grip{color:currentColor;opacity:.45;cursor:grab;display:flex}.stack-row .name{flex:1;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-group{border-radius:10px;margin-bottom:5px;overflow:hidden;background:var(--raised)}.layer-group.disabled{opacity:.5}.layer-group .group-row{border-radius:0;background:none}.layer-group .group-row:hover{background:var(--overlay-weak)}.layer-group .group-row .name{font-weight:600}.group-intensity{display:flex;align-items:center;gap:8px;padding:0 12px 8px 34px}.group-intensity:last-child{padding-bottom:10px}.group-knob-label{width:52px;flex-shrink:0;font-size:11.5px;color:var(--text-faint)}.group-intensity input[type=range]{flex:1}.group-intensity .microlabel{width:36px;text-align:right;font-size:12px}.stack-row.in-group{margin:0 0 0 18px;border-radius:0;background:none}.stack-row.in-group:hover{background:var(--overlay-weak)}.icon-btn.chev svg{transition:transform var(--snap);transform:rotate(-90deg)}.icon-btn.chev.open svg{transform:rotate(0)}.add-effect-btn{margin-top:8px;width:100%;justify-content:center}.ctl-group{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.ctl-row-label{display:flex;justify-content:space-between;align-items:center;gap:8px}.ctl-row-label .lbl{flex:1;font-size:12.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctl-row-label input[type=number]{width:66px;height:26px;flex-shrink:0}.color-well{background:var(--raised);border-radius:var(--r-ctl);padding:2px 10px 2px 2px;height:var(--h-ctl);cursor:pointer}.color-well:hover{background:var(--hover)}.color-well input[type=color]{width:44px;height:26px}.color-well .mono-value{margin-left:auto;font-size:12px}.ctl-inline{display:flex;align-items:center;gap:10px;min-height:34px}.ctl-inline .lbl{flex:1;font-size:12.5px;color:var(--text-muted)}.slider-combo{display:flex;align-items:center;gap:10px}.slider-combo input[type=range]{flex:1}.slider-combo input[type=number]{width:62px;flex-shrink:0}.blend-row,.mask-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.blend-row select,.mask-row select{flex:0 0 118px}.blend-row input[type=range]{flex:1}.blend-row .microlabel{width:38px;text-align:right;font-size:12px}.mask-controls{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.text-panel{border-top:1px solid var(--line);padding:14px}.text-row{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 10px;border-radius:9px;background:var(--raised);margin-bottom:4px;cursor:pointer;font-size:12.5px;color:var(--text);transition:background var(--snap)}.text-row:hover{background:var(--hover)}.text-row.selected{background:var(--accent);color:var(--on-accent)}.text-row.selected .icon-btn{color:#ffffffbf}.text-row-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-editor{display:flex;flex-direction:column;gap:8px;padding:10px 0 2px}.text-editor textarea{resize:vertical;min-height:52px}.text-editor-row{display:flex;align-items:center;gap:10px;min-height:30px}.text-editor-row .microlabel{width:58px;flex-shrink:0;font-size:12.5px}.text-editor-row input[type=range]{flex:1}.text-outline{position:absolute;border:1px dashed var(--accent);pointer-events:none;border-radius:2px}.empty-note{font-size:12.5px;color:var(--text-faint);padding:2px 0}.before-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.ba-divider{position:absolute;top:0;bottom:0;width:2px;background:#fff;cursor:ew-resize;transform:translate(-1px);box-shadow:0 0 8px #0009;touch-action:none}.ba-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;box-shadow:0 2px 8px #00000080}.ba-tag{position:absolute;top:12px;font-size:11px;font-weight:600;color:#fff;background:#0000008c;padding:4px 10px;border-radius:var(--r-pill);pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ba-before{left:12px}.ba-after{right:12px}.xy-pad{width:100%;aspect-ratio:16 / 10;max-height:130px;background:var(--raised);border-radius:10px;position:relative;cursor:crosshair}.xy-pad .xy-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent);transform:translate(-50%,50%);pointer-events:none;box-shadow:0 0 0 4px var(--accent-dim)}.xy-pad .xy-cross-h,.xy-pad .xy-cross-v{position:absolute;background:var(--line);pointer-events:none}.xy-pad .xy-cross-h{left:0;right:0;height:1px}.xy-pad .xy-cross-v{top:0;bottom:0;width:1px}.bind-chip{font-size:12px;font-weight:500;padding:5px 11px;border-radius:var(--r-pill);background:var(--raised);color:var(--text-muted);transition:background var(--snap),color var(--snap)}.bind-chip:hover:not(:disabled){background:var(--hover);color:var(--text)}.bind-chip:disabled{opacity:.35;cursor:default}.bind-chip.on{background:var(--accent);color:var(--on-accent);font-weight:600}.picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.picker-pop{position:absolute;width:300px;max-height:420px;display:flex;flex-direction:column;background:var(--panel);border-radius:var(--r-panel);box-shadow:0 20px 60px #000000b3;overflow:hidden;z-index:41}.picker-search{padding:10px}.picker-search input{width:100%}.picker-list{overflow-y:auto;padding:0 8px 8px}.picker-cat{margin:8px 6px 4px}.picker-item{display:flex;align-items:center;width:100%;gap:8px;height:32px;padding:0 10px;border-radius:8px;font-size:12.5px;color:var(--text);text-align:left;transition:background var(--snap)}.picker-item:hover,.picker-item.cursor{background:var(--hover)}.picker-empty{padding:18px;font-size:12.5px;color:var(--text-faint);text-align:center}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog{width:396px;background:var(--panel);border-radius:var(--r-panel);box-shadow:0 28px 90px #000000bf;padding:20px;display:flex;flex-direction:column;gap:14px}.dialog-title{font-size:15px;font-weight:600}.dialog-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;color:var(--text-muted);min-height:34px}.dialog-actions{display:flex;gap:8px;justify-content:flex-end}.dialog-error{font-family:var(--mono);font-size:11px;color:var(--danger);white-space:pre-wrap;max-height:120px;overflow-y:auto}.progress-track{height:4px;border-radius:var(--r-pill);background:var(--raised);overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .12s linear}.menu{position:absolute;top:44px;min-width:214px;background:var(--panel);border-radius:13px;box-shadow:0 20px 60px #000000b3;padding:6px;z-index:45}.menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;height:32px;padding:0 10px;border-radius:8px;font-size:12.5px;text-align:left;color:var(--text)}.menu-item:hover{background:var(--hover)}.menu-item .icon-btn{width:22px;height:22px}.menu-sep{height:1px;background:var(--line);margin:6px 4px}.menu-label{padding:6px 10px 4px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--panel);border-radius:11px;padding:10px 16px;font-size:12.5px;color:var(--text);box-shadow:0 12px 40px #0009;z-index:60}.look-adjust{padding:2px 12px 10px}.look-section+.look-section{margin-top:4px}.look-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px}.look-section-toggle{display:flex;align-items:center;gap:6px;flex:1;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);text-align:left}.look-section-toggle:hover{color:var(--text)}.look-chevron{display:inline-block;font-size:13px;line-height:1;color:var(--text-faint);transition:transform var(--snap)}.look-section-toggle.open .look-chevron{transform:rotate(90deg)}.look-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.look-reset{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);padding:3px 6px;border-radius:6px;transition:background var(--snap),color var(--snap)}.look-reset:hover{background:var(--hover);color:var(--text)}.look-reset.small{text-transform:none;letter-spacing:0;font-size:10.5px;padding:2px 5px}.look-adjust .ctl-group{margin-bottom:8px}.look-adjust .ctl-row-label .mono-value{font-size:11.5px}.adjust-subject{font-size:12px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.layer-kind{flex-shrink:0;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:5px;background:var(--overlay-weak);color:var(--text-faint)}.layer-kind.filter{background:var(--accent-dim);color:#7ab8ff}.stack-row.selected .layer-kind{background:#fff3;color:var(--on-accent)}.preset-dialog{width:440px;gap:12px}.preset-save{background:var(--raised);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.preset-save-head{display:flex;align-items:baseline;justify-content:space-between}.preset-save-row{display:flex;gap:8px}.preset-save-row input{flex:1;min-width:0;background:var(--void)}.preset-warn{font-size:12px;color:#ffb454}.preset-list{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.preset-group{padding:8px 2px 2px}.preset-row{display:flex;align-items:center;gap:6px;border-radius:10px;padding-right:6px;transition:background var(--snap)}.preset-row:hover{background:var(--raised)}.preset-hit{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 10px;text-align:left}.preset-name{font-size:12.5px;color:var(--text)}.preset-meta{font-size:11px;color:var(--text-faint);max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-note{font-size:12px;color:var(--text-muted)}.adj-row{position:relative;display:flex;align-items:center;height:30px;margin-bottom:3px;border-radius:8px;background:var(--raised);overflow:hidden;--fill: 0%}.adj-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--fill);background:var(--hover);pointer-events:none}.adj-row:hover:before{background:var(--active)}.adj-range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:2;-webkit-appearance:none;background:none}.adj-range::-webkit-slider-thumb{-webkit-appearance:none;width:1px;height:100%}.adj-label{position:relative;z-index:1;flex:1;padding-left:10px;font-size:12px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.adj-value{position:relative;z-index:1;padding-right:10px;font-size:11.5px;color:var(--text-muted);font-variant-numeric:tabular-nums;pointer-events:none}.adj-reset{position:relative;z-index:3;font-size:10.5px;color:var(--text-faint);padding:2px 6px;margin-right:2px;border-radius:5px;opacity:0;transition:opacity var(--snap),color var(--snap)}.adj-row:hover .adj-reset{opacity:1}.adj-reset:hover{color:var(--text);background:var(--overlay)}.look-adjust .look-section+.look-section{margin-top:8px}.look-adjust{padding:2px 12px 12px}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.filter-tile{min-width:0}.filter-tile img{border-radius:9px;border-width:1.5px}.filter-tile .tile-name{margin-top:4px;font-size:10px}.filter-tile .tile-family{font-size:9px}.effect-thumb{width:26px;height:26px;border-radius:6px}.effect-row{padding:5px 10px 5px 5px;gap:8px;font-size:12px;margin-bottom:3px}.canvas-bar{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:8px;z-index:5}.canvas-bar-group{display:flex;gap:2px;padding:4px;background:var(--panel);border-radius:12px;box-shadow:0 10px 34px #0000008c}.canvas-tool{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 11px;border-radius:9px;color:var(--text-muted);transition:background var(--snap),color var(--snap)}.canvas-tool:hover{background:var(--hover);color:var(--text)}.canvas-tool.on{background:var(--accent);color:var(--on-accent)}.canvas-tool-count{font-size:11px;font-variant-numeric:tabular-nums;opacity:.75}.pages-pop{position:absolute;left:0;bottom:calc(100% + 8px);width:260px;padding:10px;background:var(--panel);border-radius:14px;box-shadow:0 18px 50px #000000a6}.pages-pop-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px}.pages-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.pages-strip .page-card{width:72px;flex-shrink:0}.pages-strip .page-name{font-size:11px}.compare-btn{bottom:16px;right:16px}.crop-actions{bottom:60px}.layer-kind.shape{background:#78dcaa29;color:#7fe0b0}.shape-frame{position:absolute;box-shadow:0 0 0 1px var(--accent);pointer-events:none}.shape-handle{position:absolute;width:9px;height:9px;background:#fff;border:1px solid var(--accent);border-radius:2px;pointer-events:none}.shape-handle.nw{left:-5px;top:-5px}.shape-handle.ne{right:-5px;top:-5px}.shape-handle.se{right:-5px;bottom:-5px}.shape-handle.sw{left:-5px;bottom:-5px}.shape-handle.n{left:50%;top:-5px;margin-left:-4.5px}.shape-handle.s{left:50%;bottom:-5px;margin-left:-4.5px}.shape-handle.w{top:50%;left:-5px;margin-top:-4.5px}.shape-handle.e{top:50%;right:-5px;margin-top:-4.5px}.canvas-tool-wrap{position:relative;display:flex}.shape-pop{position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 10px);width:150px;padding:5px;background:var(--panel);border-radius:12px;box-shadow:0 16px 44px #0009}.adj-group{padding:12px 2px 5px;display:block}.dim-row{display:flex;gap:8px;margin-bottom:4px;min-width:0}.dim-field{flex:1 1 0;min-width:0;overflow:hidden;display:flex;align-items:center;gap:8px;background:var(--raised);border-radius:var(--r-ctl);padding-left:10px}.dim-field>span{font-size:11.5px;color:var(--text-faint)}.dim-field input{flex:1 1 0;width:100%;min-width:0;background:none;border:none;text-align:left;padding:0 8px 0 0}.shape-delete{width:100%;justify-content:center;margin-top:12px;color:var(--danger)}.toolbar{height:auto;min-height:46px;margin:8px;padding:6px 10px;background:var(--panel);border-radius:14px;flex-wrap:wrap;row-gap:6px}.toolbar .tool-group{background:var(--raised)}.toolbar .file-name{flex:1 1 90px;min-width:0;text-align:right;padding-right:4px}.frame-controls{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;flex-wrap:wrap;justify-content:center}.frame-controls .seg-pills{background:var(--raised)}.frame-controls .seg-pill{padding:4px 9px;font-size:11.5px}.frame-controls .seg-pill.lone{padding:6px 10px}.frame-controls .canvas-color{padding:3px 10px 3px 3px}.frame-controls .frame-zoom{margin-left:0;min-width:150px}.frame-controls .zoom-value{width:38px}.frame-controls .microlabel{font-size:11.5px}.stage-column{gap:8px}.canvas-bar{position:static;transform:none;justify-content:center;padding:6px;background:var(--panel);border-radius:14px;flex-shrink:0}.canvas-bar-group{box-shadow:none;background:var(--raised)}.pages-pop{bottom:calc(100% + 10px)}.crop-actions{bottom:16px}:root{--h-bar: 32px}.toolbar>.btn,.toolbar>.tool-group,.toolbar .frame-controls>.seg-pills,.toolbar .frame-controls>.seg-pill.lone,.toolbar .frame-controls>.canvas-color,.toolbar .frame-controls>.frame-align>.seg-pill.lone,.toolbar .frame-controls>.frame-zoom{height:var(--h-bar);box-sizing:border-box}.toolbar>.tool-group{padding:0 3px}.toolbar>.tool-group .icon-btn{height:26px;width:26px}.toolbar .frame-controls>.seg-pills{padding:3px;align-items:stretch}.toolbar .frame-controls .seg-pills .seg-pill{display:flex;align-items:center;padding:0 9px}.toolbar .frame-controls>.frame-align{height:var(--h-bar);display:flex}.toolbar .frame-controls>.canvas-color{padding:0 10px 0 3px}.toolbar .frame-controls>.frame-zoom{padding:0 10px;background:var(--raised);border-radius:var(--r-ctl)}.toolbar .frame-controls>.seg-pill.lone{display:flex;align-items:center}.canvas-tool{font-size:12px;font-weight:500}.canvas-tool:disabled{opacity:.35;cursor:default}.canvas-bar{flex-wrap:wrap;row-gap:6px}.canvas-tool.zoom-preset{padding:0 8px;font-variant-numeric:tabular-nums}.canvas-bar{position:relative;left:auto;right:auto;bottom:auto;justify-content:space-between;flex-wrap:nowrap;gap:6px;align-items:center}.canvas-bar-edge{flex:0 0 auto;display:flex;gap:2px;padding:4px;background:var(--raised);border-radius:12px}.canvas-bar-center{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;row-gap:6px}.canvas-bar-edge .canvas-tool:hover{background:var(--hover)}.canvas-bar-edge .canvas-tool.on{background:var(--accent);color:var(--on-accent)}.color-field{position:relative;display:flex;flex:1;min-width:0}.color-trigger{display:flex;align-items:center;gap:8px;width:100%;height:var(--h-ctl);padding:0 10px 0 3px;background:var(--raised);border-radius:var(--r-ctl);cursor:pointer}.color-trigger:hover{background:var(--hover)}.color-chip{width:30px;height:24px;flex-shrink:0;border-radius:7px;box-shadow:inset 0 0 0 1px var(--inset-ring)}.color-trigger .mono-value{margin-left:auto;font-size:12px}.color-pop{position:fixed;z-index:60;width:244px;padding:14px;background:var(--panel);border-radius:var(--r-panel);box-shadow:0 20px 56px #000000b3;display:flex;flex-direction:column;gap:12px}.color-sv{position:relative;height:148px;border-radius:10px;overflow:hidden;cursor:crosshair;touch-action:none}.color-sv-white,.color-sv-black{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.color-sv-white{background:linear-gradient(to right,#fff,#fff0)}.color-sv-black{background:linear-gradient(to top,#000,#0000)}.color-dot{position:absolute;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px #0009;pointer-events:none}.color-hue{position:relative;height:14px;margin:2px 2px 0;border-radius:var(--r-pill);cursor:ew-resize;touch-action:none;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.color-hue-dot{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px #0009;pointer-events:none}.color-hex{display:flex;align-items:center;gap:10px;background:var(--raised);border-radius:var(--r-ctl);padding:5px}.color-hex input{flex:1;min-width:0;height:26px;background:none;border:none;font-family:var(--mono);font-size:12px;letter-spacing:.04em;padding:0 4px}.color-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding-top:2px}.color-swatch{height:24px;border-radius:7px;box-shadow:inset 0 0 0 1px var(--inset-ring);transition:transform var(--snap)}.color-swatch:hover{transform:scale(1.08)}.color-swatch.on{box-shadow:inset 0 0 0 1px var(--inset-ring),0 0 0 2px var(--accent)}.toolbar .frame-controls>.color-field{height:var(--h-bar);min-width:128px;flex:0 0 auto}.toolbar .frame-controls>.color-field .color-trigger{height:var(--h-bar)}.align-guide{position:absolute;background:var(--accent);pointer-events:none;z-index:4;box-shadow:0 0 6px #0a84ffb3}.align-guide.vertical{left:50%;top:0;bottom:0;width:1px;transform:translate(-.5px)}.align-guide.horizontal{top:50%;left:0;right:0;height:1px;transform:translateY(-.5px)}.app-notice{position:fixed;left:50%;transform:translate(-50%);bottom:76px;z-index:60;display:flex;align-items:center;gap:8px;max-width:min(560px,calc(100vw - 32px));padding:8px 8px 8px 14px;border-radius:var(--r-panel);background:var(--raised);border:1px solid var(--line-strong);box-shadow:0 12px 32px var(--shadow-panel);font-size:12.5px;color:var(--text)}.preset-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 16px 22px;text-align:center}.preset-empty-title{font-size:13px;font-weight:600;color:var(--text)}.preset-empty-body{font-size:12px;color:var(--text-muted);max-width:240px;line-height:1.45}.preset-empty .btn{margin-top:6px}.dialog-note{font-size:11.5px;color:var(--text-faint);margin:-2px 0 2px;text-align:right}.brush-actions{display:flex;flex-wrap:wrap;gap:5px;padding-bottom:2px}.brush-ring{position:absolute;z-index:5;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;border:1px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px #0000008c,inset 0 0 0 1px #0000008c}.stage.brushing .canvas-wrap canvas,.stage.brushing .canvas-wrap canvas:active{cursor:none}.canvas-tool.page-step{min-width:24px;padding-left:4px;padding-right:4px;color:var(--text-muted)}.canvas-tool.page-step:hover{color:var(--text)}