:root{--ink:#173c32;--ink-2:#245447;--wood:#6d4935;--gold:#c89a43;--gold-soft:#f3e7c8;--cream:#f7f3e9;--paper:#fffdf8;--text:#1f2d29;--muted:#6e7c77;--line:#dedfd6;--danger:#a94b3d;--shadow:0 18px 48px rgba(32,58,48,.11);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;color:var(--text);background:var(--cream)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:linear-gradient(155deg,#143a31 0%,#1e4b3e 60%,#18382f 100%);color:#fff;padding:28px 18px;display:flex;flex-direction:column;z-index:20;overflow:hidden}.sidebar:after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(213,180,105,.12);border-radius:50%;bottom:-120px;left:-80px;box-shadow:0 0 0 38px rgba(213,180,105,.035),0 0 0 76px rgba(213,180,105,.025)}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px;position:relative;z-index:1}.brand-mark{width:44px;height:44px;border:1px solid rgba(255,224,153,.65);transform:rotate(45deg);display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.07)}.brand-mark span{transform:rotate(-45deg);font-family:serif;font-size:20px;color:#f1d696}.brand strong{display:block;font-family:serif;font-size:19px;letter-spacing:2px}.brand small{display:block;color:#afc5bc;font-size:10px;margin-top:4px}.main-nav{display:flex;flex-direction:column;gap:7px;position:relative;z-index:1}.nav-item{border:0;background:transparent;color:#c9d8d2;padding:13px 14px;border-radius:12px;display:flex;align-items:center;gap:12px;text-align:left;transition:.2s}.nav-item:hover{background:rgba(255,255,255,.07);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(223,186,103,.22),rgba(255,255,255,.08));color:#fff;box-shadow:inset 3px 0 #d7aa51}.nav-icon{width:27px;height:27px;border:1px solid rgba(255,255,255,.18);border-radius:8px;display:grid;place-items:center;font-size:12px}.nav-item.active .nav-icon{color:#efd898;border-color:rgba(239,216,152,.5)}.nav-item em{font-style:normal;margin-left:auto;font-size:9px;padding:2px 5px;border-radius:10px;background:rgba(215,170,81,.18);color:#e7c77e}.live-dot{color:#dc7669;font-size:8px}.sidebar-foot{margin-top:auto;padding:18px 10px;position:relative;z-index:1}.status-pill{font-size:11px;color:#bdd0c8}.status-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#73c99d;box-shadow:0 0 0 4px rgba(115,201,157,.13);margin-right:8px}.sidebar-foot p{font-family:serif;color:#e7d5a9;line-height:1.65;font-size:13px}.main-content{margin-left:248px;min-height:100vh}.topbar{height:70px;background:rgba(255,253,248,.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:15;border-bottom:1px solid rgba(43,75,63,.09);display:flex;align-items:center;justify-content:space-between;padding:0 36px}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb b{font-weight:400;margin:0 10px;color:#bec4c0}.breadcrumb strong{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:12px}.demo-label{font-size:11px;color:var(--wood);background:#f1e8d7;padding:7px 11px;border-radius:20px}.icon-button,.menu-toggle{border:1px solid var(--line);background:#fff;color:var(--ink);width:32px;height:32px;border-radius:50%;font-weight:700}.menu-toggle{display:none}.page-container{padding:42px 3.5vw 60px;max-width:1600px;margin:auto}.page{display:none;animation:fadeUp .35s ease}.page.active{display:block}@keyframes fadeUp{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.hero-row{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:28px}.eyebrow{display:block;color:var(--gold);font-size:11px;letter-spacing:2px;font-weight:700;margin-bottom:10px;text-transform:uppercase}.hero-row h1{font-family:serif;color:var(--ink);font-size:clamp(28px,3vw,42px);font-weight:600;margin:0 0 10px;letter-spacing:1px}.hero-row p{margin:0;color:var(--muted);line-height:1.7;font-size:14px}.outline-button{border:1px solid #bfc9c3;background:transparent;color:var(--ink);padding:11px 16px;border-radius:11px;white-space:nowrap}.outline-button:hover{background:#fff}.workflow-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:20px;gap:4px}.type-tab{border:0;background:transparent;color:#84908b;padding:12px 22px;position:relative}.type-tab.active{color:var(--ink);font-weight:700}.type-tab.active:after{content:"";position:absolute;bottom:-1px;left:14px;right:14px;height:3px;background:var(--gold);border-radius:4px 4px 0 0}.input-panel,.qa-panel{background:var(--paper);border:1px solid rgba(45,78,65,.12);border-radius:var(--radius);padding:24px;box-shadow:0 8px 30px rgba(32,58,48,.05);margin-bottom:28px}.panel-heading,.panel-heading>div,.compare-heading,.compare-heading>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading{margin-bottom:19px}.panel-heading h2,.compare-heading h2{margin:0;color:var(--ink);font-size:17px}.step-number{width:28px;height:28px;border-radius:9px;background:var(--gold-soft);color:#987123;font-size:11px;display:grid;place-items:center;font-weight:700}.text-button{border:0;background:transparent;color:var(--wood);font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.form-grid label span{display:block;font-size:11px;color:var(--muted);margin:0 0 7px 2px}.form-grid input,.form-grid select{width:100%;border:1px solid var(--line);background:#fbfaf5;padding:12px 13px;border-radius:10px;outline:none;color:var(--text)}.form-grid input:focus,.form-grid select:focus,.qa-input input:focus{border-color:#9cb2a8;box-shadow:0 0 0 3px rgba(36,84,71,.08)}.primary-button{border:0;background:var(--ink);color:#fff;border-radius:11px;padding:12px 19px;margin-top:18px;box-shadow:0 8px 18px rgba(23,60,50,.18)}.primary-button:hover{background:var(--ink-2);transform:translateY(-1px)}.spark{color:#f0cb74}.compare-heading{margin:32px 0 14px}.compare-heading>div{justify-content:flex-start}.compare-heading p{font-size:11px;color:var(--muted);margin:4px 0 0}.diff-button{border:1px solid var(--line);background:#fff;color:var(--wood);padding:8px 12px;border-radius:9px;font-size:11px}.diff-button.active{background:var(--gold-soft);border-color:#d9b96c}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.output-card{background:var(--paper);border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;box-shadow:0 9px 28px rgba(31,52,43,.05)}.pro-card{border-color:#c7b17b;box-shadow:inset 0 3px #d2a94e,0 9px 28px rgba(31,52,43,.06)}.model-head{display:flex;align-items:center;gap:11px;padding:18px 20px;border-bottom:1px solid #ecebe5;position:relative}.model-icon{width:37px;height:37px;border-radius:11px;background:var(--ink);color:#f1d38c;display:grid;place-items:center;font-family:serif}.model-icon.neutral{background:#e8ebe7;color:#67736e}.model-head h3{font-size:14px;margin:4px 0 0}.tag{font-size:9px;color:#7a8681}.tag.gold{color:#aa7c25}.recommended{margin-left:auto;background:#f1e3bd;color:#8c6923;padding:4px 8px;border-radius:12px;font-size:9px}.output-content{padding:23px 24px;min-height:205px;line-height:1.9;font-size:14px;color:#34443e;white-space:pre-line}.diff-mode .pro-card .highlight{background:#faeabe;color:#65470e;padding:1px 3px;border-radius:4px}.output-foot{border-top:1px solid #ecebe5;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8a9590}.copy-button{border:0;background:transparent;color:var(--ink);font-weight:700;font-size:11px}.achievement-strip{margin-top:24px;padding:22px 24px;border-radius:var(--radius);background:linear-gradient(112deg,#173d33,#245548);color:#fff;display:grid;grid-template-columns:minmax(230px,1.6fr) repeat(5,1fr);align-items:center;gap:18px;position:relative;overflow:hidden}.achievement-strip:after{content:"桂";position:absolute;right:-8px;bottom:-64px;font-family:serif;font-size:160px;color:rgba(255,255,255,.025)}.achievement-strip h2{font-family:serif;font-size:18px;margin:0 0 5px}.achievement-strip p{font-size:10px;color:#b9cec5;margin:0}.achievement-strip .eyebrow{font-size:9px;margin-bottom:6px}.metric{border-left:1px solid rgba(255,255,255,.14);padding-left:16px;z-index:1}.metric strong{display:block;font-family:serif;font-size:23px;color:#f2d183}.metric span{font-size:10px;color:#bdd0c8}.metric i{font-style:normal;color:#81d2a7;margin-left:3px}.construction-badge,.prototype-badge,.safe-badge,.course-progress{padding:9px 13px;border-radius:20px;background:var(--gold-soft);color:#8f6820;font-size:11px;white-space:nowrap}.safe-badge{background:#e5eee8;color:#39725d}.notice{display:flex;gap:12px;align-items:center;background:#fff4dc;border:1px solid #ead097;padding:13px 16px;border-radius:12px;margin:-8px 0 20px;color:#806123;font-size:12px}.notice span{color:#756848}.article-copy{min-height:270px}.demo-watermark{margin-left:auto;border:1px dashed #d1a649;padding:4px 7px;font-size:9px;color:#a37b28;transform:rotate(-3deg)}.qa-panel{background:linear-gradient(130deg,#173e34 0%,#28594b 100%);color:#fff;display:grid;grid-template-columns:auto minmax(300px,1fr);align-items:center;gap:20px;padding:25px 28px}.qa-copy{display:flex;align-items:center;gap:12px}.ai-orb{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#f8dfa2,#c2953d);color:#173d33;font-weight:800;font-size:12px;box-shadow:0 0 0 6px rgba(244,211,139,.1)}.qa-copy h2{font-family:serif;margin:0 0 5px;font-size:18px}.qa-copy p{color:#b9cec5;font-size:11px;margin:0}.qa-input{display:flex;background:#fff;border-radius:12px;padding:4px}.qa-input input{border:0;outline:none;padding:10px 12px;flex:1;min-width:0}.qa-input button{border:0;background:var(--gold);color:#fff;border-radius:9px;padding:0 17px}.quick-questions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.quick-questions button{border:1px solid rgba(255,255,255,.18);color:#dce8e3;background:rgba(255,255,255,.06);padding:7px 10px;border-radius:16px;font-size:10px}.answer-box{grid-column:1/-1;background:rgba(255,255,255,.09);border-left:3px solid #e0ba62;padding:14px 17px;border-radius:4px 10px 10px 4px;font-size:13px;line-height:1.7}.knowledge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.knowledge-card{border:1px solid var(--line);background:var(--paper);border-radius:16px;padding:23px;text-align:left;position:relative;min-height:195px;transition:.2s;color:var(--text)}.knowledge-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#bdac82}.knowledge-card small{position:absolute;right:18px;top:18px;color:#c2c9c5}.card-symbol{width:43px;height:43px;border-radius:13px;background:#e6eee9;color:var(--ink);display:grid;place-items:center;font-family:serif}.knowledge-card:nth-child(2) .card-symbol{background:#ede6dd;color:var(--wood)}.knowledge-card:nth-child(3) .card-symbol{background:#f2e7c9;color:#9b7021}.knowledge-card:nth-child(4) .card-symbol{background:#e8e8df}.knowledge-card h3{font-family:serif;color:var(--ink);font-size:18px;margin:22px 0 8px}.knowledge-card p{font-size:11px;color:var(--muted);margin-bottom:16px}.knowledge-card b{font-size:10px;color:var(--wood)}.qa-panel.compact{margin-bottom:30px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.section-title h2{font-family:serif;color:var(--ink);margin:0}.section-title p{font-size:11px;color:var(--muted);margin:0}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.topic-card{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:18px;display:flex;gap:13px;text-align:left;align-items:flex-start;color:var(--text);position:relative}.topic-card:hover{border-color:#aabdb4;box-shadow:0 10px 28px rgba(35,63,51,.08)}.topic-card>span{width:37px;height:37px;background:#e5ede8;border-radius:10px;display:grid;place-items:center;color:var(--ink);font-family:serif;font-weight:700;flex:none}.topic-card small{font-size:9px;color:#9b8880}.topic-card h3{font-size:14px;color:var(--ink);margin:4px 0 6px}.topic-card p{font-size:10px;color:var(--muted);margin:0}.topic-card>b{position:absolute;right:14px;top:14px;color:#9aa59f;font-size:9px;font-weight:400}.topic-card.warning>span{background:#f5ded9;color:var(--danger)}.score-ring{width:78px;height:78px;border-radius:50%;background:conic-gradient(var(--gold) 72%,#e5e2d9 0);display:grid;place-items:center;position:relative}.score-ring:before{content:"";position:absolute;width:61px;height:61px;border-radius:50%;background:var(--cream)}.score-ring strong,.score-ring span{z-index:1;position:absolute}.score-ring strong{font-family:serif;color:var(--ink);font-size:24px;top:15px}.score-ring span{font-size:9px;color:var(--muted);bottom:14px}.practice-layout{display:grid;grid-template-columns:1fr 300px;gap:20px}.case-card,.practice-side{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.case-head{display:flex;justify-content:space-between;font-size:11px;color:var(--wood)}.case-head em{font-style:normal;color:var(--muted)}.progress-line{height:4px;background:#ebe9e2;border-radius:3px;margin:13px 0 28px}.progress-line i{display:block;width:33%;height:100%;background:var(--gold);border-radius:3px}.case-card h2{font-family:serif;color:var(--ink);font-size:21px;margin-bottom:22px}.options{display:grid;gap:10px}.options button{border:1px solid var(--line);background:#fbfaf6;border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px;text-align:left;color:#394840}.options button:hover,.options button.selected{border-color:#829f92;background:#eef4f0}.options button.correct{border-color:#64a481;background:#e8f3ec}.options button.wrong{border-color:#cf8479;background:#faece9}.options i{font-style:normal;width:25px;height:25px;border:1px solid #cfd5d1;border-radius:50%;display:grid;place-items:center;font-size:10px}.quiz-feedback{margin-top:14px;font-size:11px;color:var(--muted)}.next-question{float:right}.practice-side h3{margin-top:0;color:var(--ink)}.practice-stat{background:#edf2ee;padding:14px;border-radius:12px;display:flex;align-items:baseline;gap:7px}.practice-stat strong{font-family:serif;font-size:27px;color:var(--ink)}.practice-stat span{font-size:10px;color:var(--muted)}.practice-side ul{padding:0;list-style:none;margin:20px 0 0}.practice-side li{display:flex;gap:11px;align-items:center;margin:15px 0;color:#7a8580}.practice-side li i{width:25px;height:25px;border-radius:50%;border:1px solid #d1d6d3;display:grid;place-items:center;font-style:normal;font-size:9px}.practice-side li span{font-size:12px}.practice-side li small{display:block;font-size:9px;color:#a2aaa6;margin-top:3px}.practice-side li.done i{background:#dfeee5;color:#327657;border:0}.practice-side li.current{color:var(--ink)}.practice-side li.current i{background:var(--gold);color:#fff;border:0}.studio{display:grid;grid-template-columns:minmax(480px,1.5fr) minmax(300px,.65fr);gap:18px;background:#14362e;padding:18px;border-radius:22px;box-shadow:var(--shadow)}.video-stage{min-height:550px;border-radius:15px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 25%,#67776c,#293b34 58%,#14251f);color:#fff}.video-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,rgba(3,13,9,.7));pointer-events:none}.live-top{position:absolute;z-index:3;top:18px;left:18px;right:18px;display:flex;gap:10px;align-items:center;font-size:10px}.live-top span{background:rgba(0,0,0,.38);padding:7px 10px;border-radius:8px}.live-top span i{display:inline-block;width:7px;height:7px;background:#d66d61;border-radius:50%;margin-right:6px}.live-top b{background:rgba(0,0,0,.38);padding:7px 10px;border-radius:8px}.live-top em{font-style:normal;margin-left:auto;background:rgba(0,0,0,.3);padding:6px 9px;border-radius:8px}.camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.person-silhouette{position:relative;width:200px;height:260px}.person-silhouette:before{content:"";position:absolute;width:84px;height:84px;border-radius:50%;top:16px;left:58px;background:#86968c}.person-silhouette:after{content:"";position:absolute;width:180px;height:170px;border-radius:90px 90px 20px 20px;bottom:0;left:10px;background:#77887d}.camera-placeholder p{margin:8px 0 3px;font-family:serif;font-size:18px;z-index:1}.camera-placeholder small{color:#adbbb4;z-index:1}.floating-comment{position:absolute;z-index:4;background:rgba(255,255,255,.88);color:#31483f;padding:8px 12px;border-radius:16px 16px 16px 4px;font-size:10px;left:20px}.c1{bottom:112px}.c2{bottom:74px;left:45px}.live-controls{position:absolute;z-index:5;bottom:19px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.live-controls button{border:1px solid rgba(255,255,255,.16);background:rgba(8,20,15,.65);color:#fff;padding:9px 12px;border-radius:10px;font-size:10px;white-space:nowrap}.live-controls button:first-child{background:#b94e42;border-color:#b94e42}.live-controls button.off{opacity:.5;text-decoration:line-through}.teleprompter{background:#fbfaf5;border-radius:15px;padding:22px;display:flex;flex-direction:column}.tele-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:15px}.tele-head span{font-family:serif;color:var(--ink);font-size:18px}.tele-head small{display:block;color:var(--gold);font-size:9px;margin-top:4px}.tele-head button{border:0;background:transparent;color:var(--wood);font-size:10px}.tele-content{font-family:serif;font-size:20px;line-height:2;color:#28483d;padding:25px 4px;flex:1}.cue-card{background:#f2e8d6;padding:14px;border-radius:11px}.cue-card span{font-size:9px;color:#a07931}.cue-card p{font-size:11px;line-height:1.6;margin:5px 0 0;color:#604e3d}.live-tips h3{font-size:12px;margin-top:20px}.live-tips ul{list-style:none;padding:0}.live-tips li{font-size:10px;color:var(--muted);margin:10px 0}.live-tips i{font-style:normal;color:var(--gold);margin-right:7px}.modal-backdrop{position:fixed;inset:0;background:rgba(9,27,21,.58);z-index:50;display:grid;place-items:center;padding:20px;backdrop-filter:blur(4px)}.modal-backdrop[hidden]{display:none}.modal{background:var(--paper);border-radius:20px;max-width:720px;width:100%;max-height:86vh;overflow:auto;position:relative;box-shadow:0 25px 80px rgba(0,0,0,.28);padding:30px}.modal-close{position:absolute;right:16px;top:14px;border:0;background:#eceee9;width:30px;height:30px;border-radius:50%;font-size:20px;color:#58645e}.modal h2{font-family:serif;color:var(--ink);margin-top:0}.modal p{color:var(--muted);line-height:1.8;font-size:13px}.modal-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.modal-metrics div{background:#eef2ed;padding:15px;border-radius:12px}.modal-metrics strong{display:block;color:var(--ink);font-family:serif;font-size:21px}.modal-metrics span{font-size:10px;color:var(--muted)}.metric-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:12px}.metric-table th,.metric-table td{text-align:left;padding:11px;border-bottom:1px solid var(--line)}.metric-table th{color:var(--muted);font-weight:400}.metric-table td:last-child{color:#39805f;font-weight:700}.toast{position:fixed;left:calc(50% + 124px);bottom:28px;transform:translate(-50%,20px);background:#173d33;color:#fff;padding:10px 16px;border-radius:10px;font-size:11px;opacity:0;pointer-events:none;z-index:80;transition:.25s;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.form-grid{grid-template-columns:1fr 1fr}.achievement-strip{grid-template-columns:1.5fr repeat(3,1fr)}.achievement-strip .metric:nth-last-child(-n+2){display:none}.topic-grid{grid-template-columns:1fr 1fr}.knowledge-grid{grid-template-columns:1fr 1fr}.studio{grid-template-columns:1fr}.video-stage{min-height:440px}.tele-content{min-height:180px}.practice-layout{grid-template-columns:1fr}.practice-side{display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s;width:235px}.sidebar.open{transform:none}.main-content{margin-left:0}.menu-toggle{display:block}.topbar{padding:0 18px}.page-container{padding:28px 18px 45px}.hero-row{flex-direction:column}.compare-grid,.knowledge-grid,.topic-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.qa-panel{grid-template-columns:1fr}.achievement-strip{grid-template-columns:1fr 1fr}.achievement-strip>div:first-child{grid-column:1/-1}.workflow-tabs{overflow:auto}.type-tab{white-space:nowrap;padding:11px 14px}.studio{padding:10px}.video-stage{min-height:410px}.tele-content{font-size:17px}.toast{left:50%}.modal-metrics{grid-template-columns:1fr 1fr}.top-actions .demo-label{display:none}}
.sidebar-close{display:none;position:absolute;right:12px;top:12px;border:0;background:rgba(255,255,255,.1);color:#fff;width:30px;height:30px;border-radius:50%;font-size:20px;z-index:3}.connection-pill{display:flex;align-items:center;gap:7px;font-size:10px;color:#7a8580;background:#f0f1ec;padding:7px 10px;border-radius:20px}.connection-pill i{width:7px;height:7px;border-radius:50%;background:#a5aaa7}.connection-pill.online{color:#347057;background:#e5f0e9}.connection-pill.online i{background:#55a87e;box-shadow:0 0 0 3px rgba(85,168,126,.12)}.connection-pill.partial{color:#8b681f;background:#f6ecd3}.connection-pill.partial i{background:#cf9c3d}.connection-pill.offline{color:#985045;background:#f6e7e4}.connection-pill.offline i{background:#c9685b}.settings-button{font-size:13px}.model-config{display:grid;gap:10px;margin:18px 0}.model-config>div{display:flex;justify-content:space-between;gap:20px;background:#f2f3ee;border-radius:11px;padding:12px 14px;font-size:11px}.model-config span{color:var(--muted)}.model-config strong{text-align:right;color:var(--ink);word-break:break-all}.connection-note{border-left:3px solid var(--gold);background:#fbf3df;padding:12px 14px;border-radius:4px 10px 10px 4px;font-size:11px!important}@media(max-width:760px){.sidebar-close{display:block}.connection-pill span{display:none}.connection-pill{padding:8px}.settings-button{display:none}}
.task-picker{background:#f4f0e6;border:1px solid #e5dcc8;border-radius:14px;padding:15px;margin-bottom:18px}.task-picker-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.task-picker-label strong{font-size:12px;color:var(--ink)}.task-picker-label span{font-size:10px;color:#936d28}.task-picker .workflow-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border:0;margin:0;overflow:visible}.task-picker .type-tab{padding:12px;border:1px solid #ded9cc;background:#fff;border-radius:11px;display:flex;align-items:center;gap:10px;text-align:left;color:#66736e}.task-picker .type-tab:after{display:none}.task-picker .type-tab>i{font-style:normal;width:31px;height:31px;border-radius:9px;background:#edf0eb;color:#52655d;display:grid;place-items:center;font-family:serif;font-weight:700;flex:none}.task-picker .type-tab span{display:flex;flex-direction:column;gap:3px}.task-picker .type-tab b{font-size:12px;color:var(--ink)}.task-picker .type-tab small{font-size:9px;color:#8b9691}.task-picker .type-tab em{font-style:normal;margin-left:auto;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#d0a950;color:#fff;font-size:9px;opacity:0}.task-picker .type-tab.active{border-color:#c9a755;box-shadow:0 0 0 2px rgba(201,167,85,.12);background:#fffdf7}.task-picker .type-tab.active>i{background:var(--ink);color:#efd184}.task-picker .type-tab.active em{opacity:1}.source-library{margin-top:30px}.source-library .section-title>div{display:block}.source-library .section-title .eyebrow{margin-bottom:5px}.source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.source-card{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:17px;display:flex;align-items:center;gap:14px;text-align:left;color:var(--text);position:relative}.source-card:hover{border-color:#bca571;box-shadow:0 8px 22px rgba(31,52,43,.07)}.source-card>span{font-family:serif;color:#b28a39;font-size:20px}.source-card h3{font-size:13px;color:var(--ink);margin:0 0 4px}.source-card p{font-size:10px;color:var(--muted);margin:0}.source-card>b{margin-left:auto;font-size:9px;color:#9a8776;font-weight:400;white-space:nowrap}.source-card.caution{border-left:3px solid #c98c5b}.compliance-lab{display:grid;grid-template-columns:.85fr 1.4fr;gap:24px;background:linear-gradient(125deg,#fffdf8,#f1eadc);border:1px solid #ded6c6;border-radius:var(--radius);padding:24px;margin-bottom:30px}.compliance-copy h2{font-family:serif;color:var(--ink);margin:0 0 8px}.compliance-copy p{font-size:11px;line-height:1.7;color:var(--muted)}.platform-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.platform-chips button{border:1px solid #d8d5cc;background:#fff;color:#7b8581;border-radius:15px;padding:6px 10px;font-size:9px}.platform-chips button.active{background:var(--ink);border-color:var(--ink);color:#fff}.compliance-tool textarea{width:100%;height:92px;resize:vertical;border:1px solid #d8d5cc;border-radius:11px;background:#fff;padding:13px;outline:none;line-height:1.7;color:var(--text)}.compliance-tool textarea:focus{border-color:#96aa9f;box-shadow:0 0 0 3px rgba(36,84,71,.08)}.compliance-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.compliance-actions .primary-button{margin-top:10px;padding:9px 14px}.compliance-result{margin-top:10px;background:#fff;border-radius:11px;padding:12px 14px;border-left:3px solid #b6beb9}.compliance-result span{font-size:11px;font-weight:700;color:#65716c}.compliance-result p{font-size:10px;color:var(--muted);line-height:1.7;margin:5px 0 0}.compliance-result.risky{border-color:#c36658;background:#fff8f6}.compliance-result.risky span{color:#a44b3e}.compliance-result.safe{border-color:#55a279;background:#f6fcf8}.compliance-result.safe span{color:#347658}.risk-word{display:inline-block;color:#a33d31;background:#f8ddd8;border-radius:4px;padding:1px 4px;margin:1px}.source-note{font-size:10px!important;color:#90877c!important;border-top:1px solid var(--line);padding-top:12px;margin-top:16px!important}@media(max-width:900px){.task-picker .workflow-tabs{grid-template-columns:1fr}.source-grid{grid-template-columns:1fr}.compliance-lab{grid-template-columns:1fr}}@media(max-width:760px){.task-picker-label{align-items:flex-start;gap:8px}.task-picker-label span{text-align:right}.source-card>b{display:none}}
.rag-sources{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.16);color:#e5c87f;font-size:10px;line-height:1.6}.qa-input button:disabled{opacity:.7;cursor:wait}.pdf-open-button{display:inline-flex;margin-top:8px;text-decoration:none;align-items:center;justify-content:center}