:root{--font-sans:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--font-display:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--navy:#302c3d;--navy-dark:#2c2938;--ink:#332f40;--muted:#8c8a95;--line:#eeece8;--canvas:#fffefa;--orange:#ff702f;--blue-soft:#f8f4eb;--green:#52796c;--shadow:0 8px 32px #18365006}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);margin:0;font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,textarea,select,summary{outline-offset:4px}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #665e81}button{background:0 0;border:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:30px;font-weight:650;line-height:1.4}h2{font-size:19px;font-weight:620;line-height:1.5}h3{font-size:14px;font-weight:650}svg{flex-shrink:0}small{font-size:12px}button,input,select,textarea{transition:background .16s,border-color .16s,box-shadow .16s}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #e8e4df;border-radius:8px;min-width:0;padding:11px 13px}input::placeholder,textarea::placeholder{color:#a8a6ae}input:focus,textarea:focus,select:focus{border-color:#857da1;outline:none;box-shadow:0 0 0 3px #1737520b}textarea{resize:vertical;line-height:1.75}input[type=checkbox]{width:17px;height:17px;accent-color:var(--navy);cursor:pointer;flex-shrink:0;padding:0}input.readonly{color:#83808e;background:#f9f7f2}button:hover{filter:brightness(.985)}.studio{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:10;background:#fff;flex-direction:column;width:236px;padding:34px 21px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{text-align:left;letter-spacing:-.4px;align-items:center;gap:12px;padding:0 7px;font-size:17px;font-weight:750;line-height:1.35;display:flex}.sidebar nav{flex-direction:column;gap:7px;display:flex}.nav-item.active{background:var(--navy);color:#fff;box-shadow:0 5px 12px #17375212}.nav-item:not(.active):hover{color:var(--navy);background:#faf8f3}.avatar{color:#7c9291;background:#f5f1ea;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;display:flex}.project-switch{background:#f9f7f2;border:1px solid #f6f2e9;border-radius:9px;align-items:center;gap:5px;padding:4px;display:flex}.project-switch button{color:#93919c;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 13px;font-size:12px;display:flex}.project-switch button.selected{color:var(--navy);background:#fff;font-weight:650;box-shadow:0 2px 5px #16354c0c}.selected .project-dot{opacity:1}.eyebrow{letter-spacing:1.4px;color:#8b869d;margin-bottom:9px;font-size:10px;font-weight:650}.eyebrow span{color:#c1bfc7;padding:0 7px}.tabs{gap:24px;display:flex}.tabs button{color:#9e9ca4;white-space:nowrap;align-items:center;gap:6px;padding:0 0 16px;font-size:12px;display:flex;position:relative}.tabs button.active{color:var(--navy);font-weight:650}.tabs button.active:after{content:"";background:var(--navy);height:2px;position:absolute;bottom:-1px;left:0;right:0}.tabs button>span{color:#9591a1;background:#f6f2e9;border-radius:4px;min-width:17px;font-size:10px}.tag{white-space:nowrap;border-radius:4px;align-items:center;padding:2px 6px;font-size:9px;line-height:1.6;display:inline-flex}.tag.amber{color:#b99761;background:#faf3e7}.tag.blue{color:#8982a1;background:#f8f4ec}.tag.local{color:#6e9279;background:#edf4ee}.tag.code{color:#a19ea9;background:0 0;padding:0}.muted{color:#acaab3;font-size:10px}.footer{border-top:1px solid var(--line);color:#b7b5bd;justify-content:space-between;align-items:center;gap:16px;margin-top:38px;padding:23px 0 24px;font-size:9px;display:flex}.footer span:first-child{letter-spacing:1.5px;font-size:8px}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:550;line-height:1.6;display:inline-flex}.button.primary{color:#fff;background:var(--navy);border-color:var(--navy)}.button.primary:hover{background:#3d384d}.button.secondary{color:#67617a;background:#fff;border-color:#ebe6df}.button.secondary:hover{background:#fffefa}.button.mini{padding:5px 9px;font-size:10px}.notice{color:#8d899c;background:#faf8f3;border:1px solid #efebe5;border-radius:7px;align-items:flex-start;gap:9px;padding:12px 13px;font-size:11px;line-height:1.8;display:flex}.notice svg{margin-top:1px}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:11px}.weekday{text-align:center;color:#a09ea9;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#faf7f2;padding:9px;font-size:10px}.calendar-day.today>span{background:var(--navy);color:#fff;border-radius:50%}.calendar-day.chosen{background:#f8f4ed}.preset-toolbar .notice{flex:1}.preset-toolbar .button{flex-shrink:0}dl{margin:0}dl>div{gap:17px;padding:7px 0;font-size:11px;display:flex}dt{color:#a3a1ac;min-width:82px}dd{color:#7a768a;overflow-wrap:anywhere;min-width:0;margin:0}.modal{width:min(550px,100vw - 40px);max-height:90vh;color:var(--ink);border:1px solid #ece8e2;border-radius:13px;padding:0;overflow:auto;box-shadow:0 30px 120px #132f4922}.modal.wide{width:min(850px,100vw - 40px)}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#172d415c}.toast{color:#fff;z-index:50;background:#302c3d;border-radius:9px;align-items:center;gap:11px;max-width:80vw;padding:15px 18px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 50px #17375225}.toast>svg{color:#a6ccb3}.toast button{color:#9e98b0;align-items:center;margin-left:14px;padding:0;display:flex}.editor-title .button{flex-shrink:0}.stepper .current>span:first-child{background:var(--navy);color:#fff;border-color:var(--navy)}.stepper .current strong{color:var(--navy);font-weight:650}.stepper .past>span:first-child{color:#908aa4;background:#f8f4ec}.stepper .past strong{color:#938ea5}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.required{color:#d58b60}.field small{color:#a7a5b0;font-size:10px;line-height:1.75}.field input,.field textarea{font-size:12px}.field>input{min-height:43px}.code-options button.selected{background:#faf7f2;border-color:#9d97b2}.upload-zone.dragging{background:#f7f3eb;border-color:#8c84a6;box-shadow:0 0 0 3px #f0ede8}.asset-file .button{flex-shrink:0}.preset-pick.selected{background:#fbf9f6;border-color:#a19bb4}.selected .radio-dot{border:5px solid #6b6287}.review-list{flex-direction:column;gap:11px;display:flex}.review-row.checked{background:#f9fcfa;border-color:#c3d9cb}.local-review-state.complete{color:#749a80;background:#eff7f1}.preset-wizard-steps button.selected{color:#6d6488}.preset-wizard-steps button.selected>span{background:var(--navy);color:#fff}.segmented button.selected{color:#6f668a;background:#faf7f1;border-color:#a29cb6}@media (max-width:1200px){.sidebar{width:212px;padding-left:16px;padding-right:16px}.project-switch button{padding:7px 10px;font-size:10px}}@media (max-width:1050px){.brand{font-size:15px}}@media (max-width:800px){.sidebar{width:76px;padding:28px 10px 0}.brand{justify-content:center;padding:0}.brand>span:last-child{display:none}.sidebar nav{margin-top:42px}.project-switch{justify-content:space-between;width:100%}.project-switch button{padding:8px 9px}.tabs{gap:20px}.preset-toolbar>.button{align-self:flex-end}.editor-title .button{padding:8px 11px;font-size:10px}.footer{gap:10px;font-size:8px}.button{padding:10px 12px;font-size:11px}.toast{width:80vw;font-size:10px}}.field input,.field textarea,.field select{color:#3f3b4d;font-size:14px}.field small,.notice{color:#726d82;font-size:12px}.project-switch button,.tabs button,.button{font-size:13px}.project-switch button{color:#726d82}.tag{font-size:10px}.tag.code{color:#726d82}.tag.amber{color:#916527}.tag.blue{color:#60587a}.tag.local{color:#467351}.project-switch button{padding-left:11px;padding-right:11px}@media (max-width:1200px){.project-switch button{padding-left:9px;padding-right:9px;font-size:12px}}@media (max-width:800px){.project-switch button{font-size:11px}.button{font-size:12px}.sidebar .nav-item{flex-direction:column;gap:5px;padding:11px 2px}.sidebar .nav-item>span:not(.nav-count):not(.active-dot){white-space:nowrap;font-size:10px;line-height:1.35;display:block}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}button,input,select,textarea{letter-spacing:normal;word-break:normal}button[type=submit],[role=tab]{white-space:nowrap;flex-shrink:0}input[type=date],input[type=datetime-local],input[type=month],time{font-variant-numeric:tabular-nums}th{white-space:nowrap;word-break:normal}h1,h2,h3{overflow-wrap:anywhere;word-break:normal}.ctg-workspace,.ctg-workspace input,.ctg-workspace select,.ctg-workspace textarea{font-size:14px;line-height:1.6}.ctg-workspace button{word-break:normal}.ctg-workspace dialog h1{font-size:25px}.ctg-workspace dialog h2{font-size:20px}.ctg-workspace dialog h3{font-size:16px}.ctg-workspace dialog p,.ctg-workspace dialog label{line-height:1.65}.ctg-workspace a:focus-visible{outline-offset:3px;outline:2px solid #625a7d}.ctg-workspace [data-status-tone]{border:1px solid var(--tone-line)!important;background:var(--tone-bg)!important;color:var(--tone-ink)!important}.ctg-workspace [data-status-tone=you]{--tone-bg:#fff4e9;--tone-ink:#a2551a;--tone-line:#f2dcc3}.ctg-workspace [data-status-tone=others]{--tone-bg:#f6f4f0;--tone-ink:#6f6a7d;--tone-line:#e9e5de}.ctg-workspace [data-status-tone=late]{--tone-bg:#fdedeb;--tone-ink:#ad3a32;--tone-line:#f2d0cc}.ctg-workspace [data-status-tone=done]{--tone-bg:#ebf5ee;--tone-ink:#3d7654;--tone-line:#d1e5d8}