*{box-sizing:border-box}body{margin:0;background:#0a0e18;color:#e2e8f0;font-family:Barlow Condensed,system-ui,sans-serif}#studio{max-width:1180px;margin:0 auto;padding:20px 24px 80px}.studio-header{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.studio-header h1{font-size:22px;letter-spacing:.08em;text-transform:uppercase;margin:0}.studio-header a{color:#7dd3fc;text-decoration:none;font-size:13px}.studio-header a:hover{text-decoration:underline}.studio-sub{color:#94a3b8;font-size:13px;margin:6px 0 18px;max-width:72ch}.theme-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.theme-tab{background:#131a2b;border:1px solid #273454;border-radius:10px;color:#cbd5e1;font:600 13px Barlow Condensed,system-ui,sans-serif;padding:8px 14px;cursor:pointer;display:flex;align-items:center;gap:8px}.theme-tab:hover{border-color:#3b82f6}.theme-tab.selected{background:#1c2a4a;border-color:#60a5fa;color:#f8fafc}.theme-tab .badge{font-size:10px;letter-spacing:.06em;padding:2px 6px;border-radius:6px;background:#292036;color:#d8b4fe}.theme-tab .badge.free{background:#14301f;color:#86efac}.theme-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}.theme-meta .desc{color:#94a3b8;font-size:13px}.use-theme{background:#1d4ed8;border:none;border-radius:8px;color:#fff;font:700 13px Barlow Condensed,system-ui,sans-serif;padding:9px 16px;cursor:pointer}.use-theme:hover{background:#2563eb}.use-theme.active{background:#14532d;color:#bbf7d0;cursor:default}section{margin-bottom:34px}section>h2{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#7dd3fc;border-bottom:1px solid #1e293b;padding-bottom:8px;margin:0 0 6px}section>.hint{color:#64748b;font-size:12px;margin:0 0 14px}section>.hint code{font-family:JetBrains Mono,monospace;color:#94a3b8;background:#0f1524;padding:1px 5px;border-radius:4px}.board-wrap{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.board-scroll{border:1px solid #1e293b;border-radius:12px;overflow-y:auto;max-height:76vh;background:#060912;flex:0 0 auto}.board-scroll canvas{display:block;width:340px;height:auto}.board-notes{flex:1 1 320px;min-width:280px;color:#94a3b8;font-size:13px;line-height:1.6}.board-notes h3{color:#e2e8f0;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px}.board-notes ul{margin:0 0 16px;padding-left:18px}.board-notes code{font-family:JetBrains Mono,monospace;color:#cbd5e1;background:#0f1524;padding:1px 5px;border-radius:4px}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px}.tile{background:#0f1524;border:1px solid #1e293b;border-radius:10px;padding:10px 8px 8px;text-align:center}.tile canvas{display:block;margin:0 auto 6px;background:repeating-conic-gradient(#111827,#111827 25%,#0d1320 0%,#0d1320 50%) 0 0 / 16px 16px;border-radius:8px}.tile .tile-name{font-size:12px;font-weight:600;color:#e2e8f0;line-height:1.25}.tile .tile-id{font-family:JetBrains Mono,monospace;font-size:10px;color:#64748b;margin-top:2px;word-break:break-all}.tile .tile-tag{display:inline-block;margin-top:5px;font-size:10px;letter-spacing:.05em;color:#7dd3fc;background:#10233a;border-radius:5px;padding:1px 6px}.unit-group{margin-bottom:18px}.unit-group h3{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin:0 0 10px}