@font-face{font-family:Starforge CN;src:url('./fonts/NotoSansSC.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Starforge DIN;src:url('./fonts/D-DIN.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0000-024F}
:root{--bg:#0c101b;--panel:#151b28;--raised:#20283a;--line:#303748;--text:#f1f2f6;--muted:#929bb0;--gold:#e8ce92;--radius:8px;font-family:'Starforge DIN','Starforge CN','Noto Sans CJK SC',sans-serif;font-size:14px}
body{background:radial-gradient(ellipse at 70% 0%,#30345560,transparent 50%),#0c101b}
.topbar{height:80px;background:#0b101ceF;border-bottom:1px solid #5b586540;padding:0 28px;gap:24px}
.brand{min-width:248px;gap:14px}.brand-symbol{border:1px solid #e5d0a260;border-radius:0;transform:rotate(45deg);width:32px;height:32px;background:#e9d19a0a}.brand-symbol svg{transform:rotate(-45deg);width:21px}.brand h1{font-weight:600;font-size:20px;letter-spacing:.16em}.brand small{font-size:11px;letter-spacing:.18em;color:#939bad}.topnav{height:100%;gap:4px}.topnav button{height:auto;padding:9px 20px;border-radius:4px;color:#9ba6ba;font-size:15px;white-space:nowrap}.topnav button.active{background:#e8e4da;color:#1b2130}.topnav button.active:after{display:none}.topbar .primary{background:transparent;color:#e8ce92;border-color:#e8ce9250}.topbar .primary:hover{background:#e8ce9210}.save-state{font-size:12px;color:#97a3b6}.btn{border-radius:4px;padding:11px 16px}.btn.primary{font-weight:600}.icon-btn{border-radius:4px}
.workspace{height:calc(100dvh - 80px);grid-template-columns:268px minmax(360px,1fr) 356px}.library{background:#101622;border-right:1px solid #ffffff0c}.library-head{padding:26px 20px 18px}.library-heading{display:block;margin-bottom:22px}.library-heading h2{font-size:18px;font-weight:500;letter-spacing:.07em}.library-heading span{font-size:12px;display:block;margin-top:6px;color:#748199}.shelf-tabs{gap:5px;background:#0a101b;padding:4px;border-radius:5px}.shelf-tabs button{padding:8px 4px;font-size:13px}.shelf-tabs button.active{background:#263044;color:#e9d09a;box-shadow:none}.search{border-color:#343e53;border-radius:4px;background:#141d2c}.search input{font-size:14px}.filters{gap:8px;margin-top:14px}.pill{border-radius:4px;padding:5px 11px}.pill.active{background:#e7cf9519;color:#e8ce92;border-color:#e8ce9240}.library-list{padding:0 18px 20px}.block-card{border-radius:5px;border:1px solid #35405680;background:#192130;box-shadow:none;margin-bottom:12px;padding:16px;transition:transform .15s,border-color .15s}.library-list .block-card:hover{transform:translateY(-2px);border-color:#929baf90}.block-title h3{font-weight:500;font-size:15px}.tone-icon{border:1px solid color-mix(in srgb,var(--tone) 25%,transparent);border-radius:4px;background:color-mix(in srgb,var(--tone) 6%,transparent)}.block-card .description{font-size:13px;color:#a7afbf;line-height:1.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.mini-slot{border:0;background:#ffffff07;padding:3px 6px;font-size:12px;color:#929eb1}.card-add{background:#ffffff09;color:var(--tone);width:28px;height:28px;border-radius:4px}.library-foot{padding:15px 18px;background:#111725;border-top:1px solid #ffffff09}.library-foot .btn{background:#e9d2a3;color:#262732;border:0}
.workbench{background:radial-gradient(circle at 55% 3%,#32394b50,transparent 55%),radial-gradient(#9ba9c311 .8px,transparent .8px),#121927;background-size:auto,20px 20px,auto}.bench-top{padding:26px 30px 0;background:#151c2bdb;border-bottom:1px solid #ffffff0d}.eyebrow{font-size:11px;letter-spacing:.17em;color:#78869e}.character-strip{margin-top:17px;margin-bottom:25px;gap:15px}.element-symbol{width:44px;height:44px;border-radius:50%;background:#121927;border:1px solid #61728470;color:#b8cde7}.character-strip h2{font-family:inherit;font-size:29px;font-weight:600;letter-spacing:.07em}.character-meta{font-size:13px;margin-top:6px;color:#8e9bb0}.badge{border-radius:2px;font-size:11px;font-weight:400}.module-tabs{gap:26px}.module-tabs button{padding:14px 0;font-size:15px;font-weight:500}.module-tabs button.active{color:#ece3d0}.module-tabs button.active:after{height:3px;background:#e8ce92}.module-tabs .count{font-family:'Starforge DIN',sans-serif;font-size:12px;margin-left:7px}.bench-content{padding:22px 30px 35px}.skill-picker{flex-wrap:wrap;overflow:visible;gap:7px;padding-bottom:24px}.skill-chip{font-size:12px;white-space:normal;text-align:left;border-radius:3px;line-height:1.6;padding:7px 11px;background:#ffffff04;border-color:#ffffff0c;color:#94a1b7}.skill-chip.active{color:#eee1c4;border-color:#d2bd8360;background:#d2bd830b}.skill-heading{margin-bottom:20px}.skill-heading h3{font-size:22px;font-weight:500;line-height:1.5}.skill-heading small{font-size:12px;color:#7e8ca4;margin-top:6px}.flow-label{font-size:11px;letter-spacing:.1em;margin-top:23px;color:#8898b0}.trigger-bar{border:1px solid #788dad40;border-radius:5px;background:#1b2536;margin-top:10px;padding:13px 16px}.trigger-bar select{font-size:14px}.trigger-bar .tiny{font-size:11px;color:#64738d}.stack{padding-top:13px}.stack:before{background:#5b688340}.effect-node{border-radius:6px;border:1px solid #4b597550;background:linear-gradient(100deg,#202c3e,#1b2536);box-shadow:0 10px 30px #00000015;margin-bottom:14px}.effect-node:before{width:3px}.node-head{padding:12px 14px;border-bottom:1px solid #ffffff06}.node-head h4{font-size:15px;font-weight:500}.node-order{font-family:'Starforge DIN',sans-serif}.node-fields{gap:14px;padding:15px 17px}.slot-field{font-size:12px}.slot-field input,.slot-field select{background:#101928;border-color:#52617a60;border-radius:3px;height:36px;font-size:15px}.node-sentence{font-size:13px;color:#aab6c9;line-height:1.9;padding:0 17px 15px}.node-sentence em{font-style:normal;color:inherit}.growth-control{display:flex;align-items:center;gap:5px;font-size:11px;color:#8c97ab;white-space:nowrap;margin-top:5px}.growth-control input{width:12px;height:12px;accent-color:#e8ce92;margin:0}.growth-control:has(input:checked){color:#e8ce92}.drop-zone{border-color:#778aa545;background:#111a2880;font-size:12px;padding:20px}.metadata-toggle{font-size:13px}.workbench-note{font-size:11px;color:#6f7d93}.metadata-panel,.stat-editor{background:#151e2e;border-radius:5px}.stat-editor h3{font-weight:500}
.preview-pane{background:linear-gradient(160deg,#1d2435,#111827 60%);border-left:1px solid #ffffff12;padding:26px 23px}.preview-heading h2{font-size:14px;color:#d3d9e3;font-weight:400}.preview-heading .badge{color:#8898ad;border-color:#8898ad30}.character-card{border-radius:2px 26px 2px 2px;border:1px solid #7c83933c;background:linear-gradient(150deg,#293248,#1a2334 65%);box-shadow:0 12px 30px #0003}.character-card-top{padding:30px 24px 24px;border-bottom:1px solid #cfba8950;position:relative;overflow:hidden;background:linear-gradient(130deg,#adb8d326,transparent 80%)}.character-card-top:after{content:'';position:absolute;width:190px;height:190px;border:1px solid #ced6e318;border-radius:50%;right:-80px;top:-78px;box-shadow:0 0 0 24px #ced6e306,0 0 0 25px #ced6e30a;pointer-events:none}.card-overline{font-size:10px;letter-spacing:.18em;color:#98a7bf}.star-line{margin:18px 0 6px;color:#e8ce92;font-size:12px;letter-spacing:5px}.character-card h2{font-family:inherit;font-size:37px;letter-spacing:.07em;font-weight:600}.card-path{font-size:14px;color:#bac4d6;margin-top:12px}.card-body{padding:21px 23px}.card-stats{gap:8px;padding-bottom:20px}.card-stats span{font-size:11px;color:#8f9db3}.card-stats strong{font-family:'Starforge DIN',sans-serif;font-size:22px;font-weight:400;color:#f2f3f7}.preview-skill{padding:23px 0;border-color:#ffffff0b}.preview-skill .kind{font-size:12px;color:#a8b5cb;letter-spacing:.05em}.preview-skill h3{font-weight:500;font-size:17px;margin:7px 0 12px;color:#f5f5f7;line-height:1.7}.preview-skill p{font-size:15px;line-height:1.95;color:#eef0f5}.preview-skill p strong{color:inherit;font-weight:inherit}.growth-number{color:#f0cd87;font-weight:inherit}.fixed-number{color:inherit}.term-link{display:inline;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:inherit;text-decoration:underline;text-decoration-color:#b6c1d9a0;text-underline-offset:4px;text-decoration-thickness:1px;cursor:pointer}.term-link:hover{color:#edce8f;text-decoration-color:#edce8f}.preview-skill.active:before{background:#e7d09a;left:-23px;width:3px;top:28px;bottom:28px}.preview-legend{display:flex;gap:14px;color:#8c9bb2;font-size:11px;margin-top:16px;align-items:center;flex-wrap:wrap}.preview-legend i{display:inline-block;width:5px;height:5px;background:#edce8f;margin-right:5px}.preview-legend .fixed i{background:#eef0f5}.preview-terms-btn{font-size:12px;color:#b7c3d7;text-decoration:underline;text-underline-offset:4px;padding:4px 0;margin-top:10px}.validation{font-size:12px;background:#0000;border-color:#55617640;border-radius:4px}.quick-tip{font-size:11px;line-height:1.8;color:#77869e}
dialog{border:1px solid #6f7c9660;background:#182132;border-radius:5px;box-shadow:0 35px 120px #0009;max-width:720px}dialog::backdrop{background:#050a13bf;backdrop-filter:blur(7px)}.dialog-head{border-color:#ffffff10}.dialog-head h2{font-size:21px;font-weight:500;letter-spacing:.04em}.dialog-body{font-size:14px;line-height:1.8}.dialog-footer{border-color:#ffffff10;background:#121c2b}.dialog-description{color:#adb8ca}.slot-config{grid-template-columns:1fr 1fr auto;gap:14px;align-items:center}.slot-config .growth-control{margin:0}.term-row{border-color:#ffffff0b;padding:18px 0}.term-row p{font-size:14px;white-space:pre-line;color:#d1d8e4}.term-row.focused{background:#edce8f0b;border-left:2px solid #edce8f;padding:16px;margin:0 -16px}.term-row small{color:#8d9bb0}.page-terms-intro{font-size:13px;color:#9ba9c1;margin-bottom:10px}.global-source{font-size:11px;color:#8090a9}.value-legend{font-size:12px;color:#95a1b7;line-height:1.8}
@media(min-width:1600px){.workspace{grid-template-columns:294px minmax(500px,1fr) 420px}.bench-top,.bench-content{padding-left:46px;padding-right:46px}.preview-pane{padding:30px}.card-body{padding:25px}.preview-skill p{font-size:16px}.library-list{padding-left:22px;padding-right:22px}}
@media(max-width:1190px){.workspace{grid-template-columns:225px minmax(320px,1fr) 310px}.topbar{padding:0 20px;gap:16px}.brand{min-width:210px}.topnav button{padding:9px 13px;font-size:14px}.bench-top,.bench-content{padding-left:22px;padding-right:22px}.preview-pane{padding:24px 16px}.library-head{padding:24px 16px 16px}.library-list{padding:0 14px 16px}.block-card{padding:13px}.card-body{padding:18px}.character-card-top{padding:26px 20px}.preview-skill.active:before{left:-18px}.character-card h2{font-size:34px}.preview-skill p{font-size:14px}}
@media(max-width:1000px){.workspace{grid-template-columns:225px minmax(0,1fr);height:calc(100dvh - 126px)}.topbar{height:76px}.preview-pane{display:none}.mobile-switch{display:flex;height:50px;justify-content:center;gap:10px;align-items:center;background:#101725;border-bottom:1px solid #ffffff10}.mobile-switch button{padding:8px 21px;color:#a3aec0}.mobile-switch button.active{color:#ebd49f;background:#ebd49f0c;border-radius:3px}body[data-mobile-view='preview'] .library,body[data-mobile-view='preview'] .workbench{display:none}body[data-mobile-view='preview'] .workspace{display:block}body[data-mobile-view='preview'] .preview-pane{display:block;max-width:650px;margin:auto;min-height:100%}.topnav{display:flex}.topbar .undo-group{display:none}.topbar .save-state{display:none}.brand{min-width:0}.brand small{display:none}.topnav button{padding:8px 12px}.topnav button[data-action='terms'],.topnav button[data-action='examples']{display:none}.term-nav{display:none}.mobile-switch button[data-view='library']{display:none}}
@media(max-width:620px){.topbar{height:68px;gap:8px;padding:0 14px}.brand{gap:11px}.brand h1{font-size:16px;letter-spacing:.05em}.brand-symbol{width:25px;height:25px}.brand-symbol svg{width:17px}.topnav{gap:0}.topnav button{font-size:12px;padding:7px 9px}.topbar .btn{padding:8px}.topbar>.spacer{display:none}.topbar .btn span{display:none}.workspace{display:block;height:calc(100dvh - 118px)}.mobile-switch button[data-view='library']{display:block}.library-list{display:grid;grid-template-columns:1fr;gap:12px}.library-head{padding:22px 20px 18px}.library-list{padding:0 20px 20px}.library-list .block-card{margin:0}.block-card{padding:17px}.bench-top{padding:23px 18px 0}.bench-content{padding:18px}.character-strip h2{font-size:27px}.skill-picker{padding-bottom:20px}.skill-heading h3{font-size:21px}.node-fields{gap:12px}.preview-skill p{font-size:16px}.card-body{padding:23px}.preview-pane{padding:22px}.slot-config{grid-template-columns:1fr 1fr}.slot-config .growth-control{grid-column:1/-1}.character-card-top{padding:28px 24px}.card-stats strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}