[hidden]{display:none!important}
:root{--ink:#10182d;--paper:#f8f9fb;--yellow:#ffd634;--blue:#2d7df7;--muted:#697184}
body{background:var(--paper);color:var(--ink);font-family:'Noto Sans SC','Microsoft YaHei',system-ui,sans-serif}
a{color:var(--ink)}button,select,textarea{border:1.5px solid var(--ink);border-radius:7px;color:var(--ink)}button{font-weight:650;background:white}button:hover{background:#dceaff}button.primary{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}button:disabled{opacity:.55;cursor:wait}button.active{background:#dceaff;border-color:var(--blue)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.site-header{min-height:78px;padding:14px 26px;display:flex;align-items:center;gap:24px;border-bottom:2px solid var(--ink);background:var(--paper)}.site-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.site-brand>b{width:40px;height:40px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);font-size:23px;box-shadow:2px 2px 0 var(--ink)}.site-brand strong{font-size:18px}.site-header nav{display:flex;justify-content:center;gap:25px;flex:1}.site-header nav a{font-size:16px;font-weight:800;white-space:nowrap;padding:7px 0}.site-header nav a[aria-current]{box-shadow:inset 0 -7px var(--yellow)}.vip-link{background:var(--yellow);border:2px solid var(--ink);border-radius:22px;padding:9px 16px;font-weight:800;white-space:nowrap;box-shadow:3px 3px 0 var(--ink)}
.topbar{height:78px;min-height:78px;flex-wrap:wrap;padding:14px 24px;border-bottom:2px solid var(--ink);gap:9px}.topbar .brand{margin-right:auto;font-size:24px;font-weight:850;letter-spacing:-1px}.brand small{display:block;margin:5px 0 0;font-size:12px;letter-spacing:0;color:var(--muted)}
.workspace{height:calc(100dvh - 156px);min-height:600px;grid-template-columns:280px minmax(340px,1fr) 250px}.left,.right{padding:20px 17px;background:#fff}.left{border-right:2px solid var(--ink)}.right{border-left:2px solid var(--ink)}aside h3{font-size:16px;font-weight:850;margin:20px 0 8px}aside h3:first-child{margin-top:0}.hint,.status,#notice{color:var(--muted)}.quota-card{border:2px solid var(--ink);border-radius:10px;background:#fff8da;padding:13px;box-shadow:4px 4px 0 var(--blue);margin:0 4px 25px 0}.quota-card>div{display:flex;justify-content:space-between;align-items:center;gap:8px}.quota-card strong{font-size:19px}.quota-card p{font-size:11px;line-height:1.6;color:var(--muted);margin:6px 0}.quota-card a{font-size:11px;font-weight:800;line-height:1.8}.quota-card progress{width:100%;height:7px;accent-color:var(--blue);margin-top:10px}.quota-card.exhausted{background:#ffe0e2;box-shadow:4px 4px 0 #ff777c}#script{height:25vh;min-height:180px;margin:10px 0;background:#f8f9fb}#generateAI,#cancelAI,#applyAI{width:100%;margin-top:8px;min-height:42px}#aiStatus{white-space:pre-line;overflow-wrap:anywhere}#aiStatus.error{color:#ad2539}.login-link{display:block;margin:8px 0;font-weight:800;color:var(--blue)}.module-button{border-color:#dfe3ea}.module-button.active{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--blue)}.module-button b{background:var(--yellow);border:1px solid var(--ink)}.module-button small{color:var(--muted)}
.stage-area{background-color:#f0f4fb;background-image:radial-gradient(#c8d2e6 1px,transparent 1px);background-size:16px 16px}.viewbar{background:#dceaff;border-bottom:1.5px solid var(--ink);padding:10px 16px}.viewbar select{border-color:var(--ink);background:white}.canvas-scroll{padding:22px 26px 36px}#board{box-shadow:5px 5px 0 #10182d26;outline:1px solid #ccd1dc}.bottom{flex-wrap:wrap;background:#fff;border-top:1.5px solid var(--ink);padding:12px;gap:7px}.bottom button{font-size:11px;padding:7px 9px}#play{background:#ffd634}#notice{flex-basis:100%}.right .source{background:#f4f6fb;border:1px solid #dfe3ea;border-radius:7px}.right select{border-color:var(--ink)}.right label{font-weight:700}dialog{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--blue)}
@media(max-width:1100px){.site-header{gap:12px;padding:12px 18px}.site-header nav{gap:16px}.site-brand strong{display:none}.workspace{height:auto;grid-template-columns:250px minmax(0,1fr)}.left,.stage-area{height:calc(100dvh - 156px);min-height:650px}.right{display:block;grid-column:1/-1;max-height:none;border-left:0;border-top:2px solid var(--ink)}.brand small{display:block}}
@media(max-width:700px){.site-header{flex-wrap:wrap;gap:13px;padding:12px 16px}.site-brand strong{display:block}.vip-link{margin-left:auto;font-size:12px}.site-header nav{order:3;flex-basis:100%;overflow:auto;justify-content:flex-start;gap:21px;padding-bottom:2px}.site-header nav a{font-size:14px}.topbar{height:auto;padding:17px 16px;gap:8px}.topbar .brand{width:100%;font-size:24px;margin-bottom:6px}.topbar button{padding:8px 10px;font-size:12px}.workspace{display:block;height:auto;min-height:0}.left{height:auto;min-height:0;max-height:none;border-right:0;border-bottom:2px solid var(--ink)}.left #script{height:170px}.stage-area{height:80dvh;min-height:520px}.right{height:auto}.viewbar{flex-wrap:wrap;gap:6px;padding:10px}.canvas-scroll{padding:16px 10px}.right .source{max-height:240px}}
@media print{.site-header,.topbar,.right{display:none!important}.workspace{min-height:0}#board{outline:0;box-shadow:none}}