:root{--bg: #0e0e10;--surface: #161618;--panel: #1c1c20;--border: rgba(255, 255, 255, .08);--border-hi: rgba(255, 255, 255, .16);--text: #ede8de;--muted: #8a847d;--dim: #4a4742;--accent: #e09830;--accent-lo: rgba(224, 152, 48, .12);--accent-border: rgba(224, 152, 48, .35);--warn: #d7a060;--ff-head: "Syne", system-ui, -apple-system, sans-serif;--ff-body: "DM Sans", system-ui, -apple-system, sans-serif;--ff-mono: "JetBrains Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--ff-body);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.app-root{display:grid;grid-template-rows:auto auto 1fr;height:100%}.header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:var(--surface)}.header h1{font-family:var(--ff-head);font-size:1.1rem;font-weight:700;letter-spacing:.01em}.header h1 .accent{color:var(--accent)}.header .tag{font-size:.72rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.tabs{display:flex;gap:.25rem;padding:.5rem 1rem 0;border-bottom:1px solid var(--border);background:var(--surface)}.tab-button{background:transparent;border:1px solid transparent;border-bottom:none;padding:.55rem 1rem;color:var(--muted);cursor:pointer;border-radius:6px 6px 0 0;transition:background .12s,color .12s,border-color .12s}.tab-button:hover{color:var(--text)}.tab-button.active{background:var(--bg);color:var(--accent);border-color:var(--border);position:relative;top:1px}.workspace{display:grid;grid-template-columns:320px 1fr;min-height:0}.sidebar{border-right:1px solid var(--border);background:var(--surface);padding:1rem;overflow:auto}.main{display:grid;grid-template-rows:1fr 1fr;min-height:0}.preview-wrap{border-bottom:1px solid var(--border);background:var(--bg);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-wrap:last-child{border-bottom:none}.preview-label{position:absolute;top:.5rem;left:.75rem;font-size:.7rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-family:var(--ff-mono);z-index:1;pointer-events:none}.section-title{font-family:var(--ff-head);font-size:.82rem;font-weight:600;color:var(--text);margin-bottom:.5rem;padding-bottom:.4rem;border-bottom:1px solid var(--border);letter-spacing:.02em}.section-title:not(:first-child){margin-top:1rem}.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.65rem}.field label{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.field input[type=text],.field input[type=number],.field input[type=url],.field input[type=file],.field textarea,.field select{background:var(--panel);border:1px solid var(--border);padding:.4rem .6rem;border-radius:4px;color:var(--text);outline:none;transition:border-color .12s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent-border)}.field input:disabled{opacity:.45;cursor:not-allowed}.field input[type=color]{background:var(--panel);border:1px solid var(--border);height:36px;width:100%;border-radius:4px;cursor:pointer}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.check-row{display:flex;align-items:center;gap:.45rem;color:var(--text)!important;cursor:pointer}.check-row input{accent-color:var(--accent)}.swatch-row{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.2rem}.swatch-button{width:28px;height:28px;border-radius:4px;border:1px solid var(--border-hi);cursor:pointer}.swatch-button.active{outline:2px solid var(--accent);outline-offset:2px}.help{font-size:.7rem;color:var(--muted);line-height:1.4}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:.5rem .85rem;border-radius:5px;cursor:pointer;text-align:center;transition:border-color .12s,background .12s,color .12s}.btn:hover:not(:disabled){border-color:var(--border-hi)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent-lo);border-color:var(--accent-border);color:var(--accent)}.btn-primary:hover:not(:disabled){background:#e0983038;border-color:var(--accent)}.btn-stack{display:flex;flex-direction:column;gap:.5rem}.warning{border:1px solid rgba(215,160,96,.4);background:#d7a06014;color:var(--warn);padding:.5rem .7rem;border-radius:4px;font-size:.78rem;margin-bottom:.5rem}.empty-state{color:var(--muted);font-size:.85rem;text-align:center;padding:2rem;max-width:24rem}.dimensions{display:flex;gap:.6rem;flex-wrap:wrap;font-family:var(--ff-mono);font-size:.75rem;color:var(--muted)}.dimensions strong{color:var(--text);font-weight:500}.dropzone{border:2px dashed var(--border-hi);border-radius:6px;padding:1.25rem 1rem;text-align:center;cursor:pointer;transition:border-color .12s,background .12s}.dropzone:hover{border-color:var(--accent-border)}.dropzone.dragging{border-color:var(--accent);background:var(--accent-lo)}.dropzone .file-info{font-family:var(--ff-mono);font-size:.78rem;color:var(--text);margin-top:.4rem}.preview-svg{max-width:88%;max-height:88%;display:flex;align-items:center;justify-content:center}.preview-svg svg{max-width:100%;max-height:100%;height:auto;width:auto;display:block}.viewer3d-canvas{width:100%;height:100%;display:block}.viewer3d-canvas canvas{width:100%!important;height:100%!important;display:block}.muted{color:var(--muted)}.accent{color:var(--accent)}.divider{height:1px;background:var(--border);margin:.85rem 0}@media (max-width: 800px){html,body,#root{height:auto;min-height:100%}.app-root{min-height:100vh;height:auto}.header{gap:1rem;padding:.7rem 1rem}.header .tag{max-width:11rem;text-align:right}.tabs{overflow-x:auto;padding-inline:1rem}.tab-button{flex:0 0 auto}.workspace{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);overflow:visible}.main{grid-template-rows:minmax(280px,42vh) minmax(360px,52vh);min-height:700px}.preview-label{max-width:calc(100% - 1.5rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}