:root{--cream: #f7f3ec;--warm: #faf8f4;--ink: #1c1810;--ink2: #3a3028;--inkl: #6a5e50;--gold: #b8882e;--border: #d8cebe;--panel: #f0ebe0;--shadow: rgba(28,24,16,.13)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Lora,serif;background:var(--cream);color:var(--ink);height:100vh;display:flex;flex-direction:column;overflow:hidden}.titlebar{background:var(--ink);color:var(--cream);padding:8px 16px;display:flex;align-items:center;gap:12px;border-bottom:2px solid var(--gold);flex-shrink:0}.titlebar h1{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600}.titlebar-sub{font-family:DM Mono,monospace;font-size:.58rem;color:var(--gold);letter-spacing:.18em;text-transform:uppercase}#plate-title{font-family:Playfair Display,serif;font-size:.95rem;border:none;border-bottom:1.5px solid rgba(255,255,255,.2);background:transparent;color:var(--cream);padding:2px 4px;outline:none;min-width:160px;margin-left:auto}#plate-title::placeholder{color:#f7f3ec66}#plate-title:focus{border-bottom-color:var(--gold)}.menubar{background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:stretch;flex-shrink:0;padding:0 6px;gap:2px;height:38px;position:relative;z-index:100}.menu-sep{width:1px;background:var(--border);margin:6px 4px;flex-shrink:0}.menu-trigger{position:relative;display:flex;align-items:center}.menu-trigger>button{height:100%;padding:0 12px;background:transparent;border:none;border-bottom:2px solid transparent;font-family:DM Mono,monospace;font-size:.68rem;letter-spacing:.05em;color:var(--ink2);cursor:pointer;transition:all .12s;white-space:nowrap;display:flex;align-items:center;gap:5px}.menu-trigger>button:hover,.menu-trigger.open>button{color:var(--ink);background:#1c18100f;border-bottom-color:var(--gold)}.menu-trigger>button .caret{font-size:.5rem;opacity:.5;margin-left:2px}.menu-dropdown{display:none;position:absolute;top:100%;left:0;background:var(--warm);border:1px solid var(--border);border-top:2px solid var(--gold);border-radius:0 0 4px 4px;box-shadow:0 6px 24px var(--shadow);z-index:200;min-width:200px;padding:8px 0}.menu-trigger.open .menu-dropdown{display:block}.dd-section-label{font-family:DM Mono,monospace;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);padding:8px 14px 4px}.dd-sep{height:1px;background:var(--border);margin:6px 0}.stitch-item{display:flex;align-items:center;gap:10px;padding:7px 14px;font-family:DM Mono,monospace;font-size:.72rem;cursor:pointer;transition:background .1s;white-space:nowrap;color:var(--ink);border:none;background:none;width:100%;text-align:left}.stitch-item:hover{background:var(--cream)}.stitch-item.active{background:var(--ink);color:var(--cream)}.stitch-item .stitch-dot{width:9px;height:9px;border-radius:50%;background:var(--gold);flex-shrink:0}.stitch-item.active .stitch-dot{background:var(--cream)}.dd-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px 14px 10px}.dd-field{display:flex;flex-direction:column;gap:3px}.dd-field label{font-size:.58rem;color:var(--inkl);font-family:DM Mono,monospace}.dd-field input[type=number]{background:#fff;border:1px solid var(--border);border-radius:3px;padding:4px 6px;font-family:DM Mono,monospace;font-size:.8rem;color:var(--ink);width:100%}.dd-field input[type=number]:focus{outline:none;border-color:var(--gold)}.dd-btn{display:block;width:calc(100% - 28px);margin:4px 14px;padding:6px 10px;border-radius:3px;font-family:DM Mono,monospace;font-size:.68rem;cursor:pointer;border:1px solid var(--border);background:var(--cream);color:var(--ink);text-align:center;transition:all .12s}.dd-btn:hover{border-color:var(--ink);background:#fff}.dd-btn-primary{background:var(--ink);color:var(--cream);border-color:var(--ink)}.dd-btn-primary:hover{background:var(--ink2)}.dd-btn-danger{color:#b85040;border-color:#e0b0a8;background:#fff}.dd-btn-danger:hover{background:#fdf0ee}.dd-toggles{display:flex;gap:6px;padding:4px 14px 8px}.dd-toggle{flex:1;padding:5px 6px;font-family:DM Mono,monospace;font-size:.6rem;border-radius:3px;border:1px solid var(--border);background:#fff;cursor:pointer;text-align:center;transition:all .12s;color:var(--ink)}.dd-toggle:hover{border-color:var(--ink)}.dd-toggle.active{background:var(--ink);color:var(--cream);border-color:var(--ink)}.dmc-dropdown{min-width:320px!important;max-width:340px}.dmc-search-row{display:flex;align-items:center;gap:6px;padding:8px 12px 6px}.dmc-search-row input{flex:1;padding:5px 8px;border:1px solid var(--border);border-radius:3px;font-family:DM Mono,monospace;font-size:.72rem;background:#fff;color:var(--ink);outline:none}.dmc-search-row input:focus{border-color:var(--gold)}.dmc-search-row input::placeholder{color:#b0a898}.dmc-selected-row{display:flex;align-items:center;gap:8px;padding:4px 12px 8px;font-family:DM Mono,monospace;font-size:.65rem;color:var(--inkl);border-bottom:1px solid var(--border);min-height:28px}#dmc-sel-swatch{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;background:#8b2020}#dmc-sel-label{color:var(--ink);font-size:.68rem}.dmc-grid-wrap{height:220px;overflow-y:auto;padding:8px 10px}.dmc-grid{display:grid;grid-template-columns:repeat(auto-fill,20px);gap:3px}.dmc-swatch{width:20px;height:20px;border-radius:3px;border:1.5px solid transparent;cursor:pointer;transition:transform .1s;flex-shrink:0;position:relative}.dmc-swatch:hover{transform:scale(1.3);z-index:10;border-color:var(--ink)}.dmc-swatch.sel{border-color:var(--ink);box-shadow:0 0 0 2px #fff inset;transform:scale(1.15)}.dmc-family-label{grid-column:1 / -1;font-family:DM Mono,monospace;font-size:.52rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);padding:6px 0 2px}.dd-repeat-btns{display:flex;gap:5px;padding:2px 14px 8px}.dd-repeat-btns button{flex:1;padding:5px 4px;font-family:DM Mono,monospace;font-size:.62rem;border-radius:3px;border:1px solid var(--border);background:#fff;cursor:pointer;color:var(--ink);transition:all .12s}.dd-repeat-btns button:hover{background:var(--cream);border-color:var(--ink)}.dd-trellis-row{display:flex;align-items:center;gap:8px;padding:2px 14px 8px;font-family:DM Mono,monospace;font-size:.62rem;color:var(--inkl)}.dd-trellis-row input[type=number]{width:52px;background:#fff;border:1px solid var(--border);border-radius:3px;padding:4px 6px;font-family:DM Mono,monospace;font-size:.8rem;color:var(--ink);text-align:center}.dd-trellis-row input[type=number]:focus{outline:none;border-color:var(--gold)}.indicator-strip{display:flex;align-items:center;gap:4px;margin-left:auto;padding:0 8px;font-family:DM Mono,monospace;font-size:.62rem;color:var(--inkl)}.indicator-strip .ind-label{opacity:.7}#ind-tool{font-family:DM Mono,monospace;font-size:.65rem;color:var(--ink);background:var(--cream);border:1px solid var(--border);border-radius:3px;padding:2px 8px;min-width:80px;text-align:center}.color-btn{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--border);border-radius:4px;padding:3px 8px 3px 5px;cursor:pointer;color:var(--ink2);transition:all .12s;height:26px}.color-btn:hover{background:var(--cream);border-color:var(--ink)}.color-btn.active{border-color:var(--gold);background:#b8882e14;color:var(--ink)}#ind-color{width:14px;height:14px;border-radius:50%;border:2px solid var(--border);background:#b01217;flex-shrink:0}#ind-dmc-name{font-family:DM Mono,monospace;font-size:.6rem;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-popover{position:fixed;z-index:2000;background:var(--warm);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 32px var(--shadow);padding:10px;width:320px}.icon-btn{display:flex;align-items:center;justify-content:center;height:28px;width:30px;padding:0;border-radius:3px;border:1px solid var(--border);background:transparent;cursor:pointer;color:var(--ink2);transition:all .12s;font-size:1rem;margin:auto 2px}.icon-btn:hover{border-color:var(--ink);background:#1c18100f;color:var(--ink)}.icon-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.zoom-cluster{display:flex;align-items:center;gap:4px;padding:0 6px;border-left:1px solid var(--border);margin-left:4px}.zoom-cluster span{font-family:DM Mono,monospace;font-size:.63rem;color:var(--inkl)}.zbtn{padding:2px 8px;border-radius:3px;border:1px solid var(--border);background:transparent;font-family:DM Mono,monospace;font-size:.68rem;cursor:pointer;color:var(--ink);transition:all .12s;height:24px}.zbtn:hover{border-color:var(--ink)}.canvas-area{flex:1;overflow:auto;padding:20px 24px 12px;background:var(--warm)}#plate-paper{display:inline-block;background:#fff;border:1px solid var(--border);box-shadow:0 4px 20px var(--shadow);padding:32px 40px 32px 56px;position:relative}#plate-canvas{display:block}#label-canvas{position:absolute;top:32px;left:0;pointer-events:none}#preview-canvas{position:absolute;top:32px;left:56px;pointer-events:none}#plate-canvas.tool-active{cursor:crosshair}#plate-canvas.paste-mode{cursor:copy}.status{background:var(--ink);color:var(--cream);padding:4px 16px;font-family:DM Mono,monospace;font-size:.62rem;letter-spacing:.06em;display:flex;gap:20px;flex-shrink:0}#stat-msg{margin-left:auto;color:var(--gold)}.modal-bg{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#1c18107a;z-index:300;align-items:center;justify-content:center}.modal-bg.open{display:flex}.modal{background:var(--warm);border:1px solid var(--border);border-radius:4px;padding:24px;width:360px;max-width:92vw;box-shadow:0 8px 36px var(--shadow)}.modal h3{font-family:Playfair Display,serif;font-size:1.1rem;margin-bottom:14px}.modal input[type=text]{width:100%;padding:7px 9px;border:1px solid var(--border);border-radius:3px;font-family:Lora,serif;font-size:.88rem;background:#fff;margin-bottom:10px;outline:none}.modal input[type=text]:focus{border-color:var(--gold)}.modal-btns{display:flex;gap:7px;justify-content:flex-end}.modal-btns .btn{padding:7px 14px;border-radius:3px;font-family:DM Mono,monospace;font-size:.7rem;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--ink);color:var(--cream)}.btn-outline{background:transparent;color:var(--ink);border-color:var(--border)}.btn-outline:hover{border-color:var(--ink)}.saves-list{max-height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:3px;margin-bottom:12px}.save-item{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-bottom:1px solid var(--border);font-size:.82rem}.save-item:last-child{border-bottom:none}.save-item:hover{background:var(--cream)}.save-item-name{font-family:Lora,serif}.save-item-date{font-family:DM Mono,monospace;font-size:.6rem;color:var(--inkl)}.save-item-btns{display:flex;gap:5px}.save-item-btns button{padding:3px 8px;font-size:.64rem;font-family:DM Mono,monospace;border-radius:3px;cursor:pointer;border:1px solid var(--border);background:#fff}.save-item-btns .lb:hover{background:var(--ink);color:var(--cream)}.save-item-btns .db:hover{background:#b85040;color:#fff;border-color:#b85040}