:root{--bg: #0b0808;--panel: #131010;--line: #2b1815;--red: #ff2617;--red-deep: #a11005;--text: #f2e9e4;--muted: #8a7770}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(120% 60% at 50% -10%,rgba(161,16,5,.18),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),var(--bg);color:var(--text);font-family:Zen Kaku Gothic New,sans-serif;overflow:hidden}#app{height:100dvh;display:grid;grid-template-rows:auto 1fr auto auto;grid-template-columns:minmax(0,1fr);gap:12px;padding:16px clamp(16px,4vw,40px)}.topbar{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.brand{font-family:Reggae One,cursive;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:400;letter-spacing:.02em;transform:skew(-4deg);text-shadow:2px 0 rgba(255,38,23,.55),-2px 0 rgba(0,200,255,.22)}.brand span{color:var(--red);text-shadow:none}.tagline{font-size:.85rem;font-weight:700;color:var(--muted);letter-spacing:.14em}.proto-badge{margin-left:auto;font-size:.68rem;letter-spacing:.12em;color:var(--red);border:1px solid var(--red-deep);padding:4px 10px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.stage-wrap{display:flex;align-items:center;justify-content:center;min-height:0;position:relative}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#06030399;z-index:2}.loading[hidden]{display:none}.spinner{width:42px;height:42px;border:3px solid rgba(255,38,23,.2);border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#loading-text{font-size:.85rem;font-weight:700;color:var(--text);letter-spacing:.08em;text-shadow:0 2px 8px rgba(0,0,0,.8)}#stage{max-width:100%;max-height:100%;border:1px solid var(--line);box-shadow:0 0 80px #ff1e0a24,0 20px 60px #0009;touch-action:none;cursor:grab}.ai-status{font-size:.72rem;color:var(--muted);letter-spacing:.04em;max-width:240px}.controls{display:flex;align-items:center;gap:clamp(12px,3vw,28px);flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);padding:14px 18px}.control{display:flex;align-items:center;gap:10px}.gauge-block{flex:1 1 260px}.gauge-block label{font-weight:700;font-size:.85rem;letter-spacing:.1em;white-space:nowrap;color:var(--red)}.gauge-readout{font-family:Reggae One,cursive;font-size:1.3rem;min-width:2.2em;text-align:right;color:var(--red)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:4px;background:linear-gradient(90deg,#3a0f0a,var(--red));outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--red);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border:none;border-radius:0;background:var(--red);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.aspects{gap:0}.aspects button{font-family:inherit;font-size:.8rem;font-weight:700;color:var(--muted);background:transparent;border:1px solid var(--line);border-left-width:0;padding:8px 14px;cursor:pointer;transition:color .15s,background .15s;white-space:nowrap}.aspects button:first-child{border-left-width:1px}.aspects button:hover{color:var(--text)}.aspects button.is-active{color:#fff;background:var(--red-deep);border-color:var(--red-deep)}.btn{font-family:inherit;font-size:.85rem;font-weight:700;color:var(--text);background:transparent;border:1px solid var(--line);padding:9px 18px;cursor:pointer;transition:border-color .15s,transform .1s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:wait;transform:none}.btn:hover{border-color:var(--red);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-red{background:var(--red-deep);border-color:var(--red-deep);color:#fff}.btn-red:hover{background:var(--red);border-color:var(--red)}.seed{margin-left:auto;font-size:.7rem;letter-spacing:.14em;color:var(--muted)}.seed span{color:var(--text)}.disclaimer{font-size:.68rem;color:var(--muted);text-align:center;letter-spacing:.06em}@media(max-width:640px){#app{padding:12px}.proto-badge{display:none}.seed{margin-left:0}.controls{gap:10px;padding:10px 12px}.photo-block{flex-basis:100%}.photo-block .ai-status{flex:1;max-width:none}.gauge-block{flex-basis:100%}.aspects button{padding:7px 10px}.btn{padding:8px 12px;font-size:.8rem}}