:root{--background:#fffcf5;--foreground:#05140d;--card:#fff;--card-foreground:#05140d;--primary:#008f47;--primary-foreground:#fff;--secondary:#f50000;--secondary-foreground:#fff;--muted:#f5edd6;--muted-foreground:#423b24;--accent:#ff990a;--accent-foreground:#05140d;--destructive:#e60000;--destructive-foreground:#fff;--border:#000;--input:#fff;--ring:#008f47;--sidebar:#003d1f;--sidebar-foreground:#fff;--sidebar-primary:#ff990a;--sidebar-primary-foreground:#003d1f;--sidebar-accent:#005c2e;--sidebar-accent-foreground:#fff;--chart-1:#008f47;--chart-2:#f50000;--chart-3:#ff990a;--chart-4:#f3b;--chart-5:#00bfe6;--font-sans:"Montserrat", system-ui, -apple-system, sans-serif;--font-display:"Montserrat", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--bg:var(--background);--bg-2:var(--muted);--panel:var(--card);--ink:var(--foreground);--muted-text:var(--muted-foreground);--border-soft:#a3a3a3;--primary-hover:#007038;--accent-2:var(--chart-4);--accent-3:var(--chart-5);--danger:var(--destructive);--success:var(--chart-1);--shadow:4px 4px 0 var(--border);--shadow-sm:2px 2px 0 var(--border);--shadow-lg:6px 6px 0 var(--border);--shadow-hover:2px 2px 0 var(--border);--radius:0px;--header-h:56px;font-family:var(--font-sans);letter-spacing:.02em;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.45}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);background-image:linear-gradient(#0a0a0a08 1px,#0000 1px),linear-gradient(90deg,#0a0a0a08 1px,#0000 1px);background-size:24px 24px;min-width:320px;overflow:hidden}.app-shell{height:100%;color:var(--ink);flex-direction:column;display:flex}.topbar{height:var(--header-h);background:var(--sidebar);color:var(--sidebar-foreground);border-bottom:3px solid var(--border);z-index:40;flex-shrink:0;align-items:center;gap:.75rem;padding:0 .9rem;display:flex}.topbar-brand{align-items:center;min-width:0;display:flex}.topbar-brand h1{font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;color:var(--sidebar-primary);text-shadow:3px 3px #000;margin:0;font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:700;line-height:1.15}.topbar-actions{align-items:center;gap:.45rem;margin-left:auto;display:flex}.icon-btn{border:3px solid var(--border);background:var(--sidebar-primary);color:var(--sidebar-primary-foreground);border-radius:var(--radius);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:0;font-size:1.1rem;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.icon-btn:hover{box-shadow:1px 1px 0 var(--border);background:var(--accent);transform:translate(1px,1px)}.topbar .primary-btn{border:3px solid var(--border);background:var(--sidebar-primary);width:auto;color:var(--sidebar-primary-foreground);font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;box-shadow:var(--shadow-sm);margin:0;padding:.5rem 1rem;font-size:.78rem;font-weight:800}.topbar .primary-btn:hover:not(:disabled){background:var(--accent);color:var(--accent-foreground);box-shadow:1px 1px 0 var(--border);transform:translate(1px,1px)}.shell-body{flex:1;grid-template-columns:minmax(300px,1fr) minmax(0,4fr);min-height:0;display:grid;overflow:hidden}.shell-body.drawer-collapsed{grid-template-columns:0 minmax(0,1fr)}.shell-body.drawer-collapsed .drawer{opacity:0;pointer-events:none;border-right-width:0;overflow:hidden}.drawer{background:var(--panel);border-right:3px solid var(--border);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.drawer-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;background:var(--bg-2);flex-direction:column;flex:1;gap:.65rem;min-height:0;padding:.7rem .7rem 1.5rem;display:flex;overflow:hidden auto}.drawer-section{background:var(--panel);border:3px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-shrink:0;overflow:visible}.drawer-section>summary,.drawer-section-head{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--primary-foreground);background:var(--primary);border-radius:var(--radius);border-bottom:3px solid #0000;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .7rem;font-size:.72rem;font-weight:800;list-style:none;display:flex}.drawer-section[open]>summary{border-bottom-color:var(--border);border-radius:calc(var(--radius) - 2px) calc(var(--radius) - 2px) 0 0}.drawer-section>summary::-webkit-details-marker{display:none}.drawer-section>summary:after{content:"▼";font-size:.6rem;font-family:var(--font-sans);flex-shrink:0}.drawer-section:not([open])>summary:after{content:"▶"}.drawer-section-body{background:var(--panel);min-width:0;padding:.7rem .75rem .85rem;overflow:visible}.workspace{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.workspace-toolbar{border-bottom:3px solid var(--border);background:var(--panel);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.4rem;padding:.6rem .8rem;display:flex}.workspace-stage{flex-direction:column;flex:1;min-height:0;padding:.75rem;display:flex;overflow:hidden}.workspace-stage .preview-panel{flex-direction:column;flex:1;min-height:0;margin:0;display:flex}@media (width<=900px){.shell-body,.shell-body.drawer-collapsed{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);position:relative}.drawer,.drawer-backdrop,.workspace{grid-area:1/1}.drawer{z-index:30;width:min(90vw,360px);max-width:100%;height:auto;box-shadow:var(--shadow-lg);opacity:1;pointer-events:auto;border-right-width:3px;transition:transform .2s,opacity .2s;position:absolute;top:0;bottom:0;left:0;overflow:hidden;transform:translate(0)}.shell-body.drawer-collapsed .drawer{opacity:0;pointer-events:none;transform:translate(-105%)}.drawer-backdrop{z-index:25;cursor:pointer;width:auto;height:auto;box-shadow:none;background:#0a0a0a66;border:none;padding:0;position:absolute;inset:0}.workspace{z-index:1;width:100%;min-width:0;height:100%;min-height:0;position:relative}.workspace-toolbar{gap:.3rem;padding:.45rem .55rem}.workspace-toolbar .seg{flex:100%}.workspace-toolbar .seg button{flex:1;padding:.38rem .35rem;font-size:.68rem}.workspace-toolbar .toolbar-meta{width:100%;margin-left:0;font-size:.68rem}.topbar{gap:.45rem;padding:0 .55rem}.topbar-brand{flex:1;min-width:0}.topbar-brand h1{text-shadow:2px 2px #000;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.topbar .primary-btn{white-space:nowrap;flex-shrink:0;padding:.4rem .65rem;font-size:.7rem}.icon-btn{flex-shrink:0;width:36px;height:36px}.workspace-stage{padding:.45rem}.preview-panel{padding:.55rem .55rem .65rem}.empty-preview{max-width:min(320px,100%);padding:1.25rem .85rem}}@media (width>=901px){.drawer-backdrop{display:none}}.panel{background:var(--panel);border-radius:var(--radius);border:3px solid var(--border);box-shadow:var(--shadow-sm);padding:.85rem .9rem}.panel h2{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin:0 0 .55rem;font-size:.72rem;font-weight:400}.panel-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;display:flex}.panel-head h2{margin:0}.pill{background:var(--accent);color:var(--accent-foreground);border:2px solid var(--border);white-space:nowrap;border-radius:999px;padding:.12rem .5rem;font-size:.68rem;font-weight:800}.hint{color:var(--muted-foreground);margin:.35rem 0 0;font-size:.78rem;font-weight:500}.hint.tight{margin-top:.2rem;font-size:.72rem}.meta{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:.6rem;margin:.4rem 0 0;font-size:.8rem;font-weight:600;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.times{color:var(--muted-foreground);font-weight:800}label{color:var(--ink);flex-direction:column;gap:.25rem;font-size:.78rem;font-weight:700;display:flex}label.checkbox,label.radio{flex-direction:row;align-items:flex-start;gap:.4rem;margin-top:.35rem;font-weight:600}.field{color:var(--ink);border:none;flex-direction:column;gap:.3rem;margin-bottom:.55rem;padding:0;font-size:.78rem;display:flex}.field legend{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);margin-bottom:.15rem;font-size:.68rem;font-weight:400}input[type=number],input[type=text],input[type=search],select,.search-input{border:3px solid var(--border);border-radius:var(--radius);background:var(--panel);min-width:0;color:var(--ink);box-shadow:var(--shadow-sm);outline:none;padding:.45rem .55rem;font-size:.88rem;font-weight:600;transition:transform 80ms,box-shadow 80ms}input[type=number]:focus,input[type=text]:focus,select:focus,.search-input:focus{box-shadow:1px 1px 0 var(--border);background:#fff;transform:translate(1px,1px)}input[type=number]{width:100%;max-width:100%}.search-input{width:100%;margin-bottom:.5rem}.search-input.compact{margin-bottom:.4rem;padding:.4rem .5rem;font-size:.8rem}.select-menu{width:100%;min-width:0;position:relative}.select-menu-trigger{border:3px solid var(--border);border-radius:var(--radius);background:var(--panel);width:100%;color:var(--ink);box-shadow:var(--shadow-sm);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .55rem;font-size:.88rem;font-weight:600;display:flex}.select-menu-trigger:hover:not(:disabled),.select-menu.open .select-menu-trigger{box-shadow:1px 1px 0 var(--border);background:#fff;transform:translate(1px,1px)}.select-menu.disabled .select-menu-trigger{opacity:.45;cursor:not-allowed;box-shadow:none}.select-menu-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.select-menu-value.placeholder{color:var(--muted-foreground);font-weight:600}.select-menu-caret{color:var(--ink);flex-shrink:0;font-size:.55rem;font-weight:800;line-height:1}.select-menu-list{overscroll-behavior:contain;background:var(--panel);border:3px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);-webkit-overflow-scrolling:touch;margin:0;padding:.35rem;list-style:none;overflow:auto}.select-menu-group{margin:0;padding:0;list-style:none}.select-menu-group+.select-menu-group{border-top:2px solid var(--border);margin-top:.35rem;padding-top:.35rem}.select-menu-group-label{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);padding:.3rem .45rem .2rem;font-size:.65rem;font-weight:800}.select-menu-group-items{margin:0;padding:0;list-style:none}.select-menu-option{text-align:left;border-radius:var(--radius);width:100%;box-shadow:none;color:var(--ink);cursor:pointer;background:0 0;border:2px solid #0000;padding:.48rem .55rem;font-size:.84rem;font-weight:700;display:block}.select-menu-option:hover:not(:disabled){background:var(--muted);box-shadow:none;border-color:var(--border);transform:none}.select-menu-option.selected{background:var(--accent);color:var(--accent-foreground);border-color:var(--border);box-shadow:2px 2px 0 var(--border)}.select-menu-option.selected:hover:not(:disabled){background:var(--accent);box-shadow:1px 1px 0 var(--border);transform:translate(1px,1px)}.select-menu-option:disabled{opacity:.4;cursor:not-allowed}button{border:3px solid var(--border);background:var(--panel);border-radius:var(--radius);cursor:pointer;color:var(--ink);box-shadow:var(--shadow-sm);padding:.4rem .75rem;font-size:.82rem;font-weight:700;transition:transform 80ms,box-shadow 80ms,background 80ms}button:hover:not(:disabled){box-shadow:1px 1px 0 var(--border);background:var(--bg-2);transform:translate(1px,1px)}button:active:not(:disabled){box-shadow:0 0 0 var(--border);transform:translate(2px,2px)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.primary-btn{background:var(--primary);width:100%;color:var(--primary-foreground);border:3px solid var(--border);font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;box-shadow:var(--shadow);margin-top:.55rem;padding:.65rem;font-weight:800}.primary-btn:hover:not(:disabled){background:var(--primary-hover);color:var(--primary-foreground);box-shadow:var(--shadow-hover);transform:translate(2px,2px)}.link-btn{color:var(--ink);text-underline-offset:2px;font-size:inherit;box-shadow:none;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.link-btn:hover:not(:disabled){box-shadow:none;color:#0e7490;background:0 0;transform:none}.btn-sm{border-radius:var(--radius);box-shadow:2px 2px 0 var(--border);border-width:2px;align-items:center;gap:.3rem;padding:.28rem .55rem;font-size:.74rem;display:inline-flex}.btn-sm:hover:not(:disabled){box-shadow:1px 1px 0 var(--border);transform:translate(1px,1px)}.btn-sm.ghost{border-color:var(--border);color:var(--muted-foreground);box-shadow:none;background:0 0}.btn-sm.ghost:hover:not(:disabled){background:var(--bg-2);color:var(--ink);box-shadow:var(--shadow-sm)}.btn-export{text-transform:uppercase;letter-spacing:.02em;flex:1;min-width:3.4rem;padding:.45rem .35rem;font-size:.75rem;font-weight:800}.banner{border-radius:var(--radius);border:3px solid var(--border);box-shadow:var(--shadow-sm);padding:.55rem .75rem;font-size:.8rem;font-weight:700}.banner.error,.error{background:color-mix(in srgb, var(--destructive) 18%, white);color:var(--destructive)}.banner.info{background:color-mix(in srgb, var(--chart-5) 22%, white);color:var(--foreground)}.dropzone{border:3px dashed var(--border);border-radius:var(--radius);cursor:pointer;background:var(--bg);min-height:100px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;transition:background .12s,box-shadow .12s;display:flex;overflow:hidden}.dropzone:hover,.dropzone.drag-over{background:var(--muted);box-shadow:var(--shadow);border-style:solid}.dropzone.disabled{opacity:.5;cursor:not-allowed}.preview-img{object-fit:contain;max-width:100%;max-height:120px;display:block}.preset-row{flex-wrap:wrap;gap:.3rem;display:flex}.btn-sm.active-preset{background:var(--primary);border-color:var(--border);color:var(--primary-foreground);box-shadow:var(--shadow-sm)}.seg{border:3px solid var(--border);border-radius:var(--radius);background:var(--bg-2);box-shadow:var(--shadow-sm);display:inline-flex;overflow:hidden}.seg button{box-shadow:none;text-transform:uppercase;letter-spacing:.02em;background:0 0;border:none;border-radius:0;padding:.38rem .7rem;font-size:.75rem;font-weight:800}.seg button:hover:not(:disabled){box-shadow:none;background:var(--primary);transform:none}.seg button+button{border-left:3px solid var(--border)}.seg button.active{background:var(--primary);color:var(--primary-foreground)}.seg.full{width:100%}.seg.full button{flex:1}.toolbar-meta{color:var(--muted-foreground);margin-left:auto;font-size:.72rem;font-weight:700}.toolbar-toggle{color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;border:3px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.02em;flex-direction:row;align-items:center;gap:.35rem;margin:0;padding:.28rem .55rem;font-size:.74rem;font-weight:800;display:inline-flex}.toolbar-toggle:has(input:checked){background:var(--accent);color:var(--accent-foreground);box-shadow:1px 1px 0 var(--border);transform:translate(1px,1px)}.toolbar-toggle input{accent-color:var(--ink);margin:0}.preview-panel{background:var(--panel);border:3px solid var(--border);border-radius:var(--radius);min-height:0;box-shadow:var(--shadow);flex-direction:column;padding:.7rem .8rem .8rem;display:flex}.preview-panel.empty{background:repeating-linear-gradient(-45deg, var(--bg), var(--bg) 10px, var(--bg-2) 10px, var(--bg-2) 20px);justify-content:center;align-items:center;display:flex}.empty-preview{text-align:center;color:var(--muted-foreground);background:var(--panel);border:3px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);max-width:320px;padding:2rem 1rem}.empty-preview h2{text-transform:uppercase;letter-spacing:.03em;font-family:var(--font-display);color:var(--ink);margin:.4rem 0 .25rem;font-size:1rem}.empty-icon{font-size:1.6rem}.preview-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;display:flex}.preview-header h2{text-transform:uppercase;letter-spacing:.03em;font-family:var(--font-display);color:var(--ink);margin:0;font-size:.9rem}.zoom-controls{flex-shrink:0;align-items:center;gap:.3rem;font-size:.8rem;font-weight:800;display:flex}.canvas-wrap{overscroll-behavior:contain;border:3px solid var(--border);border-radius:var(--radius);cursor:grab;contain:strict;background-color:#fafafa;background-image:linear-gradient(45deg,#e5e5e5 25%,#0000 25%),linear-gradient(-45deg,#e5e5e5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e5e5 75%),linear-gradient(-45deg,#0000 75%,#e5e5e5 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:14px 14px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;flex:1;width:100%;max-width:100%;min-height:200px;overflow:auto;box-shadow:inset 2px 2px #0000000f}.canvas-wrap.mode-paint{cursor:crosshair}.canvas-wrap.mode-pan:active{cursor:grabbing}.canvas-wrap .pattern-canvas{image-rendering:pixelated;max-width:none;display:block}.tooltip{z-index:50;background:var(--foreground);color:var(--background);border-radius:var(--radius);pointer-events:none;white-space:nowrap;border:2px solid var(--accent);box-shadow:var(--shadow-sm);padding:4px 8px;font-size:11px;font-weight:700;position:fixed}.tooltip-bead{border-radius:var(--radius);align-items:center;gap:.4rem;padding:6px 10px;font-weight:600;display:inline-flex}.tooltip-swatch{border:2px solid #fff;border-radius:2px;flex-shrink:0;width:14px;height:14px}.tooltip-coord{opacity:.7;font-weight:500}.palette-panel{flex-direction:column;gap:.45rem;display:flex}.palette-tabs{border:3px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.palette-tabs button{background:var(--bg-2);box-shadow:none;text-transform:uppercase;letter-spacing:.02em;border:none;border-radius:0;justify-content:center;align-items:center;gap:.3rem;padding:.45rem .35rem;font-size:.7rem;font-weight:800;display:flex}.palette-tabs button:hover:not(:disabled){box-shadow:none;background:var(--primary);transform:none}.palette-tabs button+button{border-left:3px solid var(--border)}.palette-tabs button.active{background:var(--primary);color:var(--primary-foreground)}.tab-count{background:var(--ink);color:#fff;text-align:center;border:1px solid var(--border);border-radius:999px;min-width:1.1rem;padding:0 .35rem;font-size:.62rem}.palette-tabs button.active .tab-count{background:var(--foreground);color:var(--accent)}.palette-summary{color:var(--muted-foreground);font-size:.75rem;font-weight:700}.palette-chip-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.35rem;max-height:min(240px,36vh);padding:.15rem;display:grid;overflow:auto}.palette-chip-grid.dense{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));max-height:320px}.palette-chip{border:2px solid var(--border);border-radius:var(--radius);text-align:left;min-width:0;box-shadow:2px 2px 0 var(--border);background:#fff;align-items:center;gap:.3rem;padding:.3rem .35rem;display:flex}.palette-chip:hover{background:var(--muted);box-shadow:1px 1px 0 var(--border);transform:translate(1px,1px)}.palette-chip.active{border-color:var(--border);background:var(--accent);color:var(--accent-foreground);box-shadow:1px 1px 0 var(--border);transform:translate(1px,1px)}.palette-chip.brush{outline:3px solid var(--secondary);outline-offset:1px}.palette-chip.used{border-color:var(--border)}.palette-chip.mini{flex-direction:column;align-items:stretch;gap:.2rem;padding:.25rem}.palette-chip.mini .chip-swatch{border-radius:3px;width:100%;height:22px}.palette-chip.mini .chip-code{text-align:center;font-size:.65rem}.chip-swatch{border:2px solid var(--border);border-radius:3px;flex-shrink:0;width:18px;height:18px}.chip-code{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:700;overflow:hidden}.chip-count{color:var(--muted-foreground);margin-left:auto;font-size:.65rem;font-weight:800}.palette-actions{flex-wrap:wrap;gap:.3rem;padding-top:.25rem;display:flex}.swatch{border:2px solid var(--border);vertical-align:middle;border-radius:3px;flex-shrink:0;width:16px;height:16px;display:inline-block}.swatch.lg{width:20px;height:20px}.swatch.sm{width:14px;height:14px}.mono{font-family:var(--font-mono);font-size:.78rem;font-weight:700}.drawer-section-body .panel{box-shadow:none;background:0 0;border:none;padding:0}.drawer-section-body .panel h2{display:none}.drawer-section-body select,.drawer-section-body .select-menu,.drawer-section-body input[type=number],.drawer-section-body .search-input{width:100%;min-width:0;max-width:100%}.drawer-section-body label.field{width:100%}.size-controls,.upload-compact,.options-compact,.export-bar{width:100%;min-width:0}.size-inputs{grid-template-columns:1fr auto 1fr;align-items:end;gap:.4rem;margin-top:.5rem;display:grid}.size-field{flex-direction:column;gap:.2rem;min-width:0;display:flex}.size-field input{min-width:0;width:100%!important}.size-inputs .times{color:var(--muted-foreground);padding-bottom:.45rem;font-weight:800}.file-name{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:9rem;display:inline-block;overflow:hidden}.export-options{flex-wrap:wrap;gap:.65rem .9rem;margin-bottom:.5rem;display:flex}.export-options .checkbox.tight{margin-top:0;font-size:.75rem}.export-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.export-grid .btn-export{width:100%;min-width:0}.export-grid .primary-export{background:var(--primary);color:var(--primary-foreground);border:3px solid var(--border);font-family:var(--font-display);text-transform:uppercase;box-shadow:var(--shadow);grid-column:1/-1;font-weight:800}.export-grid .primary-export:hover:not(:disabled){background:var(--primary-hover);color:var(--primary-foreground);box-shadow:var(--shadow-hover);transform:translate(2px,2px)}.drawer-foot{color:var(--muted-foreground);text-align:center;flex-shrink:0;padding:.35rem .25rem .75rem;font-size:.68rem;font-weight:600}.drawer-foot a{color:var(--ink);text-underline-offset:2px;font-weight:800;text-decoration:underline}.palette-tabs button{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.modal-backdrop{z-index:100;background:#0a0a0a73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border-radius:var(--radius);width:min(560px,100%);max-height:min(80vh,640px);box-shadow:var(--shadow-lg);border:3px solid var(--border);flex-direction:column;padding:.9rem 1rem 1rem;display:flex}.modal-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.55rem;display:flex}.modal-head h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:.95rem;font-weight:400}.color-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.45rem;display:grid;overflow:auto}.color-chip{text-align:left;border-radius:var(--radius);border:3px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:.45rem;padding:.4rem .5rem;display:flex}.color-chip:hover{background:var(--muted);box-shadow:1px 1px 0 var(--border);transform:translate(1px,1px)}.color-chip.current{background:var(--accent);box-shadow:1px 1px 0 var(--border);transform:translate(1px,1px)}.chip-meta{flex-direction:column;min-width:0;line-height:1.2;display:flex}.chip-meta strong{font-size:.78rem;font-weight:800}.chip-meta span{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:600;overflow:hidden}.crop-backdrop{z-index:120}.crop-dialog{background:var(--panel);border:3px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);flex-direction:column;width:min(920px,96vw);max-height:min(92vh,900px);display:flex;overflow:hidden}.crop-dialog-head{border-bottom:3px solid var(--border);background:var(--primary);color:var(--primary-foreground);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.85rem 1rem .5rem;display:flex}.crop-dialog-head h3{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:1rem;font-weight:400}.crop-toolbar{border-bottom:3px solid var(--border);background:var(--bg-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem 1rem;display:flex}.crop-toolbar-actions{flex-wrap:wrap;gap:.35rem;display:flex}.crop-workspace{background-color:#0a0a0a;background-image:linear-gradient(45deg,#262626 25%,#0000 25%),linear-gradient(-45deg,#262626 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#262626 75%),linear-gradient(-45deg,#0000 75%,#262626 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;flex:1;justify-content:center;align-items:center;min-height:280px;max-height:min(52vh,480px);padding:1rem;display:flex;overflow:auto}.crop-stage{max-width:100%;max-height:100%}.crop-image-wrap{-webkit-user-select:none;user-select:none;touch-action:none;border:3px solid var(--border);max-width:min(100%,720px);max-height:min(48vh,420px);box-shadow:var(--shadow);line-height:0;display:inline-block;position:relative}.crop-image{pointer-events:none;width:auto;max-width:100%;height:auto;max-height:min(48vh,420px);display:block}.crop-overlay{box-sizing:border-box;border:3px solid var(--accent);cursor:move;touch-action:none;position:absolute;box-shadow:0 0 0 9999px #0000008c}.crop-grid{pointer-events:none;background:linear-gradient(90deg,#0000 33.33%,#ff990a8c 33.33% 33.7%,#0000 33.7% 66.6%,#ff990a8c 66.6% 67%,#0000 67%),linear-gradient(#0000 33.33%,#ff990a8c 33.33% 33.7%,#0000 33.7% 66.6%,#ff990a8c 66.6% 67%,#0000 67%);position:absolute;inset:0}.crop-handle{background:var(--accent);border:2px solid var(--border);box-sizing:border-box;z-index:2;border-radius:0;width:14px;height:14px;position:absolute}.crop-handle.ord-nw{cursor:nwse-resize;top:-7px;left:-7px}.crop-handle.ord-ne{cursor:nesw-resize;top:-7px;right:-7px}.crop-handle.ord-se{cursor:nwse-resize;bottom:-7px;right:-7px}.crop-handle.ord-sw{cursor:nesw-resize;bottom:-7px;left:-7px}.crop-handle.ord-n{cursor:ns-resize;margin-left:-7px;top:-7px;left:50%}.crop-handle.ord-s{cursor:ns-resize;margin-left:-7px;bottom:-7px;left:50%}.crop-handle.ord-e{cursor:ew-resize;margin-top:-7px;top:50%;right:-7px}.crop-handle.ord-w{cursor:ew-resize;margin-top:-7px;top:50%;left:-7px}.crop-meta{color:var(--muted-foreground);border-top:3px solid var(--border);background:var(--bg-2);flex-wrap:wrap;gap:.75rem 1.25rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:flex}.crop-footer{border-top:3px solid var(--border);background:var(--panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem .9rem;display:flex}.crop-footer-right{align-items:center;gap:.4rem;display:flex}.crop-confirm{width:auto!important;margin:0!important;padding:.5rem 1.15rem!important}.crop-dialog .error{margin:0 1rem}@media (width<=640px){.crop-toolbar{flex-direction:column;align-items:stretch}.crop-toolbar .seg{flex-wrap:wrap;width:100%}}html,body,#root{min-height:100%}body{margin:0}