*{box-sizing:border-box}:root{color:#e6ecf8;background:radial-gradient(circle at 20% 20%,rgba(84,113,255,.12),transparent 32%),radial-gradient(circle at 80% 10%,rgba(0,200,160,.18),transparent 28%),#0b0d12;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}body{margin:0;min-height:100vh}#app{height:100vh;width:100vw}.page{display:grid;grid-template-columns:3fr 1.2fr;gap:20px;height:100%;padding:18px 18px 14px}.viewer{position:relative;background:linear-gradient(145deg,#161a24e6,#0a0c12e6);border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;box-shadow:0 10px 50px #00000073}.viewer.dragging{border-color:#6ee7ff;box-shadow:0 0 0 2px #6ee7ff4d}.viewer canvas{width:100%;height:100%;display:block}.drop-help{position:absolute;inset:0;display:grid;place-content:center;gap:8px;text-align:center;pointer-events:none;color:#e6ecf8a6;font-weight:600;letter-spacing:.4px;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:opacity .2s ease}.viewer.has-mesh .drop-help{opacity:0}.drop-help .eyebrow{text-transform:uppercase;font-size:14px;letter-spacing:3px;color:#ffffffa6}.drop-help .fine-print{font-size:13px;color:#ffffff80}.side{display:flex;flex-direction:column;gap:12px;padding:16px;background:#141820e6;border:1px solid rgba(255,255,255,.06);border-radius:14px;box-shadow:0 10px 40px #00000059}.header{display:flex;align-items:center;gap:12px}.title{font-size:18px;font-weight:700;margin:0}.subtitle{margin-top:4px;font-size:13px;color:#e6ecf8a6}.hint{font-size:13px;color:#e6ecf8b3}.primary{appearance:none;border:none;background:#2563eb;color:#fff;padding:10px 16px;border-radius:10px;font-weight:700;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease}.primary:hover{transform:translateY(-1px);box-shadow:0 8px 30px #2563eb59}.primary:active{transform:translateY(0);box-shadow:none}.debug{display:grid;gap:6px;padding:12px;background:#ffffff08;border-radius:10px;border:1px dashed rgba(255,255,255,.08)}.debug .row{display:flex;justify-content:space-between;gap:10px;font-size:13px}.debug .row span:first-child{color:#e6ecf899}.debug .row span:last-child{color:#e6ecf8;font-weight:600}.log{flex:1;background:#00000059;border-radius:10px;border:1px solid rgba(255,255,255,.05);padding:12px;font-family:SFMono-Regular,JetBrains Mono,Fira Code,monospace;font-size:12px;color:#e6ecf8e6;white-space:pre-wrap;overflow:auto;line-height:1.35}@media(max-width:960px){.page{grid-template-columns:1fr;padding:12px}.side{order:-1}}.page.sidebar-collapsed{grid-template-columns:1fr}.page.sidebar-collapsed .side{display:none}.sidebar-toggle{position:absolute;top:16px;right:16px;z-index:10;width:36px;height:36px;border-radius:8px;background:#0006;border:1px solid rgba(255,255,255,.1);color:#fffc;display:grid;place-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-toggle:hover{background:#ffffff1a;color:#fff}.sidebar-toggle svg{width:20px;height:20px}