:root{--bg:#f4f0e8;--panel:#ffffffc7;--panel-strong:#fff;--ink:#1c1917;--muted:#766f68;--line:#1c19171f;--accent:#ff6b35;--accent-strong:#e3541f;--accent-soft:#fff1e9;--success:#20705a;--shadow:0 24px 80px #2d231924;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(circle at 10% 10%, #ff6b351f, transparent 26rem), radial-gradient(circle at 88% 16%, #20705a1f, transparent 22rem), var(--bg);color:var(--ink);font-family:var(--font-sans);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}.capforge-shell{grid-template-rows:auto 1fr;gap:18px;min-height:100vh;padding:20px;display:grid}.topbar{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;display:flex}.brand{align-items:center;gap:12px;min-width:220px;display:flex}.brand-mark{color:#fff;letter-spacing:-.08em;background:#1c1917;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand-copy strong{letter-spacing:-.03em;font-size:18px;display:block}.brand-copy span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.topbar-status{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;font-size:13px;display:flex}.status-pill{border:1px solid var(--line);background:#ffffff9e;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;display:inline-flex}.status-dot{background:var(--success);border-radius:999px;width:8px;height:8px}.workspace{grid-template-columns:minmax(520px,1fr) minmax(360px,500px);gap:18px;min-height:0;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:0}.panel-inner{padding:18px}.panel-title{letter-spacing:-.02em;margin:0 0 6px;font-size:17px}.panel-subtitle{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.5}.control-panel{overflow:auto}.section{border-top:1px solid var(--line);padding:16px 0}.section:first-of-type{border-top:0;padding-top:0}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-heading h3{margin:0;font-size:14px}.section-heading span{color:var(--muted);font-size:12px}.option-grid{gap:10px;display:grid}.option-card{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;color:var(--ink);text-align:left;background:#ffffff8a;justify-content:space-between;align-items:center;gap:12px;padding:12px;transition:border-color .16s,background .16s,transform .16s;display:flex}.option-card:hover{border-color:#ff6b3559;transform:translateY(-1px)}.option-card.active{background:var(--accent-soft);border-color:#ff6b35b3}.option-copy strong{font-size:13px;display:block}.option-copy span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.35;display:block}.option-badge{color:var(--muted);background:#1c191714;border-radius:999px;flex:none;padding:5px 8px;font-size:11px}.color-grid{gap:10px;display:grid}.color-row{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff85;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.color-row label{gap:3px;display:grid}.color-row strong{font-size:13px}.color-row span{color:var(--muted);font-size:11px}.color-input{border:1px solid var(--line);background:#fff;border-radius:10px;width:42px;height:32px;padding:0}.preview-panel{min-height:640px;position:relative;overflow:hidden}.configurator-loading{place-items:center;display:grid}.preview-stage{position:absolute;inset:0}.surface-tools{z-index:3;border:1px solid var(--line);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffc;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.surface-tools strong,.surface-tools span{display:block}.surface-tools strong{font-size:13px}.surface-tools span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.4}.surface-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.surface-artwork-list{flex-wrap:wrap;gap:6px;max-width:320px;display:flex}.surface-artwork-chip{border:1px solid var(--line);min-height:30px;color:var(--muted);background:#ffffffa3;border-radius:999px;padding:0 10px;font-size:12px;font-weight:800}.surface-artwork-chip.active{background:var(--accent-soft);color:var(--accent-strong);border-color:#ff6b35b8}.surface-transform-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff94;gap:12px;margin:12px 0 14px;padding:12px;display:grid}.surface-transform-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.surface-transform-heading strong{font-size:13px}.surface-transform-heading span{color:var(--muted);font-size:12px}.surface-numeric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.surface-field{gap:5px;display:grid}.surface-field span{color:var(--muted);font-size:11px;font-weight:700}.surface-number-input{border:1px solid var(--line);min-width:0;height:36px;color:var(--ink);background:#ffffffd1;border-radius:12px;padding:0 10px;font-weight:800}.surface-number-input-invalid{background:#fff3edeb;border-color:#c84018b8}.surface-transform-actions{flex-wrap:wrap;gap:8px;display:flex}.press-repeat-button{touch-action:none;-webkit-user-select:none;user-select:none}.danger-button{color:#9b3d12}.preview-overlay{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:18px;left:18px;right:18px}.preview-label{border:1px solid var(--line);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc2;max-width:320px;padding:12px 14px}.preview-label strong{font-size:13px;display:block}.preview-label span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.45;display:block}.camera-actions{pointer-events:auto;gap:8px;display:flex}.icon-button,.primary-button,.secondary-button{border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.icon-button{border:1px solid var(--line);min-width:38px;height:38px;color:var(--ink);background:#ffffffc2;padding:0 12px}.model-select{border:1px solid var(--line);max-width:180px;height:38px;color:var(--ink);background:#ffffffd1;border-radius:999px;padding:0 34px 0 12px;font-weight:700}.primary-button{background:var(--accent);color:#fff;min-height:42px;padding:0 18px;box-shadow:0 12px 24px #ff6b3547}.primary-button:hover{background:var(--accent-strong)}.secondary-button{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#ffffffb8;padding:0 14px}.editor-panel{overflow:auto}.editor-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.artboard-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);background-color:#0000;background-image:linear-gradient(45deg,#1c191709 25%,#0000 25%),linear-gradient(-45deg,#1c191709 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1c191709 75%),linear-gradient(-45deg,#0000 75%,#1c191709 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:24px 24px;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;place-items:center;padding:14px;display:grid}.artboard{background:#fff;border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px #1c191724,0 18px 40px #1c19171f}.editor-hint{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.55}.summary-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff8f;margin-top:14px;padding:14px}.summary-card dl{grid-template-columns:1fr auto;gap:8px 12px;margin:0;font-size:13px;display:grid}.summary-card dt{color:var(--muted)}.summary-card dd{margin:0;font-weight:700}.price-line{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;margin-top:14px;padding-top:14px;display:flex}.price-line span{color:var(--muted);font-size:12px}.price-line strong{letter-spacing:-.04em;font-size:28px}.validation-list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.validation-list li{color:var(--success);background:#20705a17;border-radius:12px;padding:9px 10px;font-size:12px;line-height:1.4}.validation-list li.warning{color:#9b3d12;background:#ff6b351c}.config-json{border-radius:var(--radius-md);color:#f6efe7;white-space:pre-wrap;background:#211f1c;max-height:220px;padding:12px;font-size:11px;line-height:1.55;overflow:auto}@media (max-width:1180px){.workspace{grid-template-columns:1fr}.editor-panel{grid-column:1/-1}}@media (max-width:780px){.capforge-shell{padding:12px}.topbar{flex-direction:column;align-items:flex-start}.workspace{grid-template-columns:1fr}.preview-panel{min-height:520px}.preview-overlay{flex-direction:column}.surface-tools{grid-template-columns:1fr}.surface-actions{justify-content:flex-start}}