:root{--bg0:#1a1a1a;--bg1:#323232;--bg2:#2b2b2b;--bg3:#3d3d3d;--border:#010101;--border2:#242424;--border-hi:#4a4a4a;--t1:#e8e8e8;--t2:#b8b8b8;--t3:#8c8c8c;--accent:#2688eb;--ah:#4ba3ff;--ad:#1473e6;--danger:#e34850;--lw:54px;--lw-expanded:200px;--rw:288px;--header-h:29px;--mbar-h:30px;--footer-h:22px;--tool-cell:26px;--radius:3px;--space-1:4px;--space-2:8px;--panel-inset:8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg0);color:var(--t1);height:100vh;display:flex;flex-direction:column;overflow:hidden;font-size:12px;-webkit-font-smoothing:antialiased}canvas{display:block;outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:#5a5a5a;border:2px solid var(--bg2);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#707070}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:3px 12px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;font-size:11px;font-weight:400;color:var(--t2);background:linear-gradient(180deg,#5a5a5a,#4a4a4a);border-color:#2d2d2d #2d2d2d #1a1a1a;box-shadow:inset 0 1px #ffffff14;transition:background .1s,color .1s;white-space:nowrap;font-family:inherit}.btn:hover{background:linear-gradient(180deg,#666,#555);color:var(--t1)}.btn.primary{background:linear-gradient(180deg,var(--ah) 0%,var(--accent) 100%);color:#fff;border-color:#1a4a7a #0d3d6b #082f55;box-shadow:inset 0 1px #fff3}.btn.primary:hover{filter:brightness(1.06)}.btn.danger{background:linear-gradient(180deg,#c44,#a33);color:#fff;border-color:#522}.btn.danger:hover{filter:brightness(1.08)}.btn.active{background:var(--accent);color:#fff;border-color:var(--ad);box-shadow:none}.btn.icon{padding:0;width:22px;height:22px;min-width:22px;background:transparent;border:1px solid transparent;box-shadow:none}.btn.icon:hover{background:var(--bg3);border-color:var(--border-hi)}.btn.icon-sm{padding:0;width:20px;height:20px;min-width:20px;background:transparent;border:1px solid transparent;box-shadow:none}.btn.icon-sm:hover{background:var(--bg3)}.btn.linkish{padding:2px 8px;background:transparent;border:1px solid var(--border-hi);box-shadow:none;min-width:auto}.btn.linkish:hover{background:var(--bg3);color:var(--t1)}.btn-ic{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--t2)}.btn-ic svg{width:15px;height:15px;display:block}.btn:hover .btn-ic,.btn.primary .btn-ic,.btn.danger .btn-ic{color:inherit}.btn-row-icons .btn{min-height:26px}.inp{background:#262626;border:1px solid #141414;box-shadow:inset 0 1px 2px #00000059;border-radius:var(--radius);padding:4px 6px;font-size:11px;color:var(--t1);outline:none;width:100%;max-width:100%;min-width:0;box-sizing:border-box;font-family:inherit;transition:border-color .12s}.inp:focus{border-color:var(--accent)}.inp-num{width:64px;flex-shrink:0}.rng{-webkit-appearance:none;height:4px;border-radius:1px;background:linear-gradient(180deg,#1a1a1a,#262626);border:1px solid #0a0a0a;box-shadow:inset 0 1px #ffffff0a;outline:none;cursor:pointer;flex:1;min-width:0}.rng::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:14px;border-radius:1px;background:linear-gradient(180deg,#e0e0e0,#b0b0b0);border:1px solid #333;box-shadow:0 1px #ffffff40;cursor:pointer}.rng::-moz-range-thumb{width:10px;height:14px;border-radius:1px;border:1px solid #333;background:linear-gradient(180deg,#e0e0e0,#b0b0b0);cursor:pointer}.sh{font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--t2);display:flex;align-items:center;gap:6px;margin-bottom:6px;min-width:0;max-width:100%}.sh:after{content:"";flex:1;height:1px;background:var(--border2)}kbd{padding:1px 4px;background:#262626;border:1px solid #444;border-radius:2px;font-size:10px;font-family:Consolas,monospace;color:var(--t3)}.tag{font-size:10px;background:#262626;border:1px solid #1a1a1a;border-radius:2px;padding:1px 6px;color:var(--t3)}.sep{height:1px;background:var(--border2);margin:2px 0}.dd-wrap{position:relative}.dd-menu{display:none;position:absolute;top:100%;left:0;min-width:232px;background:#2d2d2d;border:1px solid #0a0a0a;padding:var(--space-1) 0;z-index:9999;border-radius:var(--radius);box-shadow:0 12px 40px #000000a6,inset 0 1px #ffffff0f}.dd-menu.open{display:block}.ddi{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px var(--panel-inset) 6px 10px;font-size:12px;color:var(--t2);cursor:pointer;transition:background .08s;white-space:nowrap;-webkit-user-select:none;user-select:none}.ddi-hint{font-size:9px;color:var(--t3);flex-shrink:0;max-width:72px;text-align:right;line-height:1.2}.ddi-main{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}.ddi-ic{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--t2)}.ddi-ic svg{width:15px;height:15px;display:block}.ddi:hover{background:var(--accent);color:#fff}.ddi:hover .ddi-ic{color:inherit}.ddi kbd{color:inherit;opacity:.85;border-color:#ffffff40;background:transparent;flex-shrink:0}#header{height:var(--header-h);background:linear-gradient(180deg,#3c3c3c,#323232 40%,#2e2e2e);border-bottom:1px solid #010101;box-shadow:inset 0 1px #ffffff14;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 6px;flex-shrink:0;z-index:100}.header-left{display:flex;align-items:center;gap:0}.nav-btn{display:flex;align-items:center;gap:6px;padding:2px 10px;height:22px;border-radius:0;font-size:12px;font-weight:400;color:var(--t1);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.nav-btn-txt{line-height:1}.nav-btn-chev{display:flex;align-items:center;opacity:.65;margin-left:-2px}.nav-btn-chev svg{display:block}.nav-btn-ic{display:flex;align-items:center;color:var(--t2)}.nav-btn-ic svg{display:block}.nav-btn:hover .nav-btn-ic,.nav-btn:hover .nav-btn-chev{color:var(--t1);opacity:1}.nav-btn:hover,.nav-btn.open{background:#ffffff1f}#logo{display:flex;align-items:center;gap:8px;margin-right:6px;padding-right:10px;border-right:1px solid #252525}.logo-badge{display:flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:9px;font-weight:700;color:#fff;background:linear-gradient(145deg,#22c55e,#15803d);border-radius:3px;box-shadow:0 1px 2px #0006,inset 0 1px #fff3;letter-spacing:-.02em}#logo-text{font-weight:600;font-size:13px;letter-spacing:-.01em;white-space:nowrap;color:var(--t1)}#header-actions{display:flex;align-items:center;gap:4px}.hdr-sep{width:1px;height:16px;background:#252525;margin:0 2px}#mode-bar,#mode-bar.options-bar{height:var(--mbar-h);background:linear-gradient(180deg,#474747,#3a3a3a,#353535);border-bottom:1px solid #010101;box-shadow:inset 0 1px #ffffff1a;display:flex;align-items:center;gap:2px;padding:0 8px;flex-shrink:0;overflow-x:auto;z-index:90}#mode-bar::-webkit-scrollbar{height:0}.mode-tab{display:flex;align-items:center;gap:5px;padding:3px 12px;height:22px;border-radius:var(--radius);font-size:11px;font-weight:500;color:var(--t2);cursor:pointer;transition:background .1s,color .1s;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:inherit;background:transparent;box-shadow:none}.mode-tab:hover{color:var(--t1);background:#00000026}.mode-tab.ao{background:#0003;color:var(--t1);border-color:#1a1a1a;box-shadow:inset 0 1px #ffffff0f}.mbar-div{width:1px;height:18px;background:#2a2a2a;margin:0 8px;flex-shrink:0;box-shadow:1px 0 #ffffff0f}.mbar-opt{display:flex;align-items:center;gap:8px;flex-shrink:0;flex:1;min-width:0}.mbar-hint{font-size:11px;color:var(--t3);padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.mbar-brush-tools{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-right:10px;margin-right:2px;border-right:1px solid #2a2a2a;box-shadow:1px 0 #ffffff0a}#lp-brush-tools[hidden],.mbar-brush-tools[hidden]{display:none!important}.mbar-extra-size-tools{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-right:10px;margin-right:2px;border-right:1px solid #2a2a2a;box-shadow:1px 0 #ffffff0a}#lp-extra-size-tools[hidden],.mbar-extra-size-tools[hidden]{display:none!important}.mbar-text-tools{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-right:10px;margin-right:2px;border-right:1px solid #2a2a2a;box-shadow:1px 0 #ffffff0a}#lp-text-mbar-tools[hidden],.mbar-text-tools[hidden]{display:none!important}.mbar-text-inner{flex-wrap:wrap;align-items:center;gap:8px;max-width:min(96vw,720px)}.mbar-text-inp{flex:1;min-width:120px;max-width:220px;height:22px;font-size:11px}.mbar-text-font-select{flex:0 1 140px;min-width:100px;max-width:180px}.mbar-text-add-font{flex-shrink:0}.mbar-text-size-row{min-width:160px;max-width:200px;padding:0}#mbar-text-place{flex-shrink:0}.mbar-extra-size-row{margin-top:0;padding:0;flex:1;min-width:140px;max-width:220px}.mbar-spray-shape-row{width:auto;flex-shrink:0;min-width:0}#spray-shape-row.lp-brush-type-row{width:auto;flex-shrink:0;max-width:min(200px,100%)}#lp-extra-size-tools .mbar-brush-inner{flex-wrap:nowrap}.mbar-spray-shape-row .lp-brush-select{flex:0 1 auto;min-width:100px;max-width:200px}.mbar-brush-lbl{font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--t3);flex-shrink:0}.mbar-brush-inner{display:flex;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}.mbar-brush-tools .lp-brush-type-row{width:auto;flex-shrink:0}.mbar-brush-tools .lp-brush-select{flex:0 1 128px;width:auto;min-width:80px;max-width:160px}.mbar-brush-tools .lp-brush-size-row{margin-top:0;padding:0;flex:1;min-width:120px;max-width:200px}.mbar-brush-tools .brush-shape-preview-mini{width:22px;height:22px}#main{display:flex;flex:1;overflow:hidden;position:relative}#left-panel{width:var(--lw-expanded);max-width:var(--lw-expanded);background:var(--bg1);border-right:1px solid #010101;box-shadow:1px 0 #ffffff0d;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;min-width:0;transition:width .18s ease;z-index:80}#left-panel.collapsed{width:var(--lw)}#left-panel.collapsed .panel-title,#left-panel.collapsed .lp-title{display:none}#left-panel.collapsed .tbtn{min-height:var(--tool-cell);padding:0;justify-content:center}#left-panel.collapsed .tbtn .lbl{display:none}#left-panel.collapsed .rng-row .rng-lbl{width:auto}#left-panel.collapsed .rng-row .rng,#left-panel.collapsed .rng-row .rng-val,#left-panel.collapsed .sym-row,#left-panel.collapsed #palette-preset,#left-panel.collapsed .pal-grid{display:none}.lp-head{display:flex;align-items:center;justify-content:space-between;min-height:24px;padding:0 6px;background:linear-gradient(180deg,#3a3a3a,#323232);border-bottom:1px solid #010101;flex-shrink:0}.lp-title{font-size:11px;font-weight:600;color:var(--t2)}.lp-scroll{overflow-x:hidden;overflow-y:auto;flex:1;min-width:0;background:#2a2a2a}.panel-sec{padding:0;border-bottom:1px solid #010101;box-shadow:inset 0 1px #ffffff0a;min-width:0}.panel-sec-group{padding-left:var(--space-1);padding-right:var(--space-1);box-sizing:border-box}.panel-sec-group .tool-col{background:#0000001f;border-radius:var(--radius);margin:0 0 var(--space-2);padding:var(--space-2) var(--panel-inset) var(--space-2);gap:var(--space-1);min-width:0;max-width:100%;box-sizing:border-box}.panel-title{font-size:11px;font-weight:600;color:var(--t1);margin:0;padding:6px 8px;background:linear-gradient(180deg,#404040,#383838);border-bottom:1px solid #010101}.tool-col{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-2);min-width:0;max-width:100%;box-sizing:border-box}.tbtn-ic{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--t2)}.tbtn-ic svg{width:18px;height:18px;display:block}.tbtn:hover .tbtn-ic,.tbtn.active .tbtn-ic{color:inherit}.tbtn{display:flex;align-items:center;gap:8px;min-height:var(--tool-cell);padding:3px 6px;margin:1px 0;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;font-size:11px;font-weight:400;color:var(--t2);background:transparent;transition:background .08s,border-color .08s,color .08s;width:100%;max-width:100%;min-width:0;box-sizing:border-box;font-family:inherit;text-align:left}.tbtn .lbl{min-width:0;overflow:hidden;text-overflow:ellipsis}.tbtn:hover{background:#ffffff0f;color:var(--t1)}.tbtn.active{background:#2688eb38;color:var(--t1);border-color:#2688eb8c;box-shadow:inset 0 0 0 1px #0003}.rng-row{display:flex;align-items:center;gap:6px;padding:3px 0;min-width:0;max-width:100%}.rng-lbl{font-size:11px;color:var(--t2);width:56px;flex-shrink:0}.rng-val{font-size:10px;font-family:Consolas,monospace;color:var(--t3);width:30px;text-align:right;flex-shrink:0}.anim-col{gap:6px}.anim-toolbar{display:flex;align-items:center;justify-content:center;gap:6px;padding:2px 0}.anim-frame-meta{text-align:center;font-size:11px;font-family:Consolas,monospace;color:var(--t3);padding:2px 0}.anim-actions-row{display:flex;flex-wrap:wrap;gap:4px}.anim-actions-row .btn.sm{padding:3px 8px;font-size:10px;flex:1;min-width:0}.anim-frame-list{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 4px;align-items:flex-start;max-height:min(240px,45vh);overflow-y:auto}.anim-frame-thumb{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:3px;border-radius:var(--radius);border:1px solid var(--border-hi);background:var(--bg2);color:var(--t2);cursor:pointer;min-width:0;box-shadow:inset 0 0 0 1px #00000040}.anim-frame-thumb-canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;border:1px solid #0a0a0a;border-radius:2px;background:#1a1a1a;vertical-align:top}.anim-frame-thumb-num{position:absolute;bottom:2px;right:3px;min-width:14px;padding:0 3px;font-size:9px;font-weight:600;line-height:14px;text-align:center;font-family:Consolas,monospace;color:var(--t1);background:#000000b8;border-radius:2px;pointer-events:none}.anim-frame-thumb:hover{background:var(--bg3)}.anim-frame-thumb:hover .anim-frame-thumb-canvas{border-color:#3a3a3a}.anim-frame-thumb.active{border-color:var(--accent);background:#2688eb2e;color:var(--t1);box-shadow:inset 0 0 0 1px #2688eb73}.anim-frame-thumb.active .anim-frame-thumb-canvas{border-color:var(--accent)}#anim-play.active{color:var(--t1)}.color-row{display:flex;align-items:center;gap:8px;padding:5px 0;flex-wrap:wrap}.color-lbl{font-size:11px;color:var(--t2);width:44px;flex-shrink:0}#fg-color,#bg-color{width:32px;height:28px;border:1px solid #0a0a0a;cursor:pointer;border-radius:2px;padding:0;background:#262626}.color-hex{font-size:10px;font-family:Consolas,monospace;color:var(--t3)}.sym-row{display:flex;flex-direction:column;gap:6px;padding:4px 0}.sym-lab{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--t2);cursor:pointer;-webkit-user-select:none;user-select:none}.sym-lab input{accent-color:var(--accent)}.pal-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-top:8px}.pal-swatch{aspect-ratio:1;border-radius:2px;border:1px solid #0a0a0a;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff14;transition:transform .08s,box-shadow .08s}.pal-swatch:hover{transform:scale(1.06);box-shadow:0 0 0 2px var(--accent)}.pal-swatch.sel{outline:2px solid var(--accent);outline-offset:1px}.pal-swatch.pal-swatch--editing{outline:2px dashed #e8a028;outline-offset:2px;box-shadow:0 0 0 1px #0006}.pal-editor-panel{margin-top:12px;padding-top:10px;border-top:1px solid var(--border2)}.pal-editor-panel[hidden]{display:none!important}.pal-editor-hint{margin-top:4px;margin-bottom:8px;font-size:10px;line-height:1.45}.pal-editor-hint code{font-size:9px;padding:1px 4px;background:#1e1e1e;border-radius:2px}.pal-editor-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}#pal-edit-color{width:36px;height:32px;padding:0;border:1px solid #0a0a0a;border-radius:3px;cursor:pointer;flex-shrink:0;background:#262626}.pal-edit-hex{flex:1;min-width:0;max-width:140px;font-family:Consolas,ui-monospace,monospace;font-size:11px}#right-panel{width:var(--rw);max-width:var(--rw);min-width:0;background:var(--bg1);border-left:1px solid #010101;box-shadow:-1px 0 #ffffff0d;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:width .18s ease;z-index:80}#right-panel.collapsed{width:0;border-left:none;overflow:hidden}#right-tab{width:16px;background:#2e2e2e;border-left:1px solid #010101;display:flex;align-items:center;justify-content:center;cursor:pointer;writing-mode:vertical-rl;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--t3);flex-shrink:0;transition:color .12s,background .12s}#right-tab:hover{color:var(--t1);background:#383838}.rp-top{flex:0 1 42%;min-height:148px;max-height:min(52vh,420px);display:flex;flex-direction:column;border-bottom:1px solid #010101;flex-shrink:0;min-width:0}#right-panel.rp-panel-secondary .rp-top{flex:1 1 auto;max-height:none;min-height:200px}#right-panel.rp-panel-secondary .rp-bottom{display:none}.rp-tab-panel{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.rp-tab-panel[hidden]{display:none!important}.rp-tab-panel-scroll{overflow-y:auto;background:#262626}.rp-color-hint,.rp-preview-hint{flex-shrink:0;margin:0;padding:8px var(--panel-inset) 6px;font-size:10px;line-height:1.4;color:var(--t3);background:#2a2a2a;border-bottom:1px solid var(--border2)}.rp-preview-body{padding:var(--space-2) var(--panel-inset) 16px;gap:var(--space-2);background:transparent}.lp-brush-type-row{display:flex;align-items:center;gap:6px;min-width:0;width:100%}.lp-brush-type-row[hidden]{display:none!important}.lp-brush-select{flex:1;min-width:0;font-size:11px;height:22px;padding:1px 4px}.brush-shape-preview-mini{display:block;flex-shrink:0;width:22px;height:22px;border:1px solid var(--border2);border-radius:2px;background:#111;image-rendering:pixelated;image-rendering:crisp-edges}.rp-preview-card--solo .sh{margin-bottom:8px}.preview-doc-wrap{margin-top:8px;padding:8px;background:#141414;border:1px solid var(--border2);border-radius:2px;display:flex;justify-content:center;align-items:center;min-height:48px}.preview-doc-canvas{display:block;max-width:100%;image-rendering:pixelated;image-rendering:crisp-edges}.rp-color-body{padding:var(--space-2) var(--panel-inset) 16px;gap:var(--space-2);background:transparent}.rp-color-card .color-row{padding:6px 0}.rp-color-card .pal-grid{margin-top:10px}.palette-custom-tools{margin-top:10px;display:flex;flex-direction:column;gap:8px}.palette-custom-tools[hidden]{display:none!important}.pal-intro-note{margin:0 0 4px;font-size:10px;line-height:1.45;color:var(--t3)}.pal-toolbar{display:flex;flex-direction:column;gap:6px}.pal-toolbar-lbl{display:block;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--t3);margin-top:2px}.pal-toolbar-lbl:first-child{margin-top:0}.pal-toolbar-sub{display:block;font-size:9px;font-weight:500;color:var(--t3);margin-top:4px;margin-bottom:-2px}.pal-more{margin-top:2px;border:1px solid var(--border2);border-radius:var(--radius);background:var(--bg2);overflow:hidden}.pal-more-summary{cursor:pointer;list-style:none;padding:6px 8px;font-size:10px;line-height:1.35;color:var(--t2);-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;gap:8px}.pal-more-summary::-webkit-details-marker{display:none}.pal-more-summary:after{content:"";flex-shrink:0;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--t3);transition:transform .12s ease}.pal-more[open]>.pal-more-summary:after{transform:rotate(180deg)}.pal-more-summary:hover{color:var(--t1)}.pal-more-body{padding:0 6px 6px;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--border2)}.pal-actions-grid{display:grid;gap:6px;width:100%}.pal-actions-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.pal-actions-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.pal-actions-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.pal-actions-grid--1{grid-template-columns:minmax(0,1fr)}.rp-color-card .pal-btn{min-height:26px;padding-left:6px;padding-right:6px;font-size:11px}.rp-color-card .pal-btn-primary{border-color:var(--accent);color:var(--ah)}.pal-actions-row{display:flex;flex-wrap:wrap;gap:6px}.pal-empty-hint{grid-column:1/-1;margin:0;padding:10px 6px;text-align:center;font-size:10px;line-height:1.35;color:var(--t3)}.rp-anim-hint{flex-shrink:0;margin:0;padding:8px var(--panel-inset) 6px;font-size:10px;line-height:1.4;color:var(--t3);background:#2a2a2a;border-bottom:1px solid var(--border2)}.rp-anim-body{flex-shrink:0;padding:var(--space-2) var(--panel-inset) 14px;gap:8px;background:transparent}.rp-layers-hint{flex-shrink:0;margin:0;padding:6px var(--panel-inset) 4px;font-size:10px;line-height:1.35;color:var(--t3);background:#2e2e2e;border-bottom:1px solid var(--border2)}.rp-bottom{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.rp-panel-hdr{display:flex;align-items:stretch;justify-content:space-between;min-height:24px;background:linear-gradient(180deg,#3a3a3a,#323232);border-bottom:1px solid #010101;flex-shrink:0}.ps-tabs{display:flex;align-items:flex-end;gap:0;flex:1;min-width:0;overflow:hidden}.rp-layers-bar{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;padding:6px var(--panel-inset) 4px;border-bottom:1px solid var(--border2);background:#2a2a2a}.rp-layers-bar .insp-actions{padding:0}.ps-tab{font:inherit;font-size:10px;font-weight:500;color:var(--t2);padding:5px 8px 6px;background:transparent;border:none;border-right:1px solid #2a2a2a;cursor:pointer;transition:background .1s,color .1s}.ps-tab:hover:not(:disabled){color:var(--t1);background:#0000001f}.ps-tab.active{color:var(--t1);background:#262626;box-shadow:0 -2px 0 var(--accent) inset,1px 0 #ffffff0f;margin-bottom:-1px;padding-bottom:7px}.insp-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-bottom:1px solid #010101;flex-shrink:0;background:#2e2e2e}.insp-title{font-size:11px;font-weight:600;color:var(--t2)}.insp-actions{display:flex;align-items:center;gap:6px;padding:0 8px}#layer-list.layer-list{flex:1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);background:#262626}.layer-list-dragging{cursor:grabbing}.layer-list-dragging .si:not(.si-dragging){opacity:.88;transition:opacity .2s ease,transform .2s ease,filter .2s ease}.layer-list-dragging .si:not(.si-dragging):hover{opacity:1}@media(prefers-reduced-motion:reduce){.layer-list-dragging .si:not(.si-dragging){opacity:1;transition:none}}.insp-body{flex:1;overflow-x:hidden;overflow-y:auto;padding:var(--panel-inset) 10px 14px;display:flex;flex-direction:column;gap:var(--space-2);background:#262626;min-width:0}.insp-card{background:#00000024;border:1px solid var(--border2);border-radius:var(--radius);padding:var(--space-2) var(--panel-inset) var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.insp-card .sh{margin-bottom:4px}.insp-card .sh:after{opacity:.5}.insp-field{min-width:0}.insp-field .rng-row{margin-top:2px}.sel-actions-col{flex-direction:column;align-items:stretch!important;gap:var(--space-2)!important}.sel-actions-row-compact{flex-wrap:wrap;gap:var(--space-1)!important}.btn-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.panel-note{font-size:11px;color:var(--t3);line-height:1.45;margin-bottom:6px}.size-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.size-row .inp-num{flex:1 1 56px;min-width:0}.size-x{color:var(--t3);font-size:12px}.si{position:relative;display:flex;align-items:center;gap:6px;padding:6px 8px 6px 4px;border-radius:var(--radius);cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .2s ease,transform .2s ease;border:1px solid transparent;border-left:3px solid transparent;background:#ffffff08;flex-shrink:0}.si:hover{background:#ffffff12}.si.active{background:#2688eb24;border-color:#2688eb59;border-left-color:var(--accent);box-shadow:inset 0 0 0 1px #0003}.si-dragging{opacity:.42;transform:scale(.985);box-shadow:0 6px 18px #00000073;z-index:2}.si-drag-over-before,.si-drag-over-after{box-shadow:none}.si-drag-over-before:before,.si-drag-over-after:after{content:"";position:absolute;left:6px;right:6px;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);pointer-events:none;animation:si-drop-line .75s ease-in-out infinite}.si-drag-over-before:before{top:0}.si-drag-over-after:after{bottom:0}@keyframes si-drop-line{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.45;transform:scaleX(.94)}}@media(prefers-reduced-motion:reduce){.si-drag-over-before:before,.si-drag-over-after:after{animation:none;opacity:1;transform:none}.si-dragging{transform:none}}.si.si-dragging .si-grip{color:var(--accent)}.si-grip{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:28px;padding:0;margin:0;border:none;border-radius:var(--radius);background:transparent;color:var(--t3);cursor:grab;line-height:0;transition:background .15s ease,color .2s ease}.si-grip:hover{background:var(--bg3);color:var(--t1)}.si-grip:active{cursor:grabbing}.si .si-name{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.si-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.si-actions button{background:transparent;border:none;color:var(--t3);cursor:pointer;padding:4px 6px;border-radius:var(--radius);line-height:0;font-size:14px}.si-actions button:hover{color:var(--t1);background:var(--bg3)}.si-actions button svg{display:block}.si-actions button.si-eye-btn.is-hidden{color:var(--t3);opacity:.55}.si-actions button.si-eye-btn.is-hidden:hover{opacity:.95}#viewport{flex:1;position:relative;overflow:auto;background:#1e1e1e;background-image:linear-gradient(45deg,#2a2a2a 25%,transparent 25%),linear-gradient(-45deg,#2a2a2a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2a2a2a 75%),linear-gradient(-45deg,transparent 75%,#2a2a2a 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}#zoom-bar{position:absolute;top:8px;right:8px;z-index:25;margin:0}.cam-grp{display:flex;flex-direction:column;gap:2px}.cam-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:4px 10px;min-width:52px;background:linear-gradient(180deg,#4a4a4a,#3a3a3a);border:1px solid #1a1a1a;border-radius:var(--radius);font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--t2);cursor:pointer;transition:filter .1s;text-align:center;font-family:inherit;box-shadow:inset 0 1px #ffffff1a}.cam-ic{display:flex;align-items:center;justify-content:center;flex-shrink:0}.cam-ic svg{width:14px;height:14px;display:block}.cam-lbl{line-height:1}.cam-btn.cam-btn-text-only{gap:0;padding:6px 10px}.cam-btn.cam-btn-icon-only{gap:0;min-width:34px;padding:5px 6px}.cam-btn.cam-btn-icon-only .cam-ic svg{width:16px;height:16px}.cam-btn:hover,.cam-btn.active{background:linear-gradient(180deg,#3d5a80,#2a4a70);color:#fff;border-color:#1a3a5a}#canvas-wrap{position:relative;display:inline-block;margin:auto;min-width:min-content;padding:20px}#canvas-wrap .canvas-stack{position:relative;display:inline-block;line-height:0;vertical-align:top}#canvas-wrap .canvas-stack canvas.pixel-preview{box-shadow:0 0 0 1px #0a0a0a,0 12px 48px #0000008c;border-radius:0;cursor:crosshair;image-rendering:pixelated;image-rendering:crisp-edges}#canvas-wrap .canvas-stack canvas.grid-overlay{position:absolute;left:0;top:0;pointer-events:none;z-index:1;box-shadow:none;border-radius:0;image-rendering:auto}#canvas-wrap .canvas-stack canvas.selection-overlay{position:absolute;left:0;top:0;pointer-events:none;z-index:2;box-shadow:none;border-radius:0;image-rendering:auto}.text-compose-host{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:8;overflow:visible}.text-compose-field{position:absolute;pointer-events:auto;box-sizing:border-box;min-width:100px;min-height:2.4em;margin:0;padding:4px 8px;resize:both;font-family:system-ui,sans-serif;color:var(--t1);background:#161618f0;border:2px solid var(--accent);border-radius:4px;box-shadow:0 6px 24px #0000008c;outline:none;line-height:1.25;z-index:9}.text-compose-field::placeholder{color:var(--t3)}.text-direct-capture{position:fixed;left:-9999px;top:0;width:4px;height:4px;opacity:0;pointer-events:none;margin:0;padding:0;border:0;resize:none;overflow:hidden;z-index:-1}.eyedrop-hover-swatch{position:fixed;width:64px;height:64px;border-radius:8px;border:2px solid rgba(255,255,255,.92);box-shadow:0 6px 20px #00000080,0 0 0 1px #00000073;pointer-events:none;z-index:10000;overflow:hidden;box-sizing:border-box}.eyedrop-hover-swatch-checker{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(#3d3d3d,#3d3d3d 25%,#2a2a2a 0%,#2a2a2a 50%) 50%/14px 14px}.eyedrop-hover-swatch-color{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent}.selection-float-hud{position:absolute;left:0;top:0;pointer-events:none;z-index:5;overflow:visible}.selection-float-hud-inner{position:absolute;left:0;top:0;pointer-events:none;display:flex;flex-direction:row;align-items:flex-start;gap:5px;transform-origin:0 0}.selection-float-row{display:flex;flex-direction:row;gap:4px;pointer-events:auto}.selection-float-col{display:flex;flex-direction:column;gap:4px;pointer-events:auto}.selection-float-btn{width:30px;height:30px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;border-radius:5px;border:1px solid #1a1a1a;background:linear-gradient(180deg,#fafafa,#e8e8e8);color:#1a1a1a;cursor:pointer;box-shadow:0 2px 6px #00000059,inset 0 1px #ffffffe6;flex-shrink:0}.selection-float-btn:hover:not(:disabled){background:linear-gradient(180deg,#fff,#efefef);border-color:#2688eb;color:#0d3d66}.selection-float-btn:disabled{opacity:.4;cursor:not-allowed}.selection-float-btn--accent:not(:disabled){border-color:#1473e6;background:linear-gradient(180deg,#4ba3ff,#2688eb);color:#fff}.selection-float-btn svg{display:block;width:15px;height:15px}@media(min-width:540px){#panel-selection-actions .panel-sel-actions-fallback{display:none!important}}@media(max-width:539px){#selection-float-hud{display:none!important}}#canvas-wrap.panning .canvas-stack canvas{cursor:grab}#canvas-wrap.panning.dragging .canvas-stack canvas{cursor:grabbing}#canvas-wrap.tool-move-layer:not(.panning) .canvas-stack canvas{cursor:move}#drop-zone{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#2688eb1f;border:2px dashed rgba(38,136,235,.55);z-index:30;align-items:center;justify-content:center;flex-direction:column;gap:10px;pointer-events:none}#drop-zone.show{display:flex}.dz-hint{font-size:11px;color:var(--t3)}.mobile-fab{display:none;position:absolute;bottom:40px;width:40px;height:40px;background:#3a3a3a;border:1px solid #1a1a1a;border-radius:50%;align-items:center;justify-content:center;cursor:pointer;z-index:50;color:var(--t2);box-shadow:0 4px 16px #0006}#mob-left-fab{left:8px}#mob-right-fab{right:8px}#mob-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:70;display:none}#mob-backdrop.show{display:block}#footer{height:var(--footer-h);background:linear-gradient(180deg,#323232,#2e2e2e);border-top:1px solid #010101;box-shadow:inset 0 1px #ffffff0f;display:flex;align-items:center;justify-content:space-between;padding:0 10px;flex-shrink:0;font-size:11px;color:var(--t3)}#footer-l{display:flex;align-items:center;gap:10px}#footer-r{display:flex;align-items:center;gap:8px}.mode-ind{margin-left:6px;font-weight:600;color:var(--accent)}.modal-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;justify-content:center}.modal-backdrop.open{display:flex}.modal{background:#323232;border:1px solid var(--border-hi);border-radius:calc(var(--radius) + 1px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #000000d1,inset 0 1px #ffffff14}.modal-hdr{padding:12px var(--panel-inset);border-bottom:1px solid #010101;background:linear-gradient(180deg,#3a3a3a,#323232);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title{font-size:13px;font-weight:600;color:var(--t1)}.modal-body{padding:14px var(--panel-inset) 16px;background:#2a2a2a}.modal-canvas-setup{width:min(440px,94vw);max-height:min(90vh,680px)}.modal-canvas-setup .modal-body{overflow-y:auto;max-height:calc(90vh - 56px)}.modal-sub{margin:0 0 14px;padding:0;color:var(--t3);font-size:11px;line-height:1.5}.modal-section{margin-bottom:14px}.modal-section:last-of-type{margin-bottom:8px}.modal-section-h{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--t2);margin:0 0 8px;padding-bottom:4px;border-bottom:1px solid var(--border2)}.modal-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.modal-preset-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-preset-btn{font:inherit;font-size:11px;font-weight:500;color:var(--t1);padding:8px 6px;margin:0;background:linear-gradient(180deg,#555,#454545);border:1px solid #1a1a1a;border-radius:var(--radius);cursor:pointer;transition:filter .1s,border-color .1s,box-shadow .1s;box-shadow:inset 0 1px #ffffff17}.modal-preset-btn:hover{filter:brightness(1.08);border-color:var(--border-hi);box-shadow:inset 0 1px #ffffff1f}.modal-preset-btn:active{filter:brightness(.94)}.modal-dims-row{margin-top:4px}.modal-transparent-lab{margin-top:14px}.modal-footer-btns{margin-top:18px;justify-content:flex-end;gap:8px}.modal-confirm .modal-hdr{justify-content:flex-start}.confirm-modal-msg{margin:0 0 16px;font-size:12px;line-height:1.5;color:var(--t2)}#confirm-modal{z-index:1001}.shortcut-table{width:100%;border-collapse:collapse;font-size:11px}.shortcut-table th{text-align:left;padding:6px 8px;background:#383838;color:var(--t3);font-size:10px;font-weight:600;border-bottom:1px solid #010101}.shortcut-table td{padding:6px 8px;border-top:1px solid #3a3a3a;color:var(--t2)}.shortcut-table td:last-child{text-align:right;font-family:Consolas,monospace}.help-credits{margin-top:16px;padding-top:14px;border-top:1px solid var(--border2);text-align:center}.help-credits-h{font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--t3);margin-bottom:8px}.help-credits-line{margin:0;font-size:11px;line-height:1.5;color:var(--t2)}.help-credits-name{font-weight:600;color:var(--t1)}.help-credits-heart{display:inline-block;margin:0 .35em;color:#c44a5a;font-size:12px;line-height:1;vertical-align:middle}.help-credits-sig{font-style:italic;color:var(--t3)}#toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:#323232;border:1px solid #010101;border-radius:3px;padding:8px 18px;font-size:12px;color:var(--t1);z-index:9999;opacity:0;transition:opacity .2s;pointer-events:none;box-shadow:0 8px 32px #0000008c;white-space:nowrap;max-width:90vw}#toast.show{opacity:1}.tbtn:focus-visible,.btn:focus-visible,.nav-btn:focus-visible,.cam-btn:focus-visible,.mode-tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.inp:focus-visible{outline:2px solid var(--accent);outline-offset:0}.ps-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media(max-width:1100px){:root{--lw:40px;--lw-expanded:200px;--rw:260px}#left-panel{width:var(--lw-expanded)}#left-panel.collapsed{width:var(--lw)}#left-panel.collapsed .panel-title,#left-panel.collapsed .lp-title,#left-panel.collapsed .tbtn .lbl{display:none}#left-panel.collapsed .tbtn{min-height:var(--tool-cell);padding:0;justify-content:center}#logo-text,.mode-tab .lbl{display:none}}@media(max-width:768px){:root{--header-h:28px;--mbar-h:28px;--footer-h:20px}#left-panel{position:absolute;top:0;left:0;height:100%;width:200px!important;transform:translate(-100%);transition:transform .2s ease;z-index:80}#left-panel.mobile-open{transform:translate(0)}#left-panel.mobile-open .tbtn .lbl,#left-panel.mobile-open .panel-title,#left-panel.mobile-open .lp-title{display:block}#left-panel.mobile-open .tbtn{width:auto;min-height:0;padding:5px 7px;justify-content:flex-start}#right-panel{position:absolute;top:0;right:0;height:100%;transform:translate(100%);transition:transform .2s ease;width:272px!important;z-index:80}#right-panel.mobile-open{transform:translate(0)}#right-tab{display:none}.mobile-fab{display:flex}#footer-r{display:none}}.ddi-locale .app-locale-select,.app-locale-select{min-width:6.5rem;max-width:9.5rem}