:root{--bg: #06140c;--panel: rgba(8, 28, 16, .78);--yellow: #e8ff47;--pink: #ff3cac;--cream: #f4f0e1;--muted: #8aa090;--ink: #06140c;--line: rgba(232, 255, 71, .22);--font-display: "Syne", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--font-poster: "Bebas Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;background:var(--bg);color:var(--cream);font-family:var(--font-display)}body{background:radial-gradient(1200px 600px at 80% -10%,rgba(232,255,71,.12),transparent 55%),radial-gradient(900px 500px at -10% 90%,rgba(255,60,172,.12),transparent 50%),var(--bg)}body:before{content:"";pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");z-index:0}button,input,textarea{font:inherit;color:inherit}a{color:var(--yellow)}.app{position:relative;z-index:1;height:100dvh;max-width:1440px;margin:0 auto;padding:8px 16px 10px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:6px;overflow:hidden}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.brand-mark{display:flex;flex-direction:column;gap:2px}.brand-mark h1{font-family:var(--font-poster);font-size:clamp(28px,4vw,44px);line-height:.9;color:var(--yellow)}.brand-mark h1 span{color:var(--pink)}.layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:18px;min-height:0;height:100%}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px;position:relative;overflow-x:hidden;overflow-y:auto;min-height:0;height:100%}.panel:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(255,60,172,.25);pointer-events:none}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.modes button{background:transparent;border:1px solid var(--line);color:var(--muted);padding:8px 4px;cursor:pointer;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.modes button.active{background:var(--yellow);color:var(--ink);border-color:var(--yellow);font-weight:600}.field{margin-bottom:8px}.field label{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--pink);margin-bottom:4px}.field input,.field textarea{width:100%;background:#00000047;border:1px solid var(--line);padding:8px 10px;outline:none;color:var(--cream)}.field input:focus,.field textarea:focus{border-color:var(--yellow)}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chips{display:flex;flex-wrap:wrap;gap:5px}.chips button{background:transparent;border:1px solid var(--line);color:var(--muted);padding:5px 8px;cursor:pointer;font-family:var(--font-mono);font-size:10px}.chips button.on{border-color:var(--yellow);color:var(--yellow)}.drop{border:1px dashed var(--line);min-height:58px;display:grid;place-items:center;text-align:center;padding:8px;cursor:pointer;color:var(--muted);font-family:var(--font-mono);font-size:11px;line-height:1.4;margin-bottom:8px}.drop:hover,.drop.hot{border-color:var(--yellow);color:var(--yellow);background:#e8ff470d}.drop input{display:none}.drop b{color:var(--cream)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.btn{border:0;cursor:pointer;padding:12px 10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}.btn.primary{background:var(--yellow);color:var(--ink)}.btn.ghost{background:transparent;color:var(--yellow);border:1px solid var(--yellow)}.btn.pink{background:var(--pink);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.preview-wrap{min-height:0;height:100%;display:flex;flex-direction:column}.stage{flex:1;min-height:0;overflow:hidden;display:grid;place-items:center}.stage canvas{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;background:#f6f1e4;box-shadow:0 20px 50px #0006;cursor:grab;touch-action:none}.stage canvas:active{cursor:grabbing}.crew-uploads{display:grid;gap:8px}.regen{background:none;border:0;color:var(--yellow);cursor:pointer;font-family:var(--font-mono);font-size:11px}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--yellow);color:var(--ink);font-family:var(--font-mono);font-size:12px;padding:10px 14px;z-index:20}.mobile-bar{display:none}@media(max-width:900px){html,body,#root{height:auto;overflow:auto}.app{height:auto;display:block;padding-bottom:96px;overflow:visible}.layout{grid-template-columns:1fr;height:auto}.preview-wrap{height:auto}.stage{min-height:52vh;height:auto}.stage canvas{max-height:68vh;width:100%;height:auto}.panel{overflow:visible;height:auto}.actions{display:none}.mobile-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,#06140c 70%,transparent);z-index:15}}