:root{--ink: #112b2a;--ink-soft: #45605b;--paper: #f1f4f2;--paper-deep: #dce4df;--white: #fbfcfb;--line: rgba(17, 43, 42, .16);--line-strong: rgba(17, 43, 42, .3);--accent: #e3ad45;--accent-deep: #b87922;--danger: #a34337;--shadow: 0 22px 50px rgba(17, 43, 42, .12);--radius: 3px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:Bahnschrift,Segoe UI Variable,Segoe UI,sans-serif;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}code{font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--accent-deep);outline-offset:3px}.app-frame{min-height:100vh}.topbar{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:48px;justify-content:space-between;min-height:76px;padding:0 5vw}.brand{align-items:center;display:flex;gap:11px;letter-spacing:0}.brand-mark{align-items:center;background:var(--ink);color:var(--accent);display:inline-flex;font-family:Georgia,serif;font-size:1.3rem;height:34px;justify-content:center;width:34px}.brand strong,.brand small{display:block}.brand strong{font-family:Georgia,serif;font-size:1.05rem;font-weight:600}.brand small{color:var(--ink-soft);font-size:.56rem;letter-spacing:0;margin-top:1px}.main-nav{display:flex;gap:28px;margin-right:auto}.main-nav a{color:var(--ink-soft);font-size:.76rem;letter-spacing:0;text-transform:uppercase}.main-nav a.router-link-active{color:var(--ink);font-weight:700}.account-bar{align-items:center;display:flex;gap:18px}.account-role{color:var(--ink-soft);font-size:.74rem;letter-spacing:0;text-transform:uppercase}.quiet-button{background:none;border:0;color:var(--ink-soft);font-size:.75rem;padding:7px 0}.quiet-button:hover{color:var(--ink)}.page-shell{margin:0 auto;max-width:1240px;padding:72px 5vw 80px}.login-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.8fr);min-height:calc(100vh - 100px)}.login-intro{background:var(--ink);color:var(--white);display:flex;flex-direction:column;justify-content:center;padding:8vw;position:relative}.login-intro:after{border:1px solid rgba(227,173,69,.35);content:"";height:calc(100% - 48px);left:24px;pointer-events:none;position:absolute;top:24px;width:calc(100% - 48px)}.eyebrow,.page-kicker{font-size:.66rem;letter-spacing:0;text-transform:uppercase}.eyebrow{color:var(--accent);margin-bottom:28px}.login-intro h1{font-family:Georgia,Iowan Old Style,serif;font-size:6.5rem;font-weight:400;letter-spacing:0;line-height:.93;margin:0;position:relative;z-index:1}.login-intro h1 em{color:var(--accent);font-style:italic}.intro-copy{color:#fbfaf7bf;font-size:1.08rem;line-height:1.65;margin:32px 0 0;max-width:340px;position:relative;z-index:1}.intro-rule{background:#fbfaf747;height:1px;margin:52px 0 20px;max-width:270px;position:relative;z-index:1}.intro-rule span{background:var(--accent);display:block;height:3px;margin-top:-1px;width:68px}.intro-note{color:#fbfaf785;font-size:.77rem;line-height:1.6;max-width:280px;position:relative;z-index:1}.login-panel{align-self:center;background:var(--white);box-shadow:var(--shadow);margin:8vh 5vw 8vh -8vw;padding:clamp(30px,5vw,64px);position:relative;z-index:2}.panel-heading{align-items:center;color:var(--ink-soft);display:flex;font-size:.67rem;gap:8px;letter-spacing:0;text-transform:uppercase}.status-dot{background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px #e3ad4526;display:inline-block;height:7px;width:7px}.login-panel h2{font-family:Georgia,serif;font-size:2.7rem;font-weight:400;letter-spacing:0;margin:36px 0 10px}.panel-copy{color:var(--ink-soft);font-size:.87rem;margin:0 0 32px}.panel-copy code{overflow-wrap:anywhere}.login-form{display:grid;gap:20px}.login-form label{display:grid;gap:8px}.login-form label span{color:var(--ink-soft);font-size:.68rem;letter-spacing:0;text-transform:uppercase}.login-form input{background:transparent;border:0;border-bottom:1px solid var(--line-strong);border-radius:0;color:var(--ink);outline:0;padding:10px 0;width:100%}.login-form input:focus{border-bottom-color:var(--accent-deep);box-shadow:0 1px 0 var(--accent-deep)}.auth-mode{border-bottom:1px solid var(--line);display:flex;gap:18px;margin-bottom:16px}.auth-mode button{background:none;border:0;border-bottom:2px solid transparent;color:var(--ink-soft);font-size:.68rem;margin-bottom:-1px;padding:8px 0;text-transform:uppercase}.auth-mode button.active{border-bottom-color:var(--accent-deep);color:var(--ink);font-weight:700}.wechat-button{background:#eef4ef;border:1px solid #c6d6c9;color:var(--ink);display:flex;justify-content:space-between;margin:0 0 20px;padding:12px 14px;width:100%}.wechat-button:hover{background:#dfece1;border-color:var(--accent-deep)}.primary-button,.outline-button{align-items:center;display:inline-flex;justify-content:center;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.primary-button{background:var(--ink);border:1px solid var(--ink);color:var(--white);gap:20px;justify-content:space-between;margin-top:12px;padding:15px 18px;text-align:left}.primary-button:hover{background:var(--accent-deep);border-color:var(--accent-deep);transform:translateY(-2px)}.error-message{color:var(--danger);font-size:.82rem;margin:18px 0 0}.connection-meta{border-top:1px solid var(--line);display:grid;gap:6px;margin-top:38px;padding-top:18px}.connection-meta span,.workspace-footer span{color:var(--ink-soft);font-size:.65rem;letter-spacing:0;text-transform:uppercase}.connection-meta code{overflow-wrap:anywhere}.workspace-page{padding-top:4px}.page-kicker{color:var(--accent-deep);margin-bottom:24px}.page-heading-row{align-items:end;display:flex;gap:24px;justify-content:space-between}.page-heading-row h1,.placeholder-page h1{font-family:Georgia,serif;font-size:4.5rem;font-weight:400;letter-spacing:0;line-height:1;margin:0}.page-heading-row p,.placeholder-page p{color:var(--ink-soft);margin:15px 0 0;max-width:480px}.outline-button{background:transparent;border:1px solid var(--line-strong);color:var(--ink);gap:10px;padding:11px 15px;white-space:nowrap}.outline-button:hover{background:var(--ink);border-color:var(--ink);color:var(--white)}.refresh-glyph{display:inline-block;font-size:1.15rem;line-height:1}.spinning{animation:spin .8s linear infinite}.signal-grid{display:grid;gap:16px;grid-template-columns:1.15fr .85fr;margin-top:56px}.signal-grid--compact{margin-top:40px}.signal-card{background:var(--white);border:1px solid var(--line);min-height:190px;padding:26px}.signal-card--wide{background:var(--ink);color:var(--white)}.signal-card-head{align-items:center;display:flex;justify-content:space-between}.signal-label{color:var(--ink-soft);font-size:.65rem;letter-spacing:0;text-transform:uppercase}.signal-card--wide .signal-label{color:#fbfaf78f}.status-chip{border:1px solid rgba(17,43,42,.25);color:var(--accent-deep);font-size:.62rem;letter-spacing:0;padding:4px 7px;text-transform:uppercase}.signal-card--wide .status-chip{border-color:#fbfaf74d;color:var(--accent)}.status-chip--error{color:var(--danger)!important}.signal-value{display:block;font-family:SFMono-Regular,Consolas,monospace;font-size:1.75rem;font-weight:400;margin-top:38px;overflow-wrap:anywhere}.signal-card p{color:var(--ink-soft);font-size:.8rem;margin:11px 0 0}.signal-card--wide p{color:#fbfaf799}.route-preview{align-items:center;border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;gap:30px;grid-template-columns:.8fr 1.2fr;margin-top:64px;padding:34px 0}.route-preview h2{font-family:Georgia,serif;font-size:2rem;font-weight:400;letter-spacing:0;margin:9px 0 0}.route-list{display:grid}.route-list a{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:16px;grid-template-columns:40px 1fr 20px;padding:13px 0}.route-list a:first-child{border-top:1px solid var(--line)}.route-list a span{color:var(--accent-deep);font-family:monospace;font-size:.72rem}.route-list a b{font-size:1.1rem;font-weight:400;opacity:.45}.route-list a:hover b{opacity:1;transform:translate(4px)}.catalog-toolbar{align-items:center;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:9px;margin-top:42px;padding-bottom:14px}.catalog-toolbar button{background:transparent;border:1px solid var(--line-strong);color:var(--ink-soft);font-size:.7rem;padding:7px 11px}.catalog-toolbar button.active,.catalog-toolbar button:hover{background:var(--ink);border-color:var(--ink);color:var(--white)}.catalog-toolbar span{color:var(--ink-soft);font-size:.7rem;margin-left:auto}.lesson-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.lesson-card{background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column;min-height:255px;padding:22px;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.lesson-card:hover{border-color:var(--accent-deep);box-shadow:var(--shadow);transform:translateY(-3px)}.lesson-card-index{color:var(--accent-deep);font-family:monospace;font-size:.72rem}.lesson-card-subject{color:var(--ink-soft);font-size:.65rem;margin-top:28px;text-transform:uppercase}.lesson-card h2{font-family:Georgia,serif;font-size:1.55rem;font-weight:400;line-height:1.15;margin:8px 0 0}.lesson-card p{color:var(--ink-soft);font-size:.82rem;line-height:1.55;margin:10px 0 20px}.lesson-card-foot{align-items:center;border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:auto;padding-top:13px}.lesson-card-foot b{color:var(--accent-deep);font-size:.64rem;font-weight:600;text-transform:uppercase}.lesson-card-foot b.pending{color:var(--ink-soft)}.lesson-card-foot strong{color:var(--accent-deep);font-size:1.15rem;font-weight:400}.empty-state,.loading-line{color:var(--ink-soft);padding:44px 0}.detail-page{padding-top:4px}.detail-topline{align-items:center;border-bottom:1px solid var(--line);color:var(--ink-soft);display:flex;font-size:.7rem;justify-content:space-between;padding-bottom:14px;text-transform:uppercase}.detail-topline a:hover{color:var(--ink)}.detail-layout{display:grid;gap:9vw;grid-template-columns:minmax(0,1fr) minmax(240px,.42fr);padding-top:68px}.detail-layout h1{font-family:Georgia,serif;font-size:clamp(3.2rem,7vw,6rem);font-weight:400;line-height:.98;margin:0;max-width:720px}.detail-lede{color:var(--ink-soft);font-size:1.1rem;line-height:1.65;margin:28px 0 0;max-width:560px}.detail-action{margin-top:40px;min-width:220px}.detail-aside{align-self:end;border-top:2px solid var(--ink);padding-top:16px}.detail-aside>strong{display:block;font-family:Georgia,serif;font-size:1.6rem;font-weight:400;margin:10px 0 28px}.detail-aside dl{border-top:1px solid var(--line);margin:0}.detail-aside dl>div{align-items:baseline;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:12px 0}.detail-aside dt,.detail-aside dd{font-size:.72rem;margin:0}.detail-aside dt{color:var(--ink-soft);text-transform:uppercase}.detail-aside dd{color:var(--ink);max-width:150px;overflow-wrap:anywhere;text-align:right}.detail-error{align-items:center;display:flex;gap:18px;justify-content:space-between;padding:25vh 0}.runtime-page{display:flex;flex-direction:column;min-height:calc(100vh - 156px)}.runtime-header{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:20px;min-height:48px;padding-bottom:12px}.runtime-title{font-family:Georgia,serif;font-size:1.1rem;margin-right:auto}.runtime-status{color:var(--ink-soft);font-size:.68rem;text-transform:uppercase}.runtime-status--active{color:var(--accent-deep)}.runtime-frame-wrap{background:#dfe3df;flex:1;margin-top:18px;min-height:620px;position:relative}.runtime-frame{background:var(--white);border:0;display:block;height:100%;min-height:620px;width:100%}.runtime-placeholder,.runtime-loading{align-items:center;color:var(--ink-soft);display:flex;flex:1;justify-content:center;min-height:620px}.runtime-loading{inset:0;position:absolute}.profile-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:54px}.profile-panel{background:var(--white);border:1px solid var(--line);min-height:180px;padding:24px}.profile-panel--dark{background:var(--ink);color:var(--white);display:flex;flex-direction:column}.profile-panel--dark>strong{font-family:monospace;font-size:1rem;margin-top:auto;overflow-wrap:anywhere}.profile-role{color:var(--accent);font-size:.68rem;margin-top:8px;text-transform:uppercase}.identity-list{list-style:none;margin:18px 0 0;padding:0}.identity-list li{align-items:center;border-bottom:1px solid var(--line);display:flex;font-size:.8rem;justify-content:space-between;padding:11px 0}.identity-list li span{color:var(--ink-soft);text-transform:uppercase}.identity-list li b{font-weight:500;overflow-wrap:anywhere;text-align:right}.binding-form{border-top:1px solid var(--line);display:grid;gap:13px;margin-top:22px;padding-top:18px}.binding-form label{display:grid;gap:5px}.binding-form label span{color:var(--ink-soft);font-size:.64rem;text-transform:uppercase}.binding-form input{background:transparent;border:0;border-bottom:1px solid var(--line-strong);padding:7px 0}.binding-form .outline-button{justify-self:start;margin-top:3px}.wechat-button--profile{margin-top:12px}.record-section{margin-top:48px}.section-heading{align-items:center;border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;padding-bottom:12px}.section-heading>span:last-child{color:var(--ink-soft);font-size:.72rem}.record-list{display:grid}.record-row{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:20px;grid-template-columns:1.2fr 1fr 100px;padding:16px 0}.record-row>div:first-child{display:flex;flex-direction:column;gap:3px}.record-row strong{font-size:.88rem;font-weight:600}.record-row div span,.record-row em{color:var(--ink-soft);font-size:.68rem;font-style:normal}.record-progress{align-items:center;display:flex;gap:10px}.record-progress>span{background:var(--line);display:block;height:5px;overflow:hidden;width:100%}.record-progress i{background:var(--accent-deep);display:block;height:100%}.record-progress b{font-size:.7rem;font-weight:500}.workspace-footer{align-items:center;display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:25px}.footer-separator{color:var(--accent-deep)!important}.placeholder-page{max-width:700px;padding-top:5vh}.placeholder-page p{font-size:1.05rem;line-height:1.7}.outline-button--inline{margin-top:38px}.studio-page-header{align-items:end;display:flex;gap:28px;justify-content:space-between;margin-bottom:34px}.studio-page-header .page-kicker{display:block;margin-bottom:12px}.studio-page-header h1{font-family:Georgia,serif;font-size:3rem;font-weight:400;line-height:1;margin:0}.studio-header-actions,.project-header-actions{align-items:center;display:flex;gap:10px}.studio-new-button,.studio-composer .primary-button,.import-dialog .primary-button,.settings-savebar .primary-button{margin-top:0}.studio-shell{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-template-columns:240px minmax(0,1fr);min-height:720px}.project-rail{border-right:1px solid var(--line);min-width:0;padding:0 16px 24px 0}.project-rail-head{align-items:center;border-bottom:1px solid var(--line);display:flex;height:48px;justify-content:space-between}.project-rail-head span{color:var(--ink-soft);font-size:.65rem;text-transform:uppercase}.project-rail-head button,.studio-feedback button{background:none;border:0;color:var(--ink-soft);font-size:.68rem;padding:5px 0}.project-rail-head button:hover,.studio-feedback button:hover{color:var(--ink)}.project-row{background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);display:grid;gap:9px;padding:15px 8px;text-align:left;width:100%}.project-row:hover{background:#fbfcfbb3}.project-row.active{background:var(--ink);color:var(--white)}.project-row-title{font-family:Georgia,serif;font-size:1rem;line-height:1.2;overflow-wrap:anywhere}.project-row-meta{align-items:center;display:flex;justify-content:space-between}.project-row-meta b,.project-row-meta em{font-size:.61rem;font-style:normal;font-weight:500;text-transform:uppercase}.project-row-meta b{color:var(--accent-deep)}.project-row.active .project-row-meta b{color:var(--accent)}.project-row-meta em{opacity:.62}.project-rail-empty{color:var(--ink-soft);font-size:.78rem;padding:28px 8px}.studio-stage{min-width:0;padding-left:24px;position:relative}.studio-feedback{align-items:center;background:#e6eee9;border-bottom:1px solid #b9cec1;display:flex;font-size:.78rem;justify-content:space-between;min-height:42px;padding:8px 12px}.studio-feedback--error{background:#f5e8e5;border-color:#dfbbb4;color:var(--danger)}.studio-stage-empty{align-items:center;color:var(--ink-soft);display:flex;justify-content:center;min-height:580px}.studio-stage-empty--action{flex-direction:column;gap:24px}.studio-stage-empty strong{color:var(--ink);font-family:Georgia,serif;font-size:1.7rem;font-weight:400}.project-header{align-items:end;border-bottom:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;min-height:112px;padding:18px 0}.project-header h2{font-family:Georgia,serif;font-size:2rem;font-weight:400;line-height:1.1;margin:8px 0 0;overflow-wrap:anywhere}.project-header p{color:var(--ink-soft);font-size:.7rem;margin:7px 0 0}.project-status{color:var(--ink-soft);font-size:.62rem;text-transform:uppercase}.project-status--published,.project-status--approved{color:#27705f}.project-status--changes_requested,.quiet-button--danger:hover{color:var(--danger)}.studio-workbench{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr);min-height:540px}.preview-panel,.conversation-panel{min-width:0;padding-top:18px}.preview-panel{padding-right:20px}.conversation-panel{border-left:1px solid var(--line);display:grid;grid-template-rows:auto minmax(260px,1fr) auto;padding-left:20px}.tool-panel-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;min-height:34px}.tool-panel-head div{display:grid;gap:3px}.tool-panel-head span{color:var(--ink-soft);font-size:.62rem;text-transform:uppercase}.tool-panel-head strong{font-size:.78rem;font-weight:600}.draft-hash{font-family:monospace}.draft-preview-surface{aspect-ratio:16 / 10;background:#d8dfdb;border:1px solid var(--line-strong);min-height:0;position:relative}.draft-preview-frame{background:var(--white);border:0;display:block;height:100%;width:100%}.draft-preview-empty{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.draft-preview-empty strong{font-family:Georgia,serif;font-size:1.4rem;font-weight:400}.draft-preview-empty span{color:var(--ink-soft);font-size:.74rem;margin-top:7px}.preview-meta{align-items:center;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;padding:10px 0}.preview-meta span{color:var(--ink-soft);font-size:.61rem;text-transform:uppercase}.message-stream{display:flex;flex-direction:column;gap:10px;max-height:420px;min-height:300px;overflow-y:auto;padding:4px 4px 16px 0}.studio-message{border-left:2px solid var(--line-strong);padding:10px 11px}.studio-message--assistant{background:var(--white);border-left-color:var(--accent-deep)}.studio-message header{align-items:center;display:flex;justify-content:space-between}.studio-message header span,.studio-message time,.studio-message small{color:var(--ink-soft);font-size:.6rem;font-style:normal;text-transform:uppercase}.studio-message p{font-size:.78rem;line-height:1.55;margin:8px 0 3px;overflow-wrap:anywhere;white-space:pre-wrap}.message-empty{align-items:center;color:var(--ink-soft);display:flex;flex:1;font-size:.78rem;justify-content:center}.studio-composer{border-top:1px solid var(--line);padding-top:12px}.composer-mode,.import-mode{border-bottom:1px solid var(--line);display:flex;gap:16px}.composer-mode button,.import-mode button{background:none;border:0;border-bottom:2px solid transparent;color:var(--ink-soft);font-size:.64rem;margin-bottom:-1px;padding:7px 0;text-transform:uppercase}.composer-mode button.active,.import-mode button.active{border-bottom-color:var(--accent-deep);color:var(--ink);font-weight:700}.studio-composer textarea{background:var(--white);border:1px solid var(--line);color:var(--ink);display:block;margin-top:12px;min-height:96px;padding:11px;resize:vertical;width:100%}.composer-foot{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.composer-foot>span{color:var(--ink-soft);font-size:.62rem}.composer-foot .primary-button{font-size:.72rem;padding:10px 13px}.review-strip{align-items:center;border-top:1px solid var(--line);display:grid;gap:16px;grid-template-columns:180px minmax(180px,1fr) auto;padding:18px 0}.review-strip>div{display:grid;gap:4px}.review-strip>div strong{font-family:Georgia,serif;font-size:1rem;font-weight:400}.review-strip input{background:transparent;border:0;border-bottom:1px solid var(--line-strong);min-width:0;padding:9px 0}.import-dialog{background:var(--paper);border:1px solid var(--line-strong);border-radius:0;box-shadow:var(--shadow);color:var(--ink);max-width:min(620px,calc(100vw - 32px));padding:0;width:100%}.import-dialog::backdrop{background:#112b2a94}.import-dialog-form{padding:30px}.import-dialog-form>header{align-items:start;display:flex;justify-content:space-between}.import-dialog-form h2{font-family:Georgia,serif;font-size:2rem;font-weight:400;margin:5px 0 0}.import-dialog-form .page-kicker{margin-bottom:0}.import-mode{margin-top:26px}.import-fields{display:grid;gap:20px;padding:26px 0 12px}.import-fields>label{display:grid;gap:7px}.import-fields>label>span{color:var(--ink-soft);font-size:.65rem;text-transform:uppercase}.import-fields input:not([type=file]),.import-fields select{background:var(--white);border:1px solid var(--line);color:var(--ink);min-width:0;padding:11px;width:100%}.file-field{border:1px dashed var(--line-strong);padding:18px;position:relative}.file-field input{cursor:pointer;inset:0;opacity:0;position:absolute;width:100%}.file-field b{font-size:.8rem;font-weight:500;overflow-wrap:anywhere}.import-dialog-form>footer{align-items:center;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding-top:18px}.settings-header{align-items:end;display:flex;gap:24px;justify-content:space-between;padding:54px 0 38px}.settings-header .page-kicker{display:block;margin-bottom:12px}.settings-header h1{font-family:Georgia,serif;font-size:3.4rem;font-weight:400;line-height:1;margin:0}.success-message{color:#27705f;font-size:.82rem}.settings-form{border-top:2px solid var(--ink)}.settings-group{border-bottom:1px solid var(--line);display:grid;gap:40px;grid-template-columns:minmax(190px,.38fr) minmax(0,1fr);padding:30px 0}.settings-group>header{display:flex;gap:16px}.settings-group>header>span{color:var(--accent-deep);font-family:monospace;font-size:.7rem;margin-top:5px}.settings-group h2{font-family:Georgia,serif;font-size:1.6rem;font-weight:400;margin:0}.settings-group header p{color:var(--ink-soft);font-size:.75rem;margin:5px 0 0}.settings-fields{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.setting-field{background:var(--white);border:1px solid var(--line);display:grid;gap:13px;min-height:142px;padding:20px}.setting-field>span{color:var(--ink-soft);font-size:.65rem;text-transform:uppercase}.setting-control{align-items:end;display:flex;gap:10px}.setting-control input{background:transparent;border:0;border-bottom:1px solid var(--line-strong);color:var(--ink);font-family:monospace;font-size:1.3rem;min-width:0;padding:5px 0;width:100%}.setting-control b{color:var(--ink-soft);font-size:.66rem;font-weight:500;padding-bottom:8px;text-transform:uppercase}.toggle-row{align-items:center;color:var(--ink-soft);display:flex;font-size:.7rem;gap:8px}.toggle-row input{accent-color:var(--accent-deep)}.setting-field--toggle{align-content:start}.switch-control{align-items:center;display:flex;gap:10px;margin-top:10px}.switch-control input{height:1px;opacity:0;position:absolute;width:1px}.switch-control>span{background:var(--paper-deep);border:1px solid var(--line-strong);display:block;height:24px;position:relative;width:44px}.switch-control>span:after{background:var(--ink-soft);content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform .16s ease,background .16s ease;width:16px}.switch-control input:checked+span:after{background:var(--accent-deep);transform:translate(19px)}.switch-control b{font-size:.78rem;font-weight:500}.settings-savebar{align-items:center;display:flex;justify-content:space-between;padding:22px 0}.settings-savebar>span{color:var(--ink-soft);font-family:monospace;font-size:.72rem}.submission-list{display:grid}.submission-row{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:20px;grid-template-columns:minmax(180px,1fr) minmax(180px,1.2fr) 130px;padding:16px 0}.submission-row>div{display:grid;gap:3px}.submission-row strong{font-size:.88rem}.submission-row div span,.submission-row p,.submission-row em{color:var(--ink-soft);font-size:.68rem;font-style:normal;margin:0;overflow-wrap:anywhere}.submission-row em{text-align:right;text-transform:uppercase}.review-state--published,.review-state--approved{color:#27705f!important}.review-state--changes-requested,.review-state--changes_requested,.review-state--rejected{color:var(--danger)!important}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:840px){.topbar{gap:20px;padding:0 24px}.main-nav{gap:15px}.account-role{display:none}.page-shell{padding-left:24px;padding-right:24px}.login-layout{display:block}.login-intro{min-height:58vh;padding:60px 12vw}.login-intro h1{font-size:4.5rem}.login-panel{margin:-40px 24px 40px}.page-heading-row h1,.placeholder-page h1{font-size:3.25rem}.signal-grid,.route-preview{grid-template-columns:1fr}.lesson-grid,.profile-grid{grid-template-columns:1fr 1fr}.detail-layout{gap:48px;grid-template-columns:1fr}.route-preview{align-items:start}.studio-shell{grid-template-columns:190px minmax(0,1fr)}.studio-workbench{grid-template-columns:1fr}.conversation-panel{border-left:0;border-top:1px solid var(--line);margin-top:20px;padding-left:0}.preview-panel{padding-right:0}.review-strip{grid-template-columns:1fr auto}.review-strip input{grid-column:1 / -1;grid-row:2}.settings-group{gap:22px;grid-template-columns:1fr}}@media(max-width:560px){.topbar{gap:9px;min-height:68px;overflow-x:auto;padding:0 12px}.brand>span:last-child,.account-role{display:none}.main-nav{gap:9px;margin-left:auto;margin-right:0}.main-nav a,.quiet-button{font-size:.62rem}.account-bar{gap:7px}.page-heading-row{align-items:start;flex-direction:column}.page-heading-row .outline-button{align-self:stretch}.login-intro{padding:48px 44px}.login-intro h1{font-size:3.5rem}.login-panel{margin:-26px 12px 30px;padding:30px 24px}.page-heading-row h1,.placeholder-page h1{font-size:2.6rem}.signal-value{font-size:1.15rem}.lesson-grid,.profile-grid{grid-template-columns:1fr}.catalog-toolbar span{margin-left:0;width:100%}.runtime-frame-wrap,.runtime-frame,.runtime-placeholder{min-height:480px}.record-row{gap:10px;grid-template-columns:1fr 100px}.record-row em{grid-column:2;grid-row:1;text-align:right}.studio-page-header,.project-header,.settings-header{align-items:start;flex-direction:column}.studio-page-header h1,.settings-header h1{font-size:2.5rem}.studio-header-actions,.project-header-actions{width:100%}.studio-header-actions>*,.project-header-actions .outline-button{flex:1}.studio-shell{display:block}.project-rail{border-bottom:1px solid var(--line);border-right:0;display:flex;gap:8px;overflow-x:auto;padding:0 0 12px}.project-rail-head{min-width:90px}.project-row{border:1px solid var(--line);flex:0 0 170px}.project-rail-empty{min-width:150px}.studio-stage{padding-left:0}.project-header{gap:18px;min-height:0;padding:20px 0}.message-stream{max-height:360px}.review-strip{grid-template-columns:1fr}.review-strip input{grid-column:auto;grid-row:auto}.review-strip .outline-button{width:100%}.import-dialog-form{padding:22px}.settings-fields{grid-template-columns:1fr}.submission-row{gap:8px;grid-template-columns:1fr auto}.submission-row p{grid-column:1 / -1;grid-row:2}.submission-row em{grid-column:2;grid-row:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}