:root{--bg: #0b0c10;--panel: #121318;--panel-2: #1a1c22;--text: #e6e6e6;--muted: #a0a0a0;--accent: #4ea1ff}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text)}.app-grid{display:grid;grid-template-columns:420px 1fr;height:100%;gap:12px;padding:12px;box-sizing:border-box}.left-panel{display:flex;flex-direction:column;gap:12px}.card{background:var(--panel);border:1px solid #22252f;border-radius:8px;padding:10px}.card h3{margin:0 0 8px;font-size:14px;color:var(--muted);font-weight:600}textarea{width:100%;height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;background:var(--panel-2);color:var(--text);border:1px solid #23262f;border-radius:6px;padding:8px}.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.controls input[type=range]{width:160px}.stage-wrap{position:relative;overflow:auto;background:#0f1014;border-radius:8px;border:1px solid #22252f}.hud{position:absolute;top:8px;right:8px;background:#0000008c;color:#fff;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);font-size:12px;display:grid;gap:2px}.item{position:absolute;transform:translate(-50%,-50%);cursor:move;padding:2px 6px;background:#ffeb3b8c;border:1px solid rgba(255,235,59,.8);border-radius:4px;-webkit-user-select:none;user-select:none;white-space:nowrap;color:#1a1a1a;font-weight:600}.item.selected{background:#4ea1ff8c;border-color:#4ea1ffe6}.credit{position:fixed;left:24px;bottom:16px;z-index:9999;pointer-events:auto;text-decoration:none;font-size:12px;color:#c7d1e0;background:linear-gradient(180deg,#121318d9,#0a0b0ed9);padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);box-shadow:0 6px 18px #00000059,inset 0 0 0 1px #ffffff0a}.credit:hover{box-shadow:0 10px 24px #00000073,inset 0 0 0 1px #ffffff0f}.credit .by{color:#9fb4d9;letter-spacing:.2px}.credit .name{color:#4ea1ff;font-weight:700}.credit .name.pulse-red{color:#ff4d4d!important;animation:breathe 2.2s ease-in-out infinite}@keyframes breathe{0%{text-shadow:0 0 0px rgba(255,77,77,0);filter:drop-shadow(0 0 0px rgba(255,77,77,0));transform:translateZ(0) scale(1)}50%{text-shadow:0 0 10px rgba(255,77,77,.95);filter:drop-shadow(0 0 10px rgba(255,77,77,.9));transform:translateZ(0) scale(1.04)}to{text-shadow:0 0 0px rgba(255,77,77,0);filter:drop-shadow(0 0 0px rgba(255,77,77,0));transform:translateZ(0) scale(1)}}.login-wrap{height:100%;display:grid;place-items:center;position:relative}.login-logo{position:static;width:120px;height:auto;object-fit:contain;border-radius:10px;filter:grayscale(1);box-shadow:0 6px 18px #00000059;margin:0 auto 8px;display:block}.login-card{width:360px;background:var(--panel);border:1px solid #22252f;border-radius:10px;padding:18px;display:grid;gap:8px}.login-card h2{margin:0 0 8px;font-size:18px;color:var(--text)}.login-card label{font-size:12px;color:var(--muted)}.login-card input{height:36px;border-radius:8px;border:1px solid #23262f;background:var(--panel-2);color:var(--text);padding:0 10px}.login-card button{height:36px;border-radius:8px;border:1px solid #2b3444;background:#2c3750;color:#fff;cursor:pointer}.login-error{color:#ff6b6b;font-size:12px}.select-rect{position:absolute;border:1px dashed #4ea1ff;background:#4ea1ff26;pointer-events:none}