:root{--bg:#070709;--panel:#111116;--line:rgba(255,255,255,.12);--muted:rgba(255,255,255,.46);--purple:#9d4dff;--cyan:#5feddf;--white:#f7f7f5}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--white)}body{font-family:Arial,Helvetica,sans-serif;background-image:radial-gradient(circle at 20% 0,rgba(157,77,255,.13),transparent 35%),radial-gradient(circle at 100% 100%,rgba(95,237,223,.08),transparent 34%)}button,input{font:inherit}button{color:inherit}.shell{width:min(1600px,100%);margin:0 auto;padding:48px 22px 70px}.header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}.kicker{display:inline-block;padding:7px 10px;border:1px solid #000;background:var(--cyan);color:#000;font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em;box-shadow:3px 3px 0 var(--purple);transform:rotate(-1deg)}h1{margin:14px 0 0;font-size:clamp(48px,7vw,108px);line-height:.86;letter-spacing:-.065em;text-transform:lowercase}h1 span{color:#b778ff}.header p{max-width:380px;margin:0;color:var(--muted);font:700 12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.55fr);grid-gap:18px;gap:18px}.panel,.stageCard{border:1px solid var(--line);background:rgba(15,15,20,.88);box-shadow:0 18px 60px rgba(0,0,0,.25)}.stageCard{padding:10px;border-radius:18px}.stage{position:relative;min-height:68vh;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px dashed rgba(255,255,255,.18);border-radius:12px;background:#030303;transition:.18s ease}.stage.dragging{border-color:var(--cyan);background:rgba(95,237,223,.05)}.uploadPrompt{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 30px;border:0;background:transparent;cursor:pointer}.uploadPrompt strong{font-size:clamp(26px,4vw,48px);letter-spacing:-.04em}.uploadPrompt small{color:var(--muted);font:700 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.uploadIcon{font-size:72px;color:var(--cyan);text-shadow:4px 4px 0 var(--purple)}.canvas{display:none;max-width:100%;max-height:76vh;object-fit:contain}.canvas.visible{display:block}.badges{position:absolute;left:12px;top:12px;display:flex;flex-wrap:wrap;gap:8px;pointer-events:none}.badges span{padding:6px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(0,0,0,.78);font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.badges span:first-child{background:var(--cyan);color:#000;border-color:#000;box-shadow:2px 2px 0 var(--purple)}.stageFooter{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 4px 2px}.fileMeta{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.buttonRow{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.button{min-height:38px;padding:0 14px;border-radius:9px;border:1px solid var(--line);font:900 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;cursor:pointer}.button:disabled{opacity:.3;cursor:default}.button.primary{background:var(--purple);border-color:#bf8cff;color:white;box-shadow:3px 3px 0 #000}.button.secondary{background:#17171d}.sidebar{display:flex;flex-direction:column;gap:14px}.panel{border-radius:16px;padding:15px}.panelTitle{color:rgba(255,255,255,.7);font:900 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em}.panelHead{display:flex;justify-content:space-between;align-items:center}.modeGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:12px}.modeButton{min-height:92px;padding:12px;text-align:left;border-radius:11px;border:1px solid var(--line);background:#17171d;font-weight:900;cursor:pointer}.modeButton small{display:block;margin-top:7px;color:var(--muted);font:700 9px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.modeButton.active{border-color:var(--cyan);box-shadow:inset 0 0 0 1px rgba(95,237,223,.4);background:rgba(95,237,223,.06)}.controls{display:flex;flex-direction:column;gap:9px}.control{display:block;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025)}.controlLabel{display:flex;justify-content:space-between;gap:15px;margin-bottom:9px;color:var(--muted);font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.controlLabel b{color:var(--cyan)}.control input{width:100%;accent-color:var(--purple);cursor:pointer}.textButton{border:0;background:transparent;color:var(--muted);font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;cursor:pointer}.seedPanel{display:flex;justify-content:space-between;align-items:center;gap:14px}.seedValue{margin-top:7px;color:var(--cyan);font:800 17px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.info{padding:14px;border:1px solid rgba(95,237,223,.14);border-radius:13px;background:rgba(95,237,223,.04);color:var(--muted);font:700 10px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.info b{color:var(--cyan)}.error{margin-top:9px;padding:10px 12px;border:1px solid rgba(255,80,110,.45);border-radius:9px;background:rgba(255,80,110,.08);color:#ff9bac;font:800 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}@media (max-width:980px){.shell{padding:28px 12px 50px}.header{align-items:flex-start;flex-direction:column}.workspace{grid-template-columns:1fr}.stage{min-height:55vh}}@media (max-width:620px){.stageFooter{align-items:stretch;flex-direction:column}.buttonRow{justify-content:stretch}.buttonRow .button{flex:1 1}.modeGrid{grid-template-columns:1fr}}