:root{--bg: #0e1015;--panel: #171a21;--panel-2: #1e222b;--line: #2a2f3a;--text: #e8eaee;--muted: #949bab;--accent: #4c8dff;--radius: 14px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:1280px;margin:0 auto;padding:20px 16px 40px}.header h1{margin:0;font-size:22px;letter-spacing:-.01em}.header p{margin:4px 0 20px;color:var(--muted);font-size:14px}.main{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:18px;align-items:start}.pane{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.chat-pane{display:flex;flex-direction:column;min-height:520px}.chat{flex:1;overflow-y:auto;padding:16px;max-height:46vh}.msg{display:flex;margin-bottom:10px}.msg.user{justify-content:flex-end}.bubble{max-width:88%;padding:10px 13px;border-radius:14px;background:var(--panel-2);border:1px solid var(--line)}.msg.user .bubble{background:var(--accent);border-color:transparent}.bubble p{margin:0}.bubble p+*{margin-top:8px}.bubble-image{display:block;max-width:220px;border-radius:9px}.dots{display:inline-flex;gap:4px;margin-top:8px}.dots i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:blink 1.2s infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.25}30%{opacity:1}}.composer{border-top:1px solid var(--line);padding:14px;display:grid;gap:12px}.composer-row{display:flex;gap:8px}.composer-row input{flex:1;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit}.composer-row input:focus{outline:2px solid var(--accent);outline-offset:-1px}.btn{padding:10px 16px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit;font-weight:500;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.tiny{padding:4px 10px;font-size:12px}.btn.primary{background:var(--accent);border-color:transparent;color:#fff;width:100%}.image-input{text-align:center}.pick-row{display:flex;gap:8px}.pick-row .btn{flex:1}.pick-row .btn.tiny{padding:4px 10px;font-size:12px}.btn.primary{width:auto}.hint{margin:6px 0 0;font-size:12px;color:var(--muted)}.restart .btn.tiny{padding:4px 10px;font-size:12px}.btn.primary{background:transparent;border:1px dashed var(--line);color:var(--muted)}.restart .hint{display:none}.materials{display:grid;gap:8px}.custom-material{display:flex;gap:8px}.custom-material input{flex:1;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit}.custom-material input:focus{outline:2px solid var(--accent);outline-offset:-1px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:11px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit;text-align:left;cursor:pointer}.card:hover:not(:disabled){border-color:var(--accent)}.card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.card:disabled{opacity:.5;cursor:not-allowed}.card-swatch{width:30px;height:30px;border-radius:8px;flex:none;border:1px solid rgba(255,255,255,.14)}.card-text{display:flex;flex-direction:column;min-width:0}.card-text small{color:var(--muted);font-size:11.5px}.view-pane{padding:14px}.viewer{width:100%}.stage{position:relative;width:100%;border-radius:10px;overflow:hidden;background:#000;isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:none}.layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.stage .base{position:relative;display:block;height:auto}.after{position:absolute;top:0;right:0;bottom:0;left:0}.before{object-fit:cover;pointer-events:none}.floor{object-fit:fill}.tint{mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mix-blend-mode:multiply;pointer-events:none}.split-line{position:absolute;top:0;bottom:0;width:2px;background:#ffffffd9;transform:translate(-1px);pointer-events:none}.split-handle{position:absolute;top:50%;width:38px;height:38px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #fff;background:#0000008c;color:#fff;font-size:12px;cursor:ew-resize;display:grid;place-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.stage-tag{position:absolute;bottom:10px;padding:3px 8px;border-radius:999px;background:#0000008c;font-size:11px;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.stage-tag.left{left:10px}.stage-tag.right{right:10px}.placeholder{display:grid;place-items:center;min-height:320px;color:var(--muted)}.controls{margin-top:14px;display:grid;gap:12px}.controls-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.controls-label{width:62px;flex:none;color:var(--muted);font-size:13px}.controls-value{width:42px;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.presets{display:flex;gap:6px;flex-wrap:wrap}.preset{width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.16);cursor:pointer;padding:0}.preset.selected{box-shadow:0 0 0 2px var(--accent)}.preset.custom{position:relative;overflow:hidden;display:grid;place-items:center}.preset.custom:after{content:"+";color:#0009;font-size:16px;font-weight:700}.preset.custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.slider{flex:1;min-width:140px;accent-color:var(--accent)}@media(max-width:900px){.main{grid-template-columns:1fr}.chat{max-height:34vh}}