*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0e0d0b;--surface: #1a1814;--accent: #c9a96e;--text: #e8e0d0;--muted: #7a7060}body{background:var(--bg);color:var(--text);font-family:Lato,sans-serif;height:100vh;display:flex;flex-direction:column;align-items:center;overflow:hidden}header{width:100%;padding:28px 40px 20px;display:flex;align-items:baseline;gap:16px;border-bottom:1px solid #2a2820}header h1{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:400;color:var(--accent);letter-spacing:.02em}header span{font-size:.75rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}#canvas-wrap{width:100%;flex:1 1 auto;position:relative;min-height:220px}canvas{display:block;width:100%!important;height:100%!important;cursor:grab}canvas:active{cursor:grabbing}.panel{width:100%;max-width:820px;padding:24px 32px 32px;display:grid;grid-template-columns:1fr 1fr;gap:26px 44px;flex:0 0 auto;max-height:48vh;overflow-y:auto}.panel-bar{width:100%;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:8px 28px;border-top:1px solid #2a2820;background:var(--bg)}.pb-hint{font-size:.7rem;color:var(--muted);letter-spacing:.06em}.pb-actions{display:flex;gap:8px;align-items:center}.chk{display:flex;align-items:center;gap:8px;font-size:.74rem;color:var(--muted);cursor:pointer;margin-top:2px}.chk input{accent-color:var(--accent);cursor:pointer}.sel{flex:1;background:var(--surface);border:1px solid #3a3628;border-radius:3px;color:var(--text);font-family:Lato,sans-serif;font-size:.8rem;padding:6px 8px;outline:none;cursor:pointer}.sel:focus{border-color:var(--accent)}.readout{display:block;margin-top:8px;padding:8px 10px;background:#14130f;border:1px solid #2a2820;border-radius:3px;color:var(--accent);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.68rem;white-space:pre-wrap;word-break:break-word;min-height:1.2em}.pb-toggle{background:transparent;border:1px solid #3a3628;border-radius:3px;color:var(--accent);font-family:Lato,sans-serif;font-size:.74rem;letter-spacing:.06em;padding:5px 12px;cursor:pointer;transition:all .2s}.pb-toggle:hover{border-color:var(--accent);background:#221f18}body.collapsed .panel{display:none}.group{display:flex;flex-direction:column;gap:10px}.group label.h{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.row{display:flex;gap:10px;flex-wrap:wrap}input[type=file]{display:none}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:3px;border:1px solid #3a3628;background:var(--surface);color:var(--text);font-family:Lato,sans-serif;font-size:.8rem;cursor:pointer;transition:border-color .2s,background .2s;white-space:nowrap}.btn:hover{border-color:var(--accent);background:#221f18}.btn.accent{border-color:var(--accent);color:var(--accent)}.dim-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.dim-field{display:flex;flex-direction:column;gap:5px}.dim-field span{font-size:.65rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.dim-field input[type=number]{width:70px;background:var(--surface);border:1px solid #3a3628;border-radius:3px;color:var(--text);font-family:Lato,sans-serif;font-size:.85rem;padding:7px 10px;outline:none;transition:border-color .2s}.dim-field input[type=number]:focus{border-color:var(--accent)}.presets{display:flex;gap:8px;flex-wrap:wrap}.preset-btn{padding:5px 12px;border-radius:2px;border:1px solid #3a3628;background:transparent;color:var(--muted);font-size:.72rem;cursor:pointer;transition:all .2s;font-family:Lato,sans-serif;letter-spacing:.06em}.preset-btn:hover,.preset-btn.active{border-color:var(--accent);color:var(--accent)}.slider-row{display:flex;align-items:center;gap:12px}.sl-label{font-size:.7rem;color:var(--muted);letter-spacing:.06em;min-width:80px}.sl-val{font-size:.78rem;color:var(--accent);min-width:42px;text-align:right;font-variant-numeric:tabular-nums}input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:3px;background:#3a3628;border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg)}input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg)}.views{display:flex;gap:8px;flex-wrap:wrap}.hint{grid-column:span 2;font-size:.72rem;color:var(--muted);line-height:1.6;padding-top:6px;border-top:1px solid #2a2820}.hint strong{color:var(--text)}#drop-overlay{position:absolute;inset:0;background:#0e0d0bd1;display:none;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:1.4rem;color:var(--accent);pointer-events:none;border:2px dashed var(--accent)}#drop-overlay.active{display:flex}