.cbw{--ink:#0E2233;--ink-deep:#0A1A28;--win:#0E9F6E;--win-dark:#0B7D57;--alert:#E0842A;--lost:#C43D2A;--bg:#F4F6F9;--surface:#FFFFFF;--line:#DCE3EC;--muted:#5A6B7B;--ink-soft:#33475B;font-family:Inter,system-ui,sans-serif;color:var(--ink);line-height:1.6;max-width:760px;margin:0 auto;padding:40px 24px 96px}.cbw *{box-sizing:border-box}.cbw a{color:inherit}.cbw h1{font-size:30px;letter-spacing:-.02em}.cbw h1,.cbw h2{font-family:Archivo,sans-serif;font-weight:800;margin:0 0 6px}.cbw h2{font-size:22px;letter-spacing:-.01em}.cbw .intro{color:var(--ink-soft);font-size:15.5px;margin:0 0 24px;max-width:560px}.cbw .mono{font-family:IBM Plex Mono,monospace}.cbw .steps{gap:6px;margin-bottom:30px;flex-wrap:wrap}.cbw .steps,.cbw .steps .s{display:flex;align-items:center}.cbw .steps .s{gap:9px;padding:5px 13px 5px 5px;border-radius:999px;font-size:13.5px;color:var(--muted);font-weight:500}.cbw .steps .s.active{background:#EAF7F1;color:var(--ink);font-weight:600}.cbw .steps .s .dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);font-size:12px;font-weight:600;color:var(--muted);background:#fff}.cbw .steps .s.active .dot{border-color:var(--win);background:var(--win);color:#fff}.cbw .steps .s.done .dot{border-color:var(--win);background:#fff;color:var(--win-dark)}.cbw .steps .s .txt{white-space:nowrap}.cbw .steps .s.clickable{cursor:pointer}.cbw .steps .s.clickable:hover{background:#F1F5F9}.cbw .steps .s.clickable:hover .dot{border-color:var(--win)}.cbw .steps .s.locked{opacity:.5}.cbw .filepick{margin-top:10px}.cbw .filebtn{gap:11px;cursor:pointer}.cbw .filebtn,.cbw .filebtn-btn{display:inline-flex;align-items:center}.cbw .filebtn-btn{gap:7px;font-size:13px;font-weight:600;color:var(--ink-soft);background:#fff;border:1.5px solid var(--line);border-radius:8px;padding:8px 14px;transition:border-color .15s,color .15s,background .15s}.cbw .filebtn:hover .filebtn-btn{border-color:var(--win);color:var(--win-dark);background:#F6FCFA}.cbw .filebtn-name{font-size:12.5px;color:var(--muted)}.cbw .filebtn-name.has{color:var(--win-dark);font-weight:500}.cbw .type-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.cbw .type-opt{text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:16px;cursor:pointer;transition:border-color .15s,background .15s;display:flex;gap:12px;align-items:flex-start}.cbw .type-opt:hover{border-color:var(--win);background:#F6FCFA}.cbw .type-opt.sel{border-color:var(--win);background:#EEFAF5}.cbw .type-opt .ico{width:34px;height:34px;border-radius:8px;background:var(--bg);display:grid;place-items:center;flex-shrink:0;color:var(--ink-soft)}.cbw .type-opt .t{font-weight:600;font-size:14.5px;display:block}.cbw .type-opt .d{font-size:12.5px;color:var(--muted);display:block;margin-top:2px}.cbw .type-opt .rc{font-family:IBM Plex Mono;font-size:11px;color:var(--muted);margin-top:6px;display:block}.cbw .code-row{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.cbw .code-row label{display:block;font-size:13px;color:var(--ink-soft);font-weight:600;margin-bottom:8px}.cbw .code-row .code-in{display:flex;gap:8px}.cbw .hint{font-size:12.5px;margin-top:8px}.cbw .hint.ok{color:var(--win-dark)}.cbw .hint.err{color:var(--lost)}.cbw .grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.cbw .field{display:flex;flex-direction:column;gap:6px;margin-bottom:2px}.cbw .field.full{grid-column:1/-1}.cbw .field label{font-size:13px;color:var(--ink-soft);font-weight:600}.cbw .field .req{color:var(--lost)}.cbw input,.cbw select,.cbw textarea{width:100%;padding:11px 13px;border:1.5px solid var(--line);border-radius:9px;font-size:14.5px;font-family:Inter;background:#fff;color:var(--ink)}.cbw textarea{min-height:110px;resize:vertical}.cbw input:focus,.cbw select:focus,.cbw textarea:focus{outline:none;border-color:var(--win)}.cbw .ev{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1.5px solid var(--line);border-radius:11px;margin-bottom:10px;background:#fff}.cbw .ev.on{border-color:var(--win);background:#F6FCFA}.cbw .ev .cb{width:22px;height:22px;flex-shrink:0;border-radius:6px;border:1.5px solid var(--line);display:grid;place-items:center;cursor:pointer;background:#fff;margin-top:1px}.cbw .ev.on .cb{background:var(--win);border-color:var(--win);color:#fff}.cbw .ev .body{flex:1 1;min-width:0}.cbw .ev .lbl{font-size:14px;font-weight:500}.cbw .ev .meta{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:12px;color:var(--muted)}.cbw .ev .w{font-family:IBM Plex Mono;color:var(--win-dark);font-weight:600}.cbw .ev .auto{color:var(--win-dark);font-weight:500}.cbw .ev .file{font-size:12px;color:var(--muted);margin-top:6px}.cbw .ev .filepick{margin-top:8px;font-size:13px}.cbw .score-card{border:1.5px solid var(--win);background:#EEFAF5;border-radius:14px;padding:20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.cbw .score-card .n{font-family:Archivo;font-weight:900;font-size:42px;color:var(--win-dark);line-height:1}.cbw .kv{display:grid;grid-template-columns:auto 1fr;grid-gap:6px 16px;gap:6px 16px;font-size:13.5px;margin-bottom:20px}.cbw .kv dt{color:var(--muted)}.cbw .kv dd{margin:0;color:var(--ink);font-weight:500}.cbw .note{font-size:12.5px;color:var(--muted);margin-top:12px}.cbw .score-hero{border:1.5px solid var(--win);background:#EEFAF5;border-radius:16px;padding:26px 28px;margin-bottom:26px}.cbw .score-hero .top{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.cbw .score-hero .n{font-family:Archivo;font-weight:900;font-size:52px;color:var(--win-dark);line-height:1}.cbw .score-hero .sub{font-size:13px;color:var(--ink-soft);margin-top:10px}.cbw .bar{height:10px;border-radius:6px;background:#D6EEE4;overflow:hidden;margin-top:16px}.cbw .bar>i{display:block;height:100%;background:var(--win);border-radius:6px}.cbw .result-h{font-family:IBM Plex Mono;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:26px 0 12px}.cbw .tip{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1.5px solid #f0d9bb;background:#FDF6EC;border-radius:11px;margin-bottom:9px;font-size:14px}.cbw .tip .plus{font-family:IBM Plex Mono;font-weight:700;color:var(--alert);flex-shrink:0;min-width:44px}.cbw .have{display:flex;align-items:center;gap:10px;padding:11px 4px;font-size:13.5px;color:var(--ink-soft);border-bottom:1px solid var(--line)}.cbw .have .ok{color:var(--win);font-weight:700;flex-shrink:0}.cbw .have .w{margin-left:auto;font-family:IBM Plex Mono;font-size:12px;color:var(--win-dark);font-weight:600}.cbw .allset{padding:14px;border:1.5px solid var(--win);background:#F6FCFA;border-radius:11px;font-size:14px;color:var(--win-dark);font-weight:500}.cbw .gen{margin:6px 0 8px}.cbw .btn-lg{font-size:16px;padding:15px 26px;width:100%;justify-content:center}.cbw .gen .note{margin-top:10px}.cbw .btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-family:Inter;border-radius:9px;padding:12px 20px;cursor:pointer;border:none;font-size:15px;transition:background .15s,transform .15s}.cbw .btn-win{background:var(--win);color:#fff}.cbw .btn-win:hover{background:var(--win-dark)}.cbw .btn-win:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}.cbw .btn-ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line)}.cbw .btn-ghost:hover{border-color:var(--ink)}.cbw .nav{display:flex;justify-content:space-between;gap:12px;margin-top:28px}@media(max-width:560px){.cbw .grid2,.cbw .type-grid{grid-template-columns:1fr}.cbw .steps .s .txt{display:none}}