:root{--bg:#121212;--bg-raised:#1a1a1a;--bg-card:#222226;--border:#34343a;--text:#f5f7fb;--text-dim:#9ca3af;--accent:#1a6bf9;--accent-soft:rgba(26,107,249,0.16);--danger:#d85a30;--radius:10px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;min-height:100vh}.frame{max-width:980px;margin:0 auto;padding:0 1.5rem 4rem}.topbar{display:flex;align-items:center;gap:14px;padding:18px 0;margin-bottom:8px}.topbar .brand-logo{height:44px;width:auto}.topbar h1{font-size:17px;font-weight:650}.topbar .sub{color:var(--text-dim);font-size:13px;margin-left:auto}.progress{display:flex;gap:6px;margin-bottom:28px}.progress .seg{flex:1 1;height:4px;border-radius:2px;background:var(--border);transition:background .25s}.progress .seg.done{background:var(--accent)}.step h2{font-size:24px;font-weight:700;margin-bottom:6px}.step .lead{color:var(--text-dim);margin-bottom:26px;max-width:620px}.nav-row{display:flex;gap:10px;margin-top:34px}.btn{padding:10px 22px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:14px;font-weight:550;cursor:pointer;transition:all .15s}.btn:hover{border-color:var(--text-dim)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.1)}.btn.primary:disabled{opacity:.4;cursor:not-allowed;filter:none}.btn.ghost{background:transparent}.field{margin-bottom:18px;max-width:440px}.field label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:6px;font-weight:550}.field input[type=number],.field input[type=text],.field select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-raised);color:var(--text);font-size:14px}.field input:focus,.field select:focus{outline:none;border-color:var(--accent)}.layout-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.layout-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);padding:16px;cursor:pointer;transition:all .15s;text-align:left}.layout-card:hover{border-color:var(--text-dim)}.layout-card.selected{border-color:var(--accent);background:var(--accent-soft)}.layout-card h3{font-size:15px;margin:12px 0 4px}.layout-card p{font-size:12.5px;color:var(--text-dim)}.wire{width:100%;aspect-ratio:16/10;border:1px solid var(--border);border-radius:6px;display:flex;overflow:hidden;background:var(--bg-raised)}.wire .w-rail{width:22%;background:var(--border)}.wire .w-rail.slim{width:9%}.wire .w-main{flex:1 1;display:flex;flex-direction:column}.wire .w-top{height:18%;background:var(--border);margin:4px;border-radius:3px}.wire .w-banner{height:14%;background:#3a4250;margin:4px;border-radius:3px}.wire .w-body{flex:1 1;margin:4px;border-radius:3px;background:repeating-linear-gradient(45deg,var(--bg-card),var(--bg-card) 6px,var(--bg-raised) 6px,var(--bg-raised) 12px)}.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.tile{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);padding:14px 16px;cursor:pointer;transition:all .15s}.tile:hover{border-color:var(--text-dim)}.tile.on{border-color:var(--accent);background:var(--accent-soft)}.tile .t-head{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.tile .t-blurb{font-size:12px;color:var(--text-dim);margin-top:3px}.tile .t-check{margin-left:auto;color:var(--accent);font-weight:700;opacity:0}.tile.on .t-check{opacity:1}.rank-list{display:flex;flex-direction:column;gap:8px;max-width:480px;margin-top:20px}.rank-item{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:10px 14px;cursor:-webkit-grab;cursor:grab;font-size:14px}.rank-item.dragging{opacity:.35}.rank-item .r-num{width:24px;height:24px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.rank-item .grip{margin-left:auto;color:var(--text-dim);letter-spacing:2px}.role-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:14px}.role-block h3{font-size:15px}.role-block .r-blurb{font-size:12.5px;color:var(--text-dim);margin-bottom:12px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg-raised);font-size:13px;cursor:pointer;transition:all .15s}.chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.lead-row{margin-top:12px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-dim)}.lead-row select{padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-raised);color:var(--text)}.swatch-row{display:flex;gap:10px;align-items:center}.swatch{width:34px;height:34px;border-radius:8px;cursor:pointer;border:2px solid transparent}.swatch.on{border-color:#fff}.theme-pick{display:flex;gap:12px;margin-top:6px}.theme-opt{flex:1 1;max-width:160px;padding:14px;border-radius:var(--radius);border:2px solid var(--border);cursor:pointer;text-align:center;font-size:13px;font-weight:550}.theme-opt.on{border-color:var(--accent)}.theme-opt.light-demo{background:#e8f0ff;color:#1a1a1a}.theme-opt.dark-demo{background:#141417;color:#f5f7fb}.mission-ninja{height:130px;width:auto}.mission-head{gap:18px;margin-bottom:6px}.mission-head,.preview-bar{display:flex;align-items:center}.preview-bar{gap:12px;margin-bottom:14px;flex-wrap:wrap}.preview-bar .hint{font-size:13px;color:var(--text-dim)}.toggle{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}.toggle button{padding:6px 16px;font-size:12.5px;border:none;cursor:pointer;background:transparent;color:var(--text-dim);font-weight:550}.toggle button.on{background:var(--accent);color:#fff}.model{border:1px solid var(--border);border-radius:12px;overflow:hidden}.model.light{--m-bg:#f5f8ff;--m-card:#ffffff;--m-border:#dce6fb;--m-text:#1a1a1a;--m-dim:#6b7280}.model.dark{--m-bg:#141417;--m-card:#1f1f24;--m-border:#34343a;--m-text:#f5f7fb;--m-dim:#9ca3af}.model{background:var(--m-bg);color:var(--m-text)}.m-frame{display:flex;min-height:380px}.m-rail{width:168px;background:var(--m-card);border-right:1px solid var(--m-border);padding:12px 8px}.m-rail.slim{width:52px}.m-rail .m-nav-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;font-size:12.5px;color:var(--m-dim);margin-bottom:2px;white-space:nowrap;overflow:hidden}.m-rail .m-nav-item.active{background:var(--accent);color:#fff}.m-main{flex:1 1;display:flex;flex-direction:column}.m-topnav{display:flex;gap:4px;padding:10px 14px;background:var(--m-card);border-bottom:1px solid var(--m-border)}.m-topnav .m-nav-item{padding:6px 12px;border-radius:6px;font-size:12.5px;color:var(--m-dim)}.m-topnav .m-nav-item.active{background:var(--accent);color:#fff}.m-banner{gap:10px;padding:10px 16px;background:var(--m-card);border-bottom:1px solid var(--m-border);font-size:12.5px}.m-banner,.m-banner .m-avatar{display:flex;align-items:center}.m-banner .m-avatar{width:26px;height:26px;border-radius:50%;background:var(--accent);justify-content:center;color:#fff;font-size:11px;font-weight:700}.m-banner .m-dim{color:var(--m-dim)}.m-banner .m-theme-btn{margin-left:auto;font-size:11px;padding:4px 10px;border-radius:999px;border:1px solid var(--m-border);background:transparent;color:var(--m-dim);cursor:pointer}.m-work{flex:1 1;padding:14px;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;align-content:start}.m-card{background:var(--m-card);border:1px solid var(--m-border);border-radius:9px;padding:12px 14px;min-height:86px;font-size:12.5px}.m-card .m-card-head{display:flex;align-items:center;gap:6px;font-weight:650;margin-bottom:6px}.m-card .m-line{height:7px;border-radius:3px;background:var(--m-border);margin-top:6px}.m-card .m-line.short{width:60%}.m-card.draggable{cursor:-webkit-grab;cursor:grab}.m-card.dragging{opacity:.35;border-style:dashed}.m-edit-on .m-card{border-color:var(--accent);border-style:dashed}.build-box{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:16px;font-family:ui-monospace,monospace;font-size:12px;max-height:380px;overflow:auto;white-space:pre;color:#9ecbff}.build-actions{display:flex;gap:10px;margin:16px 0}.big-build{width:100%;padding:16px;font-size:17px;font-weight:700;border-radius:12px;border:none;cursor:pointer;background:var(--accent);color:#fff;transition:filter .15s}.big-build:hover{filter:brightness(1.12)}.summary-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:24px}.summary-item{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-size:13px}.summary-item .s-label{color:var(--text-dim);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}@media (max-width:720px){.layout-grid,.m-work,.summary-grid,.tile-grid{grid-template-columns:1fr}}