@font-face{font-family:Iosevka Term;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/iosevka-term/iosevkaterm-medium.woff2) format("woff2")}.composer{background:#0f1012;min-height:100vh;color:#d1d5db}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:.9rem;padding:.6rem 1.1rem;background:#0f1012eb;backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid #2a2c30}.back{color:#41b5e6;text-decoration:none;font:600 .8rem/1 var(--font-body);white-space:nowrap}#combo-name{flex:1;min-width:0;max-width:26rem;background:#1a1c1f;border:1px solid #2a2c30;border-radius:8px;color:#fff;font:600 .9rem/1 var(--font-display);padding:.5rem .7rem}#combo-name:focus{outline:none;border-color:#41b5e6}.save-state{font-size:.72rem;color:#9ca3af;white-space:nowrap}.tb-content{display:flex;align-items:center;gap:.4rem}.tb-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;color:#d1d5db;background:#232529;border:0;border-radius:8px;cursor:pointer}.tb-btn:hover{background:#2e3136}.tb-btn[aria-pressed=false]{opacity:.4}.tb-seg{background:#1a1c1f}.actions{margin-left:auto;display:flex;gap:.45rem}.actions button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;color:#d1d5db;background:#232529;border:0;border-radius:8px;cursor:pointer}.actions button:hover{background:#2e3136}.actions button:disabled{opacity:.5;cursor:default}.actions .primary{color:#0f1012;background:#ffd23f}.actions .primary:hover{background:#ffdc6b}#btn-save{position:relative}#btn-save .ic-save-idle,#btn-save .ic-save-check{transition:opacity .25s ease}#btn-save .ic-save-check{position:absolute;inset:0;margin:auto;opacity:0}#btn-save.just-saved .ic-save-idle{opacity:0}#btn-save.just-saved .ic-save-check{opacity:1}.wrap{position:relative;display:grid;grid-template-columns:var(--sidebar-w, 384px) 1fr;height:calc(100vh - 53px)}.controls{overflow:hidden;border-right:1px solid #2a2c30;display:flex;flex-direction:column;min-width:0}.tabs{display:flex;flex:0 0 auto;background:#141517;border-bottom:1px solid #2a2c30}.tab{flex:1;min-width:0;padding:.62rem .3rem;font:600 .72rem/1 var(--font-body);color:#9ca3af;background:none;border:0;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab:hover{color:#fff}.tab.is-on{color:#fff;border-bottom-color:#ee4564}.tabpanels{position:relative;flex:1;min-height:0}.tabpanel{position:absolute;inset:0;display:none;flex-direction:column;min-height:0}.tabpanel.is-on{display:flex}.tabpanel:not(.panel-image){overflow-y:auto;gap:.7rem;padding:.8rem}.panel-image,.panel-fx{overflow:hidden}.subtabs{display:flex;gap:.35rem;padding:.7rem .8rem 0;flex:0 0 auto}.subtab{flex:1;font:600 .68rem/1 var(--font-body);color:#9ca3af;background:#1a1c1f;border:1px solid #2a2c30;border-radius:8px;padding:.42rem .3rem;cursor:pointer}.subtab:hover{color:#fff}.subtab.is-on{color:#fff;background:#232529;border-color:#ee4564}.subtabpanels{position:relative;flex:1;min-height:0}.subtabpanel{position:absolute;inset:0;display:none;flex-direction:column;min-height:0}.subtabpanel.is-on{display:flex}.thumbs-wrap{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.7rem;padding:.8rem}.chips{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:.4rem;padding:.7rem .8rem 0}.chips:empty{display:none}.chip{font:600 .72rem/1 var(--font-body);color:#9ca3af;background:#1c1e21;border:1px solid #2a2c30;border-radius:999px;padding:.36rem .7rem;cursor:pointer;white-space:nowrap}.chip:hover{color:#d1d5db;border-color:#3a3d42}.chip.is-active{color:#0f1012;background:#ffd23f;border-color:#ffd23f}.chip.drop-into{outline:2px dashed #41b5e6;outline-offset:1px}.chip-add{color:#d1d5db}.fx-list-wrap{flex:1;min-height:0;overflow-y:auto;padding:.8rem}.panel-image .thumbs,.panel-fx .fx-list{max-height:none}.fx-opts-bar{flex:0 0 auto;max-height:55%;overflow-y:auto;display:flex;flex-direction:column;gap:.55rem;padding:.7rem .8rem;border-top:1px solid #2a2c30;background:#141517}.img-opts-bar{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding:.9rem .9rem 1.3rem}.img-opts-bar.is-disabled{opacity:.4;pointer-events:none}.img-opts-bar .field-label:not(:first-child){margin-top:.4rem;padding-top:.65rem;border-top:1px solid #2a2c30}.opts-block.is-off{opacity:.4}.sidebar-resizer{position:absolute;top:0;bottom:0;left:var(--sidebar-w, 384px);width:11px;transform:translate(-6px);cursor:col-resize;z-index:30;touch-action:none}.sidebar-resizer:before{content:"";position:absolute;inset:0 5px;background:transparent;transition:background .12s}.sidebar-resizer:hover:before,.sidebar-resizer.is-dragging:before{background:#ee4564}fieldset{border:1px solid #2a2c30;border-radius:12px;padding:.6rem .7rem .7rem;display:flex;flex-direction:column;gap:.55rem}legend{font:700 .78rem/1 var(--font-display);color:#fff;padding:0 .4rem;letter-spacing:.03em}.hint{margin:0;font-size:.72rem;line-height:1.45;color:#9ca3af}.hint code{background:#232529;padding:.05em .3em;border-radius:4px}.seg{display:flex;background:#1a1c1f;border-radius:999px;padding:3px;gap:3px}.seg label{position:relative;flex:1}.seg input{position:absolute;opacity:0;pointer-events:none}.seg span{display:flex;align-items:center;justify-content:center;text-align:center;font:600 .72rem/1 var(--font-body);padding:.4rem .3rem;border-radius:999px;cursor:pointer;color:#9ca3af}.nudge{flex:0 0 auto;display:inline-flex;gap:3px;margin-left:auto}.nudge button{width:1.35rem;height:1.35rem;padding:0;display:flex;align-items:center;justify-content:center;font-size:.72rem;line-height:1;color:#b8bcc4;background:#232529;border:1px solid #34373d;border-radius:6px;cursor:pointer}.nudge button:hover:not(:disabled){color:#fff;background:#2e3136;border-color:#41b5e6}.nudge button:disabled{opacity:.3;cursor:default}.ic-sprite{position:absolute}.ic{width:1.05rem;height:1.05rem;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.row>span.ic-label{min-width:0;flex:0 0 auto;display:inline-flex;align-items:center;color:#9ca3af}.seg input:checked+span{background:#ee4564;color:#fff}.row{display:flex;align-items:center;gap:.55rem;font-size:.75rem;color:#c7c9ce}.row>span:first-child{min-width:4.2rem}.row--divider{border-top:1px solid #2a2c30;margin-top:.35rem;padding-top:.65rem}.row input[type=range]{flex:1;accent-color:#ee4564;min-width:0}.row output{min-width:2.6rem;text-align:right;font-variant-numeric:tabular-nums;color:#9ca3af;font-size:.72rem}.row select{flex:1;background:#1a1c1f;color:#d1d5db;border:1px solid #2a2c30;border-radius:6px;padding:.3rem;font-size:.75rem}.row input[type=color]{inline-size:3rem;block-size:2rem;border:0;background:none;cursor:pointer}.color-info{font-family:Iosevka Term,ui-monospace,monospace;font-size:.72rem;color:#c7c9ce;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-info .ci-ch{color:#f4f4f5;font-weight:700}.row-btn{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;color:#9ca3af;background:#1a1c1f;border:1px solid #2a2c30;border-radius:6px;cursor:pointer}.row-btn .ic{width:.85rem;height:.85rem}.row-btn:hover{color:#d1d5db;background:#232529}.check input{accent-color:#ee4564}.field-label{font:700 .62rem/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#6b7280;margin-top:.15rem}.pal-head{display:flex;align-items:center;justify-content:space-between;margin-top:.15rem}.pal-new{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;color:#d1d5db;background:#232529;border:0;border-radius:6px;cursor:pointer}.pal-new:hover{background:#2e3136}.swatches{display:flex;flex-direction:column;gap:.5rem}.sw-row{display:flex;align-items:flex-start;gap:.3rem}.sw-row.dragging{opacity:.4}.sw-row.drop-into{box-shadow:0 -2px #ffd23f}.sw-handle{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:14px;min-height:18px;margin-top:1px;padding:0;color:#5b6169;background:none;border:0;cursor:grab;font-size:.85rem;line-height:1}.sw-handle:hover{color:#d1d5db}.sw-body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:4px}.sw-name{align-self:flex-start;font:600 .66rem/1 var(--font-body);color:#9ca3af;cursor:pointer}.sw-name:hover{color:#fff;text-decoration:underline dotted}.sw-dots{display:flex;flex-wrap:wrap;gap:4px}.sw{width:20px;height:20px;border-radius:5px;border:1px solid rgb(255 255 255 / .12);cursor:pointer;padding:0;transition:transform .1s}.sw:hover{transform:scale(1.12)}.sw.is-active{outline:2px solid #ffd23f;outline-offset:1px}.mask-ui{display:flex;flex-direction:column;gap:.7rem}.mask-adv.is-off{opacity:.4}.chips{display:flex;gap:4px}.chips button{flex:1;font:600 .66rem/1 var(--font-body);color:#9ca3af;background:#1a1c1f;border:1px solid #2a2c30;border-radius:999px;padding:.32rem .2rem;cursor:pointer}.chips button:hover{color:#fff;background:#232529}.flip-btns{display:flex;gap:4px;flex:1}.flip-btns button{flex:1;font-size:.95rem;line-height:1;color:#9ca3af;background:#1a1c1f;border:1px solid #2a2c30;border-radius:8px;padding:.36rem 0;cursor:pointer}.flip-btns button.is-on{color:#fff;background:#ee4564;border-color:#ee4564}#ov-add{font:600 .72rem/1 var(--font-body);color:#0f1012;background:#ffd23f;border:0;border-radius:999px;padding:.42rem .8rem;cursor:pointer}#ov-add:disabled{opacity:.4;cursor:default}#ov-panels{display:flex;flex-direction:column;gap:.6rem}#ov-panels:empty{display:none}.ov-panel{border:1px solid #2a2c30;border-radius:10px;padding:.6rem .65rem;display:flex;flex-direction:column;gap:.55rem}.ov-panel header{display:flex;align-items:center;justify-content:space-between}.ov-panel header strong{font:700 .74rem/1 var(--font-display);color:#fff}.ov-panel header button{background:none;border:0;color:#9ca3af;font-size:.8rem;cursor:pointer}.ov-panel header button:hover{color:#ee4564}.fx-add-row{display:flex;gap:.5rem}.fx-add-row select{flex:1;min-width:0;background:#1a1c1f;color:#d1d5db;border:1px solid #2a2c30;border-radius:6px;padding:.4rem;font-size:.75rem}#fx-add{font:600 .72rem/1 var(--font-body);color:#0f1012;background:#ffd23f;border:0;border-radius:999px;padding:.42rem .85rem;cursor:pointer}#fx-manage{flex:0 0 auto;width:2rem;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#d1d5db;background:#232529;border:0;border-radius:6px;cursor:pointer}#fx-manage:hover{background:#2e3136}.fx-stack{display:flex;flex-direction:column;gap:.55rem}.fx-panel{border:1px solid #2a2c30;border-radius:10px;padding:.55rem .6rem;display:flex;flex-direction:column;gap:.5rem}.fx-panel.dragging{opacity:.4}.fx-panel.drop-into{box-shadow:0 -2px #ffd23f}.fx-panel.is-active{border-color:#41b5e6;box-shadow:0 0 0 1px #41b5e6}.fx-panel header{display:flex;align-items:center;gap:.4rem}.fx-panel header strong{flex:1;min-width:0;font:700 .74rem/1 var(--font-display);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-grip{flex:0 0 auto;padding:0;background:none;border:0;color:#5b6169;cursor:grab;font-size:.9rem;line-height:1}.fx-grip:hover{color:#d1d5db}.fx-panel header [data-del]{flex:0 0 auto;background:none;border:0;color:#9ca3af;font-size:.8rem;cursor:pointer}.fx-panel header [data-del]:hover{color:#ee4564}.fx-panel-body{display:flex;flex-direction:column;gap:.5rem}.fx-params{display:flex;flex-direction:column;gap:.55rem;border-top:1px solid #2a2c30;padding-top:.7rem}.fx-params-reset{align-self:flex-end;font:600 .66rem/1 var(--font-body);color:#9ca3af;background:none;border:1px solid #2a2c30;border-radius:999px;padding:.3rem .6rem;cursor:pointer}.fx-params-reset:hover{color:#fff;background:#232529}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-height:280px;overflow-y:auto}.thumb{aspect-ratio:4/3;border:2px solid transparent;border-radius:8px;background:#1a1c1f center/cover no-repeat;color:#6b7280;font-size:.9rem;cursor:pointer}.thumb.is-active{border-color:#ffd23f}.thumb[draggable=true]{cursor:grab}.thumb.dragging{opacity:.35}.thumb.drop-into{box-shadow:inset 0 0 0 2px #ffd23f}.thumbs-wrap.dropping{outline:2px dashed #ffd23f;outline-offset:-6px;border-radius:10px}.thumbs-wrap.uploading{opacity:.6;pointer-events:none}.dnd-hint{margin:.2rem 0 0;font-size:.66rem;color:#6b7280;text-align:center}.tip{position:fixed;z-index:200;max-width:18rem;padding:.32rem .5rem;background:#0b0c0e;color:#e5e7eb;border:1px solid #2a2c30;border-radius:6px;font:500 .72rem/1.3 var(--font-body);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .09s}.tip.show{opacity:1}.fx-list{display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto;margin:0 -.3rem;padding:0 .3rem}.fx-cat{margin:.55rem 0 .15rem;font:700 .62rem/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#6b7280}.fx-item{position:relative;display:flex;align-items:center;gap:.5rem;padding:.34rem .45rem;border-radius:7px;cursor:pointer;font-size:.78rem}.fx-item:hover{background:#1a1c1f}.fx-item input{position:absolute;opacity:0;pointer-events:none}.fx-item:has(input:checked){background:#232529;color:#fff;box-shadow:inset 2px 0 #ee4564}.fx-badge{margin-left:auto;font:700 .56rem/1 var(--font-body);letter-spacing:.05em;text-transform:uppercase;font-style:normal;color:#ee4564;background:#ee456424;border-radius:999px;padding:.18rem .4rem}.fx-chips{display:flex;flex-wrap:wrap;gap:4px}.fx-chips:empty{display:none}.fx-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .4rem .25rem .55rem;background:#1a1c1f;border:1px solid #2a2c30;border-radius:999px;color:#c7c9ce;font:600 .68rem/1 var(--font-body);cursor:pointer}.fx-chip.is-on{border-color:#ee4564;color:#fff}.fx-chip-x{font-style:normal;font-size:.62rem;color:#6b7280}.fx-chip-x:hover{color:#ee4564}.stage{padding:1.1rem;min-width:0;display:flex;flex-direction:column;gap:.55rem}.stage-tools{display:flex;align-items:center;gap:.6rem}.stage-tools .chips button{flex:0 0 auto;padding-inline:.65rem}.chips button.is-on{color:#fff;background:#ee4564;border-color:#ee4564}#stage-dim{margin-left:auto;font-size:.68rem;font-variant-numeric:tabular-nums;color:#6b7280;white-space:nowrap}.stage.hide-handles .mask-handles{display:none!important}.stage-frame{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.stage-box{position:relative;width:var(--st-w, 100%);height:var(--st-h, 100%);max-width:100%;max-height:100%}.stage-grip{position:absolute;right:-14px;bottom:-14px;width:44px;height:44px;padding:0;background:none;border:0;cursor:nwse-resize;touch-action:none;z-index:5}.stage-grip:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#ffd23f;border:2px solid #0f1012}.stage-hgrip{display:none}.stage-section{width:100%;height:100%;border-radius:16px;overflow:hidden;position:relative;isolation:isolate;box-shadow:0 0 0 1px #ffffff12,0 14px 40px -18px #000c}.mask-handles{position:absolute;inset:0;pointer-events:none;z-index:4}.mh-handle{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;background:none;border:0;cursor:grab;touch-action:none;pointer-events:auto}.mh-handle:active{cursor:grabbing}.mh-handle:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#ffd23f;border:2px solid #0f1012;box-shadow:0 2px 8px #0006}.mh-line{position:absolute;top:50%;left:50%;height:2px;background:#ffd23f8c;pointer-events:none}.mh-val{position:absolute;top:-20px;left:50%;transform:translate(-50%);font:600 .62rem/1 var(--font-body);color:#0f1012;background:#ffd23f;padding:2px 5px;border-radius:999px;white-space:nowrap;pointer-events:none}.mh-handle--soft:before{background:transparent;border:2px dashed #ffd23f;box-shadow:none}.mh-handle--soft .mh-line{background:repeating-linear-gradient(to right,rgb(255 210 63 / .45) 0 6px,transparent 6px 12px)}.mh-handle--soft .mh-val{background:#0f1012d9;color:#ffd23f;border:1px solid rgb(255 210 63 / .55)}.mh-invert{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:1px solid #2a2c30;background:#0f1012d9;color:#d1d5db;font-size:1rem;line-height:1;cursor:pointer;pointer-events:auto}.mh-invert.is-on{background:#ee4564;border-color:#ee4564;color:#fff}.fh-dot{position:absolute;width:32px;height:32px;margin:-16px 0 0 -16px;padding:0;background:none;border:0;cursor:grab;touch-action:none;pointer-events:auto}.fh-dot:active{cursor:grabbing}.fh-dot:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#41b5e6;border:2px solid #0f1012;box-shadow:0 2px 8px #0006}.fh-dot:after{content:"";position:absolute;inset:2px;border-radius:50%;border:1px solid rgb(65 181 230 / .5)}@media(max-width:900px){.topbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0f1012f7}.save-state{display:none}.actions .primary.is-dirty:after{content:" ●"}.actions{position:fixed;z-index:60;left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom,0px));background:#17181beb;backdrop-filter:saturate(180%) blur(12px);border:1px solid #2a2c30;border-radius:999px;padding:.4rem}.actions button{flex:1;padding:.75rem .5rem}.actions #btn-pause{flex:0 0 3rem}.wrap{display:flex;flex-direction:column;height:auto}.stage{order:-1;position:sticky;top:53px;z-index:40;height:40vh;height:var(--stage-h, 40dvh);padding:.6rem;background:#0f1012}.stage-hgrip{display:block;flex:0 0 16px;width:64px;height:16px;margin:0 auto;padding:0;border:0;background:none;touch-action:none;cursor:ns-resize}.stage-hgrip:before{content:"";display:block;width:100%;height:5px;border-radius:999px;background:#3a3d42;margin-top:5px}.controls{border-right:0;overflow:visible}.tabpanels{position:static;flex:none;padding-bottom:6.5rem}.tabpanel{position:static}.subtabpanels{position:static;flex:none}.subtabpanel{position:static}.panel-image,.panel-fx,.thumbs-wrap,.fx-list-wrap,.img-opts-bar,.fx-opts-bar{overflow:visible;max-height:none}.sidebar-resizer{display:none}.fx-list{max-height:none}.seg span{padding:.68rem .3rem}.fx-item{padding:.62rem .5rem}.row input[type=range]{height:2.4rem}.row select{padding:.55rem .4rem}.flip-btns button{padding:.62rem 0}.chips button{padding:.55rem .3rem}.controls button,.controls select,.controls input{touch-action:manipulation}#ov-add{padding:.6rem 1rem}}dialog{width:min(760px,92vw);max-height:86vh;background:#17181b;color:#d1d5db;border:1px solid #2a2c30;border-radius:14px;padding:1.1rem 1.2rem}dialog::backdrop{background:#0000008c;backdrop-filter:blur(3px)}.dlg-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.dlg-head h2{margin:0;font:700 1.05rem/1 var(--font-display);color:#fff}.dlg-head button{background:none;border:0;color:#9ca3af;font-size:1rem;cursor:pointer}.exp-block{margin-bottom:.9rem}.exp-row{display:flex;gap:.9rem}.exp-row .exp-col{flex:1;min-width:0}.exp-standalone{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem .9rem;background:#1a1c1f;border:1px solid #2a2c30;border-radius:10px}.exp-standalone .hint{margin:0}.exp-standalone button{flex:0 0 auto;font:600 .76rem/1 var(--font-body);color:#0f1012;background:#ffd23f;border:0;border-radius:999px;padding:.55rem .95rem;cursor:pointer;white-space:nowrap}.exp-standalone button:hover{background:#ffdc6b}.exp-standalone button:disabled{opacity:.6;cursor:default}.exp-block>header{display:flex;align-items:center;justify-content:space-between;font:700 .72rem/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;margin-bottom:.35rem}.exp-block button{font:600 .7rem/1 var(--font-body);color:#0f1012;background:#ffd23f;border:0;border-radius:999px;padding:.3rem .7rem;cursor:pointer}.exp-block pre{margin:0;max-height:220px;overflow:auto;background:#0f1012;border:1px solid #2a2c30;border-radius:8px;padding:.7rem .8rem;font-size:.7rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.pal-dlg{width:min(420px,92vw)}.pal-field{display:flex;flex-direction:column;gap:.3rem;font-size:.72rem;color:#9ca3af;margin-bottom:.9rem}.pal-field input{background:#1a1c1f;border:1px solid #2a2c30;border-radius:6px;color:#e5e7eb;font:600 .85rem/1 var(--font-body);padding:.5rem .6rem}.pal-field input:focus{outline:none;border-color:#41b5e6}.pal-field-label{font:700 .62rem/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#6b7280;margin-bottom:.45rem}.pal-colors{display:flex;flex-direction:column;gap:.4rem;max-height:42vh;overflow-y:auto}.pc-row{display:flex;align-items:center;gap:.4rem}.pc-hex{flex:0 0 auto;width:2.6rem;height:2rem;padding:0;border:0;background:none;cursor:pointer}.pc-tone{flex:1;min-width:0;background:#1a1c1f;border:1px solid #2a2c30;border-radius:6px;color:#e5e7eb;font:400 .8rem/1 var(--font-body);padding:.45rem .55rem}.pc-tone:focus{outline:none;border-color:#41b5e6}.pc-remove{flex:0 0 auto;color:#9ca3af;background:none;border:0;font-size:.85rem;cursor:pointer}.pc-remove:hover{color:#ee4564}.pal-add-color{align-self:flex-start;margin-top:.5rem;font:600 .72rem/1 var(--font-body);color:#d1d5db;background:#232529;border:0;border-radius:999px;padding:.45rem .85rem;cursor:pointer}.pal-add-color:hover{background:#2e3136}.pal-paste{margin-top:.7rem}.pal-paste summary{font:600 .72rem/1 var(--font-body);color:#9ca3af;cursor:pointer;padding:.3rem 0}.pal-paste textarea{width:100%;margin:.4rem 0;background:#0f1012;border:1px solid #2a2c30;border-radius:6px;color:#e5e7eb;font:400 .72rem/1.4 ui-monospace,monospace;padding:.5rem .6rem;resize:vertical}.pal-paste textarea:focus{outline:none;border-color:#41b5e6}.pal-paste>button{font:600 .7rem/1 var(--font-body);color:#0f1012;background:#ffd23f;border:0;border-radius:999px;padding:.4rem .75rem;cursor:pointer}.pal-dlg-foot{display:flex;align-items:center;gap:.5rem;margin-top:1.1rem}.pal-dlg-foot button{font:600 .78rem/1 var(--font-body);color:#d1d5db;background:#232529;border:0;border-radius:999px;padding:.5rem .95rem;cursor:pointer}.pal-dlg-foot button:hover{background:#2e3136}.pal-dlg-foot .primary{color:#0f1012;background:#ffd23f}.pal-dlg-foot .primary:hover{background:#ffdc6b}.pal-del{margin-right:auto;color:#ee4564!important;background:#ee45641f!important}.pal-del:hover{background:#ee456433!important}.unsaved-dlg{width:min(420px,92vw)}.cat-dlg{width:min(460px,94vw)}.cat-body{display:flex;flex-direction:column;gap:.6rem;max-height:52vh;overflow-y:auto;margin-top:.6rem}.cat-sec{border:1px solid #2a2c30;border-radius:10px;padding:.5rem .55rem}.cat-sec.drop-into{border-color:#ffd23f}.cat-sec.dragging{opacity:.5}.cat-head{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem}.cat-grip{flex:0 0 auto;background:none;border:0;color:#5b6169;cursor:grab;font-size:.85rem}.cat-grip:hover{color:#d1d5db}.cat-name{flex:1;min-width:0;background:#1a1c1f;border:1px solid #2a2c30;border-radius:6px;color:#fff;font:700 .76rem/1 var(--font-display);padding:.35rem .5rem}.cat-name:focus{outline:none;border-color:#41b5e6}.cat-del{flex:0 0 auto;background:none;border:0;color:#9ca3af;font-size:.8rem;cursor:pointer}.cat-del:hover{color:#ee4564}.cat-items{display:flex;flex-direction:column;gap:3px;min-height:1.4rem}.cat-item{display:flex;align-items:center;gap:.4rem;padding:.3rem .4rem;background:#1a1c1f;border:1px solid #2a2c30;border-radius:6px;font-size:.74rem;color:#d1d5db;cursor:grab}.cat-item.dragging{opacity:.4}.cat-item.drop-into{box-shadow:0 -2px #ffd23f}.ci-grip{color:#5b6169;font-size:.8rem}