:root{--bg-app: #1e1e1e;--bg-chrome: #2b2b2b;--bg-panel: #323232;--bg-panel-alt: #3a3a3a;--bg-sunken: #252525;--bg-canvas: #1a1a1a;--line: #4a4a4a;--line-soft: #3d3d3d;--text: #dcdcdc;--text-dim: #9a9a9a;--text-bright: #f4f4f4;--accent: #3f8cff;--accent-dim: #2a5fb0;--danger: #e05252;--ok: #4caf7d;--row: 26px;--radius: 4px;--shadow: 0 8px 28px rgba(0, 0, 0, .55);color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;overflow:hidden}body{background:var(--bg-app);color:var(--text);font:12px/1.45 Segoe UI,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;user-select:none;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}.icon{display:block}.icon-wrap{display:inline-flex;align-items:center;justify-content:center}.app{display:grid;grid-template-rows:auto auto auto 1fr auto;height:100%}.workspace{display:grid;grid-template-columns:46px 1fr var(--panel-w, 304px);min-height:0;background:var(--bg-app)}.menubar{display:flex;align-items:center;gap:2px;background:var(--bg-chrome);border-bottom:1px solid var(--line-soft);padding:0 8px;height:30px}.brand{font-weight:700;letter-spacing:.5px;color:var(--accent);margin-right:12px;display:flex;align-items:center;gap:6px}.brand small{color:var(--text-dim);font-weight:400;letter-spacing:0}.menu-item{position:relative;padding:4px 10px;border-radius:var(--radius);cursor:default;white-space:nowrap}.menu-item:hover,.menu-item.open{background:var(--bg-panel-alt)}.menu-pop{position:fixed;z-index:200;min-width:230px;background:var(--bg-panel);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow);padding:4px;max-height:80vh;overflow-y:auto}.menu-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:5px 10px;border-radius:var(--radius);cursor:default;white-space:nowrap}.menu-row:hover:not(.disabled){background:var(--accent-dim);color:#fff}.menu-row.disabled{color:#6a6a6a}.menu-row kbd{font:11px ui-monospace,Consolas,monospace;color:var(--text-dim);background:none}.menu-row:hover:not(.disabled) kbd{color:#d7e6ff}.menu-sep{height:1px;background:var(--line-soft);margin:4px 6px}.menu-head{padding:4px 10px;color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.6px}.submenu-arrow{color:var(--text-dim)}.tabbar{display:flex;align-items:stretch;gap:1px;background:var(--bg-app);border-bottom:1px solid var(--line-soft);min-height:27px;overflow-x:auto;scrollbar-width:thin}.doc-tab{display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--bg-chrome);border-right:1px solid var(--bg-app);cursor:default;white-space:nowrap;color:var(--text-dim);max-width:260px}.doc-tab.active{background:var(--bg-canvas);color:var(--text-bright)}.doc-tab .dot{color:var(--accent)}.doc-tab .x{opacity:.5;display:flex}.doc-tab .x:hover{opacity:1;color:var(--danger)}.tabbar .spacer{flex:1}.optionsbar{display:flex;align-items:center;gap:14px;background:var(--bg-chrome);border-bottom:1px solid var(--line-soft);padding:5px 10px;min-height:36px;overflow-x:auto;scrollbar-width:thin}.optionsbar .tool-name{display:flex;align-items:center;gap:7px;font-weight:600;color:var(--text-bright);padding-right:12px;border-right:1px solid var(--line-soft);white-space:nowrap}.opt{display:flex;align-items:center;gap:6px;white-space:nowrap}.opt>label{color:var(--text-dim)}.toolbar{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;background:var(--bg-chrome);border-right:1px solid var(--line-soft);overflow-y:auto;scrollbar-width:none}.tool-slot{position:relative}.tool-btn{width:34px;height:32px;display:grid;place-items:center;border:1px solid transparent;border-radius:var(--radius);background:none;color:var(--text);cursor:default}.tool-btn:hover{background:var(--bg-panel-alt)}.tool-btn.active{background:var(--accent-dim);color:#fff;border-color:#5a9bff}.tool-slot .more{position:absolute;right:2px;bottom:1px;width:0;height:0;border-left:4px solid transparent;border-bottom:4px solid var(--text-dim);pointer-events:none}.flyout{position:fixed;z-index:200;background:var(--bg-panel);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow);padding:4px;min-width:190px}.flyout .menu-row{justify-content:flex-start;gap:10px}.color-well{position:relative;width:40px;height:40px;margin-top:8px}.color-well .swatch{position:absolute;width:24px;height:24px;border:1px solid #111;box-shadow:0 0 0 1px #888;cursor:pointer}.color-well .fg{top:0;left:0;z-index:2}.color-well .bg{bottom:0;right:0}.mini-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:2px;border-radius:3px}.mini-btn:hover{color:var(--text-bright);background:var(--bg-panel-alt)}.viewport{position:relative;min-width:0;min-height:0;background:var(--bg-canvas);overflow:hidden}.viewport canvas{display:block;touch-action:none}.viewport.no-doc:after{content:"按 Ctrl+N 建立新文件，或 Ctrl+O 開啟影像";position:absolute;inset:0;display:grid;place-items:center;color:#5d5d5d;font-size:14px;pointer-events:none}.panels{display:flex;flex-direction:column;background:var(--bg-chrome);border-left:1px solid var(--line-soft);min-height:0;overflow-y:auto}.panel{display:flex;flex-direction:column;border-bottom:1px solid var(--line-soft);min-height:0}.panel.grow{flex:1 1 auto;min-height:260px}.panel-head{display:flex;align-items:center;gap:6px;padding:5px 9px;background:var(--bg-panel);font-weight:600;color:var(--text-bright);cursor:default}.panel-head .tools{display:flex;gap:2px;margin-left:auto}.panel-body{overflow-y:auto;padding:8px 9px;min-height:0}.panel.collapsed .panel-body,.panel.collapsed .panel-footer,.panel.collapsed .layer-controls,.panel.collapsed .layer-filter{display:none}.panel.collapsed{flex:0 0 auto;min-height:0}.panel-histogram .panel-body{display:grid;gap:8px}.panel-histogram:not(.collapsed),.panel-history:not(.collapsed){flex:0 0 auto}.panel-comps:not(.collapsed){flex:0 0 auto}.comp-row{display:flex;align-items:center;gap:8px;padding:4px 7px;border-radius:var(--radius);cursor:default}.comp-row:hover{background:var(--bg-panel-alt)}.comp-row .tools{margin-left:auto;display:flex;gap:2px;opacity:0}.comp-row:hover .tools{opacity:.8}.panels>.panel:not(.grow):not(.collapsed){min-height:104px}.panel-head .caret{color:var(--text-dim);transition:transform .12s}.panel.collapsed .panel-head .caret{transform:rotate(-90deg)}.panel-tabgroup{min-height:300px}.panel-tabstrip{gap:0;padding:0}.panel-tabstrip .tab{display:flex;align-items:center;gap:5px;background:none;border:none;border-bottom:2px solid transparent;padding:6px 11px;color:var(--text-dim);cursor:pointer;font-weight:600}.panel-tabstrip .tab:hover{color:var(--text-bright);background:var(--bg-panel-alt)}.panel-tabstrip .tab.active{color:var(--text-bright);border-bottom-color:var(--accent)}.panel-tabgroup .tab-body{display:flex;flex-direction:column;flex:1;min-height:0}.panel-tabgroup .tab-body>.panel{display:none;border-bottom:none}.panel-tabgroup .tab-body>.panel.active{display:flex;flex:1}.panel-tabgroup .tab-body>.panel>.panel-head{display:none}.panel-tabstrip .tab{padding:6px 9px}.panel-tabstrip .tab span:first-child{flex:none}.brush-row .thumbs canvas{width:116px;height:34px;border:1px solid #1a1a1a;border-radius:2px;flex:none}.brush-row{grid-template-columns:20px auto}.brush-row .layer-meta{grid-column:1 / -1}.channel-row .thumbs{align-items:center}.channel-thumb{width:40px;height:28px;border:1px solid #1a1a1a;flex:none}.layer-row{display:grid;grid-template-columns:22px auto 1fr;align-items:center;gap:7px;padding:4px 6px;border:1px solid transparent;border-radius:var(--radius);cursor:default}.layer-row:hover{background:var(--bg-panel-alt)}.layer-row.active{background:var(--accent-dim);border-color:#5a9bff}.layer-row.dragover{border-top:2px solid var(--accent)}.layer-row .vis{color:var(--text-dim);display:flex}.layer-row.active .vis{color:#e6f0ff}.layer-row .thumbs{display:flex;align-items:center;gap:3px}.layer-thumb{width:34px;height:34px;border:1px solid #1a1a1a;background-color:#6a6a6a;background-image:linear-gradient(45deg,#888 25%,transparent 25%,transparent 75%,#888 75%),linear-gradient(45deg,#888 25%,#666 25% 75%,#888 75%);background-size:10px 10px;background-position:0 0,5px 5px;flex:none;image-rendering:auto}.layer-thumb.mask{outline:1px solid transparent}.layer-thumb.mask.editing{outline:2px solid var(--accent)}.layer-meta{min-width:0}.layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-sub{color:var(--text-dim);font-size:11px;display:flex;gap:6px}.layer-row.active .layer-sub{color:#cfe0ff}.layer-row .clip-mark{color:var(--text-dim);font-size:11px}.layer-sub .badge{background:var(--accent-dim);color:#e8f1ff;border-radius:3px;padding:0 4px;font-size:10px}.layer-row.active .layer-sub .badge{background:#1d4a86}.layer-children{margin-left:14px;border-left:1px dotted var(--line);padding-left:4px}.layer-filter{display:flex;gap:5px;padding:6px 9px;border-bottom:1px solid var(--line-soft);background:var(--bg-panel)}.layer-filter input{flex:1;min-width:0}.layer-controls{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:6px 8px;align-items:center;padding:6px 9px;border-bottom:1px solid var(--line-soft);background:var(--bg-panel)}.layer-controls label{color:var(--text-dim)}.panel-footer{display:flex;gap:2px;padding:4px 6px;border-top:1px solid var(--line-soft);background:var(--bg-panel)}.gradient-swatch{border:1px solid var(--line);border-radius:3px;cursor:pointer}.gradient-swatch:hover{border-color:var(--accent)}.gradient-editor{display:grid;gap:10px}.gradient-track{position:relative;height:62px;padding:14px 0}.gradient-bar{display:block;border:1px solid var(--line);cursor:crosshair}.gradient-stop{position:absolute;width:11px;height:11px;margin-left:-6px;border:1px solid #111;box-shadow:0 0 0 1px #ddd;cursor:ew-resize}.gradient-stop.color{bottom:0;border-radius:0 0 3px 3px}.gradient-stop.alpha{top:0;border-radius:3px 3px 0 0}.gradient-stop.on{box-shadow:0 0 0 2px var(--accent);z-index:2}.gradient-presets{display:flex;flex-wrap:wrap;gap:6px;max-height:128px;overflow-y:auto;padding:2px}.gradient-preset{position:relative;display:grid;gap:2px;justify-items:center;padding:3px;border:1px solid transparent;border-radius:var(--radius);font-size:10px;color:var(--text-dim);cursor:default}.gradient-preset:hover{background:var(--bg-panel-alt)}.gradient-preset.on{border-color:var(--accent);color:var(--text-bright)}.gradient-preset canvas{border:1px solid var(--line);border-radius:2px}.gradient-preset .mini-btn{position:absolute;top:0;right:0;opacity:0}.gradient-preset:hover .mini-btn{opacity:.8}.history-source{width:13px;height:13px;flex:0 0 13px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:3px;background:var(--bg-sunken);color:var(--accent)}.history-source:hover{border-color:var(--accent)}.history-source.on{background:var(--accent-dim);color:#fff}.history-row.snapshot{color:var(--text-bright)}.history-row.snapshot .mini-btn{margin-left:auto;opacity:0}.history-row.snapshot:hover .mini-btn{opacity:.7}.history-row{display:flex;align-items:center;gap:8px;padding:3px 7px;border-radius:var(--radius);cursor:default}.history-row:hover{background:var(--bg-panel-alt)}.history-row.active{background:var(--accent-dim);color:#fff}.history-row.future{color:#6f6f6f}.history-row .idx{color:var(--text-dim);font-size:10px;min-width:18px;text-align:right}.color-panel{display:grid;gap:8px}.sv-area{position:relative;height:96px;border:1px solid var(--line);border-radius:3px;cursor:crosshair}.hue-bar{position:relative;height:14px;border:1px solid var(--line);border-radius:3px;cursor:ew-resize;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.picker-dot{position:absolute;width:11px;height:11px;margin:-6px 0 0 -6px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000;pointer-events:none}.hue-dot{position:absolute;top:-2px;width:6px;height:16px;margin-left:-3px;border:2px solid #fff;border-radius:2px;box-shadow:0 0 0 1px #000;pointer-events:none}.swatch-grid{display:grid;grid-template-columns:repeat(14,1fr);gap:3px}.swatch-grid .sw{aspect-ratio:1;border:1px solid #1c1c1c;border-radius:2px;cursor:pointer}.rgb-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-items:center}.navigator{position:relative;background:var(--bg-sunken);border:1px solid var(--line);border-radius:3px;overflow:hidden;height:96px;display:grid;place-items:center}.navigator canvas{max-width:100%;max-height:100%}.nav-rect{position:absolute;border:1px solid #ff5f5f;pointer-events:none}.statusbar{display:flex;align-items:center;gap:14px;background:var(--bg-chrome);border-top:1px solid var(--line-soft);padding:3px 10px;color:var(--text-dim);min-height:24px}.statusbar .sep{width:1px;height:13px;background:var(--line)}.statusbar .grow{flex:1}.btn{background:var(--bg-panel-alt);border:1px solid var(--line);border-radius:var(--radius);padding:4px 11px;cursor:pointer;color:var(--text)}.btn:hover{background:#474747}.btn:active{background:#3a3a3a}.btn.primary{background:var(--accent-dim);border-color:#5a9bff;color:#fff}.btn.primary:hover{background:#3a74c9}.btn.ghost{background:none;border-color:transparent}.btn.ghost:hover{background:var(--bg-panel-alt)}.btn:disabled{opacity:.45;cursor:default}input[type=text],input[type=number],select,textarea{background:var(--bg-sunken);border:1px solid var(--line);border-radius:3px;padding:3px 6px;min-width:0}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent)}input[type=number]{width:62px}.slider{display:flex;align-items:center;gap:6px}.slider input[type=range]{width:var(--slider-w, 104px)}.slider .val{width:54px;text-align:right;color:var(--text-dim);font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:#555}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#d8d8d8;border:1px solid #222;cursor:pointer}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#d8d8d8;border:1px solid #222;cursor:pointer}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.segmented button{background:var(--bg-sunken);border:none;border-right:1px solid var(--line);padding:3px 9px;cursor:pointer;color:var(--text-dim)}.segmented button:last-child{border-right:none}.segmented button.active{background:var(--accent-dim);color:#fff}.checkbox{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.checkbox input{accent-color:var(--accent)}.color-chip{width:26px;height:18px;border:1px solid #111;box-shadow:0 0 0 1px #777;border-radius:2px;cursor:pointer;padding:0}.scrubbable{cursor:ew-resize}.modal-backdrop{position:fixed;inset:0;background:#00000073;display:grid;place-items:center;z-index:300}.modal{background:var(--bg-panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);min-width:340px;max-width:min(94vw,900px);max-height:92vh;display:flex;flex-direction:column}.modal-head{padding:9px 14px;font-weight:600;color:var(--text-bright);border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:14px;overflow:auto}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:10px 14px;border-top:1px solid var(--line-soft)}.form-grid{display:grid;grid-template-columns:auto 1fr;gap:9px 12px;align-items:center}.form-grid .full{grid-column:1 / -1}.form-grid label{color:var(--text-dim)}.hint{color:var(--text-dim);font-size:11px}.preview-pane{border:1px solid var(--line);border-radius:4px;background:linear-gradient(45deg,#5a5a5a 25%,transparent 25%,transparent 75%,#5a5a5a 75%),linear-gradient(45deg,#5a5a5a 25%,#4a4a4a 25% 75%,#5a5a5a 75%);background-size:16px 16px;background-position:0 0,8px 8px;display:grid;place-items:center;overflow:hidden}.preview-pane canvas{max-width:100%;max-height:100%}.curve-editor{background:var(--bg-sunken);border:1px solid var(--line);border-radius:4px;cursor:crosshair}.toasts{position:fixed;bottom:34px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:400;pointer-events:none}.toast{background:#3b3b3b;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:5px;padding:7px 14px;box-shadow:var(--shadow);animation:toast-in .16s ease-out}.toast.error{border-left-color:var(--danger)}.toast.success{border-left-color:var(--ok)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.text-overlay{position:absolute;z-index:60;background:#1e1e1eeb;border:1px solid var(--accent);border-radius:6px;box-shadow:var(--shadow);padding:8px;display:grid;gap:8px;width:330px}.text-overlay textarea{width:100%;min-height:74px;resize:vertical;font-family:inherit}.text-overlay .row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--bg-sunken)}::-webkit-scrollbar-thumb{background:#555;border:2px solid var(--bg-sunken);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#6a6a6a}