@font-face{font-family:"Zhiban Inter";src:url("../assets/fonts/inter-latin.woff2") format("woff2");font-style:normal;font-weight:400 800;font-display:swap}
@font-face{font-family:"Zhiban Barlow";src:url("../assets/fonts/barlow-condensed-400-latin.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Zhiban Barlow";src:url("../assets/fonts/barlow-condensed-500-latin.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Zhiban Barlow";src:url("../assets/fonts/barlow-condensed-600-latin.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Zhiban Barlow";src:url("../assets/fonts/barlow-condensed-700-latin.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
:root { --bg:#f4f3ef; --paper:#fff; --ink:#242937; --muted:#96959a; --line:#e9e7e2; --orange:#f46f4c; --dark:#2f3448; --font:"Zhiban Inter","PingFang SC","Microsoft YaHei",sans-serif; --display:"Zhiban Barlow","Arial Narrow","PingFang SC","Microsoft YaHei",sans-serif; }
* { box-sizing:border-box; }
body { margin:0; min-width:1120px; color:var(--ink); background:var(--bg); font:13px var(--font); -webkit-font-smoothing:antialiased; }
button,input,textarea,select { font:inherit; }
button { color:inherit; cursor:pointer; }
.studio-sidebar { position:fixed; inset:0 auto 0 0; z-index:10; width:220px; padding:24px 18px; display:flex; flex-direction:column; border-right:1px solid #e4e2dd; background:#faf9f6; }
.studio-brand { display:flex; align-items:center; gap:9px; color:var(--ink); text-decoration:none; }
.studio-brand > span { position:relative; width:31px; height:31px; border-radius:10px; background:var(--orange); transform:rotate(-5deg); }
.studio-brand i { position:absolute; width:6px; height:6px; border-radius:50%; background:white; }
.studio-brand i:first-child { top:7px; left:7px; }.studio-brand i:nth-child(2){top:7px;right:7px}.studio-brand i:nth-child(3){width:15px;height:7px;left:8px;bottom:6px;border-radius:2px 2px 8px 8px}
.studio-brand b { font-size:17px; }.studio-brand em { margin-left:auto; padding:3px 6px; border-radius:5px; color:#a26751; background:#fbe7de; font:600 8px var(--display); letter-spacing:.1em; font-style:normal; }
.studio-sidebar nav { margin-top:35px; display:grid; gap:4px; }
.studio-sidebar nav button { position:relative; height:43px; padding:0 12px; display:flex; align-items:center; gap:11px; border:0; border-radius:11px; color:#73737a; background:transparent; text-align:left; font-size:11px; }
.studio-sidebar nav button span { width:20px; color:#88878d; font-size:16px; text-align:center; }
.studio-sidebar nav button:hover,.studio-sidebar nav button.is-active { color:var(--orange); background:#fff; box-shadow:0 7px 20px rgba(35,37,47,.05); font-weight:700; }
.studio-sidebar nav button.is-active::before { content:""; position:absolute; left:0; width:3px; height:19px; border-radius:0 4px 4px 0; background:var(--orange); }
.studio-help { margin-top:auto; padding:12px; display:flex; align-items:center; gap:9px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.studio-help > span { width:27px; height:27px; display:grid; place-items:center; border-radius:8px; color:#8b73aa; background:#eee8f5; font-weight:700; }.studio-help div{display:grid;gap:2px}.studio-help b{font-size:9px}.studio-help small{color:var(--muted);font-size:7px}
.back-site { margin:15px 5px 0; color:#96959a; text-decoration:none; font-size:9px; }
.studio-shell { margin-left:220px; }
.studio-topbar { position:sticky; top:0; z-index:8; height:68px; padding:0 30px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(226,224,219,.9); background:rgba(255,255,255,.88); backdrop-filter:blur(18px); }
.studio-topbar > div { display:flex; align-items:center; gap:7px; color:#8e8d93; font:600 9px var(--display); letter-spacing:.1em; }.environment-dot{width:7px;height:7px;border-radius:50%;background:#e6ae4e;box-shadow:0 0 0 4px #faefd9}
.studio-topbar nav { display:flex; align-items:center; gap:9px; }.studio-topbar nav button{height:35px;padding:0 13px;border:1px solid #dedcd8;border-radius:9px;color:#6f6f76;background:#fff;font-size:9px;font-weight:600}.studio-topbar nav .publish-action{border-color:var(--orange);color:#fff;background:var(--orange)}.studio-user{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#34394e;font-weight:700;cursor:pointer}.environment-dot.is-synced{background:#48ae7d;box-shadow:0 0 0 4px rgba(72,174,125,.12)}
.studio-shell main { max-width:1350px; margin:0 auto; padding:30px 35px 70px; }
.studio-page { display:none; }.studio-page.is-active{display:block;animation:fadeIn .2s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}}
.studio-page-head { margin-bottom:20px; display:flex; align-items:flex-end; justify-content:space-between; gap:30px; }.studio-page-head > div>span{color:var(--orange);font:600 9px var(--display);letter-spacing:.13em}.studio-page-head h1{margin:5px 0 5px;font-size:29px;letter-spacing:-1.2px}.studio-page-head p{margin:0;color:#8f8e94;font-size:10px}.studio-page-head>button{height:38px;padding:0 15px;border:0;border-radius:10px;color:#fff;background:var(--orange);font-size:9px;font-weight:700;box-shadow:0 8px 20px rgba(244,111,76,.2)}
.studio-card { border:1px solid var(--line); border-radius:17px; background:var(--paper); box-shadow:0 8px 24px rgba(37,39,48,.045); }
.character-summary { min-height:230px; margin-bottom:15px; display:grid; grid-template-columns:230px 1fr; border:1px solid #eadfd7; border-radius:20px; background:linear-gradient(125deg,#fff8f2,#fff 55%,#f3eef9); overflow:hidden; box-shadow:0 10px 28px rgba(40,38,46,.05); }
.summary-art { position:relative; display:flex; align-items:flex-end; justify-content:center; background:linear-gradient(150deg,#f5d8ca,#edb99f); overflow:hidden; }.summary-art::before{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.4);border-radius:50%;box-shadow:0 0 0 25px rgba(255,255,255,.08),0 0 0 48px rgba(255,255,255,.04)}.summary-art img{position:relative;z-index:2;height:215px}.summary-art span{position:absolute;z-index:3;top:15px;left:15px;padding:4px 7px;border-radius:6px;color:#9a6751;background:rgba(255,255,255,.7);font:600 8px var(--display)}
.summary-main { padding:27px; }.summary-title{display:flex;justify-content:space-between}.summary-title>div>span{color:#a16d57;font-size:8px}.summary-title h2{margin:4px 0 3px;font-size:24px}.summary-title p{margin:0;color:#8f8e94;font-size:9px}.summary-title>b{height:27px;padding:0 9px;display:flex;align-items:center;gap:5px;border-radius:8px;color:#a37332;background:#fbefd8;font-size:8px}.summary-title>b i{width:5px;height:5px;border-radius:50%;background:#e5a947}
.summary-metrics { margin-top:28px; padding-top:20px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #eeeae5; }.summary-metrics article{padding-left:19px;border-left:1px solid #eeeae5}.summary-metrics article:first-child{padding-left:0;border-left:0}.summary-metrics span{display:block;color:#99989d;font-size:8px}.summary-metrics strong{display:block;margin:7px 0 3px;font:600 25px var(--display)}.summary-metrics small{color:#aaa9ad;font-size:7px}
.studio-grid { display:grid; grid-template-columns:1.15fr 1fr; gap:15px; }.studio-card>header{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eeeae6}.studio-card>header h3{margin:0 0 3px;font-size:12px}.studio-card>header span{color:#aaa8ac;font-size:7px}.studio-card>header button{padding:0;border:0;color:#99979d;background:transparent;font-size:8px}
.readiness-card{padding-bottom:15px}.readiness-card>header{border:0}.readiness-card header strong{font:600 21px var(--display)}.readiness-bar{height:5px;margin:0 20px 13px;border-radius:5px;background:#eeece8;overflow:hidden}.readiness-bar i{display:block;width:72%;height:100%;background:linear-gradient(90deg,var(--orange),#efb557)}.readiness-card ul{margin:0;padding:0 20px;display:grid;list-style:none}.readiness-card li{min-height:38px;display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;border-top:1px solid #f0eeea;color:#65656d;font-size:9px}.readiness-card li>i{width:20px;height:20px;display:grid;place-items:center;border:1px solid #e0ded9;border-radius:7px;color:#aaa8ad;font-size:7px;font-style:normal}.readiness-card li.is-done>i{border-color:#d2eadf;color:#2fa778;background:#e7f6ef}.readiness-card li>b{color:#aaa8ac;font-size:7px}
.activity-card>div{padding:3px 20px 12px}.activity-card article{min-height:57px;display:flex;align-items:center;gap:10px;border-top:1px solid #f0eeea}.activity-card article:first-child{border-top:0}.activity-card article>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;color:#856da3;background:#eee8f5;font-size:8px}.activity-card p{margin:0;display:grid;gap:3px;color:#696870;font-size:8px}.activity-card p b{font-size:9px}.activity-card small{color:#aaa8ac;font-size:7px}
.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:15px}.editor-card{padding-bottom:20px}.editor-card>header span{font:600 8px var(--display);letter-spacing:.12em}.form-grid{padding:18px 20px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.select-row{display:grid;gap:6px}.form-grid label>span,.select-row>span{color:#77767d;font-size:8px;font-weight:600}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid textarea,.select-row select{width:100%;border:1px solid #e6e4df;border-radius:9px;outline:0;color:#55555d;background:#faf9f7;font-size:9px}.form-grid input{height:38px;padding:0 11px}.form-grid textarea{min-height:84px;padding:11px;resize:vertical;line-height:1.65}.form-grid input:focus,.form-grid textarea:focus{border-color:#efaa93;background:#fff}
.principle-list{padding:18px 20px;display:grid;gap:9px}.principle-list>div{display:grid;grid-template-columns:29px 1fr 24px;align-items:center;gap:8px}.principle-list>div>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:#a16a54;background:#fbe9e1;font:600 8px var(--display)}.principle-list textarea{height:48px;padding:9px 10px;border:1px solid #e6e4df;border-radius:9px;resize:none;color:#626169;background:#faf9f7;font-size:8px;line-height:1.5}.principle-list>div button{border:0;color:#aaa8ac;background:transparent}.add-row{width:fit-content;margin-top:3px;padding:0;border:0;color:var(--orange);background:transparent;font-size:8px;font-weight:600}.editor-side{display:grid;align-content:start;gap:15px}.prompt-preview pre{margin:0;padding:18px 20px;min-height:230px;color:#72717a;background:#292d3e;font:9px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.boundary-card{padding:18px 20px;display:grid;gap:12px}.boundary-card h3{margin:0 0 2px;font-size:12px}.boundary-card label{display:flex;align-items:center;gap:7px;color:#6f6e75;font-size:8px}.boundary-card input{accent-color:var(--orange)}
.strategy-flow{padding-bottom:20px;margin-bottom:15px}.strategy-steps{padding:20px;display:flex;align-items:stretch}.strategy-steps>article{flex:1;min-width:0;padding:14px;display:flex;gap:10px;border:1px solid #e9e6e1;border-radius:12px;background:#fcfbf9}.strategy-steps>i{display:grid;place-items:center;width:28px;color:#b4b1b3;font-style:normal}.strategy-steps article>b{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:#a26851;background:#fbe9e1;font:600 8px var(--display)}.strategy-steps h3{margin:1px 0 5px;font-size:10px}.strategy-steps p{margin:0;color:#929096;font-size:7px;line-height:1.55}.strategy-steps article button{margin-left:auto;padding:0;border:0;color:#aaa8ac;background:transparent}.select-row{margin:15px 20px}.select-row select{height:38px;padding:0 10px}.objective-tags{padding:18px 20px 8px;display:flex;flex-wrap:wrap;gap:8px}.objective-tags button{height:31px;padding:0 10px;border:1px solid #e5e3de;border-radius:8px;color:#85848a;background:#faf9f7;font-size:8px}.objective-tags button.is-on{border-color:#efcabc;color:#a65f46;background:#fff3ed}.editor-card>.add-row{margin:7px 20px}
.story-canvas{position:relative;height:590px;background-color:#fbfaf8;background-image:radial-gradient(#dcd9d4 1px,transparent 1px);background-size:18px 18px;overflow:hidden}.canvas-toolbar{position:absolute;z-index:5;top:14px;left:14px;padding:5px;display:flex;align-items:center;gap:4px;border:1px solid #e6e3de;border-radius:10px;background:#fff;box-shadow:0 5px 15px rgba(38,39,47,.07)}.canvas-toolbar button{height:28px;padding:0 9px;border:0;border-radius:7px;color:#8d8c91;background:transparent;font-size:8px}.canvas-toolbar button.is-active{color:#fff;background:#35394d}.canvas-toolbar span{width:1px;height:18px;background:#e8e5e0}.canvas-toolbar b{font:500 8px var(--display)}
.story-node{position:absolute;z-index:3;width:205px;padding:14px;border:1px solid #dfdcd7;border-radius:13px;background:#fff;box-shadow:0 9px 24px rgba(39,40,48,.08)}.story-node header{display:flex;justify-content:space-between}.story-node header span{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;color:#8d8b91;background:#f0efec;font:600 8px var(--display)}.story-node header b{padding:4px 6px;border-radius:6px;color:#8e8d92;background:#f3f2ef;font-size:7px}.story-node h3{margin:13px 0 4px;font-size:11px}.story-node p{margin:0;color:#99979d;font-size:7px}.story-node footer{margin-top:12px;padding-top:9px;border-top:1px solid #eeeae6;color:#aaa8ac;font-size:7px}.story-node.is-complete{border-color:#d7e8df}.story-node.is-complete header span{color:#257b59;background:#e8f5ef}.story-node.is-complete header b{color:#287f5c;background:#e8f5ef}.story-node.is-current{border:2px solid #e58969}.story-node.is-current header span,.story-node.is-current header b{color:#ad6247;background:#fbe8df}.node-1{top:105px;left:75px}.node-2{top:105px;left:360px}.node-3{top:300px;left:360px}.node-4{top:300px;left:650px}.story-link{position:absolute;z-index:1;border:1px dashed #c9c5c3}.story-link i{position:absolute;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#b8b4b3}.link-1{top:175px;left:280px;width:80px}.link-1 i{right:-4px;top:-4px}.link-2{top:230px;left:461px;height:70px}.link-2 i{bottom:-4px;left:-4px}.link-3{top:370px;left:565px;width:85px}.link-3 i{right:-4px;top:-4px}.branch-node{position:absolute;top:474px;left:382px;width:160px;height:37px;border:1px dashed #cfcac7;border-radius:10px;color:#99969a;background:rgba(255,255,255,.7);font-size:8px}
.knowledge-stats,.eval-overview{margin-bottom:15px;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.knowledge-stats article,.eval-overview article{padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(38,39,47,.04)}.knowledge-stats span,.eval-overview span{display:block;color:#99979d;font-size:8px}.knowledge-stats strong,.eval-overview strong{display:block;margin:10px 0 3px;font:600 25px var(--display)}.knowledge-stats small,.eval-overview small{color:#aaa8ac;font-size:7px}.eval-overview small.positive{color:#36a978}
.knowledge-table>header>div{display:grid;gap:3px}.knowledge-table>header label{height:32px;padding:0 9px;display:flex;align-items:center;gap:6px;border:1px solid #e6e3df;border-radius:8px;background:#faf9f7}.knowledge-table>header input{border:0;outline:0;background:transparent;font-size:8px}.knowledge-table table{width:100%;border-collapse:collapse}.knowledge-table th,.knowledge-table td{height:61px;padding:0 17px;border-top:1px solid #eeeae6;color:#737279;font-size:8px;text-align:left}.knowledge-table th{height:39px;color:#aaa8ac;background:#faf9f7;font-weight:500}.knowledge-table td:first-child{display:table-cell}.knowledge-table td b{display:block;margin-bottom:3px;color:#5d5d65;font-size:9px}.knowledge-table td small{color:#aaa8ac;font-size:7px}.status-ready{color:#2d9b6e}.status-processing{color:#9272b3}.status-warning{color:#d18a32}
.voice-layout{display:grid;grid-template-columns:360px 1fr;gap:15px}.voice-profile{min-height:500px;padding:35px;display:flex;align-items:center;flex-direction:column;text-align:center;background:linear-gradient(145deg,#fff9f5,#f3edf9)}.voice-orb{width:170px;height:170px;margin:15px 0 25px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:50%;background:radial-gradient(circle,#fff 0 18%,#eadffa 20% 40%,#8c78b2 42% 44%,#e7dcf4 46% 63%,transparent 65%);box-shadow:0 25px 50px rgba(95,75,133,.14)}.voice-orb i{width:4px;height:35px;border-radius:4px;background:#7f6aa6;animation:voice 1s infinite alternate}.voice-orb i:nth-child(2){height:65px;animation-delay:.15s}.voice-orb i:nth-child(3){height:85px;animation-delay:.3s}.voice-orb i:nth-child(4){height:55px;animation-delay:.45s}.voice-orb i:nth-child(5){height:28px;animation-delay:.6s}@keyframes voice{to{transform:scaleY(.45)}}.voice-profile>span{color:#9d7cb8;font:600 8px var(--display);letter-spacing:.12em}.voice-profile h2{margin:10px 0 5px;font-size:18px}.voice-profile p{margin:0;color:#96949a;font-size:8px}.voice-profile button{width:180px;height:38px;margin:25px 0 17px;border:0;border-radius:10px;color:#fff;background:#34394e;font-size:9px;font-weight:700}.voice-profile small{color:#99979d;font-size:7px}.voice-profile small b{color:#ca8632}.voice-settings{padding-bottom:20px}.voice-settings label{margin:25px 25px;display:grid;gap:12px}.voice-settings label span{display:flex;justify-content:space-between;color:#727179;font-size:9px}.voice-settings label b{font:600 10px var(--display)}.voice-settings input{width:100%;accent-color:var(--orange)}.voice-capabilities{margin:30px 25px 0;padding-top:20px;display:flex;gap:8px;border-top:1px solid #ece9e5}.voice-capabilities span{padding:7px 10px;border:1px solid #e3e0dc;border-radius:8px;color:#99979d;background:#faf9f7;font-size:8px}.voice-capabilities span.is-on{border-color:#efc6b7;color:#a76148;background:#fff1ea}
.eval-layout{display:grid;grid-template-columns:1fr 1fr;gap:15px}.eval-cases{padding-bottom:15px}.eval-cases>article{margin:0 20px;padding:14px 0;display:grid;grid-template-columns:1fr auto;gap:7px;border-top:1px solid #eeeae6}.eval-cases article div{display:grid;gap:3px}.eval-cases article span{font-size:9px}.eval-cases article small{color:#aaa8ac;font-size:7px}.eval-cases article>b{font:600 11px var(--display)}.eval-cases article>i{grid-column:1/-1;height:4px;border-radius:4px;background:#efede9;overflow:hidden}.eval-cases article>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),#efad64)}.test-chat{height:505px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.test-chat>header>div{display:grid;gap:3px}.test-chat>div{padding:18px;overflow:auto;background:#f8f7f4}.test-chat p{max-width:75%;margin:10px 0;padding:10px 12px;border-radius:5px 13px 13px;color:#616068;background:#fff;font-size:8px;line-height:1.65;box-shadow:0 4px 12px rgba(38,39,47,.04)}.test-chat p.is-user{margin-left:auto;border-radius:13px 5px 13px 13px;color:#fff;background:#34394e}.test-chat>footer{padding:11px;display:flex;gap:8px;border-top:1px solid #ece9e5}.test-chat footer input{flex:1;min-width:0;height:36px;padding:0 10px;border:1px solid #e4e2dd;border-radius:9px;outline:0;background:#faf9f7;font-size:8px}.test-chat footer button{width:60px;border:0;border-radius:9px;color:#fff;background:var(--orange);font-size:8px;font-weight:700}
.studio-toast{position:fixed;z-index:30;left:50%;bottom:25px;padding:10px 16px;border-radius:10px;color:#fff;background:rgba(41,44,59,.95);box-shadow:0 12px 30px rgba(27,28,35,.2);font-size:9px;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:.2s}.studio-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.environment-dot.has-changes{background:#e7954d;box-shadow:0 0 0 4px rgba(231,149,77,.12)}
.created-character-list{margin:-4px 0 15px;display:grid;gap:8px}.created-character-list[hidden]{display:none}.created-character-list article{min-height:70px;padding:12px 15px;display:grid;grid-template-columns:42px 1fr auto auto;align-items:center;gap:11px;border:1px solid #e7e1dc;border-radius:14px;background:#fff}.created-character-list article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:#3a4058;font-size:13px;font-weight:700}.created-character-list h3{margin:0 0 3px;font-size:11px}.created-character-list p{margin:0;color:#99969c;font-size:8px}.created-character-list b{padding:4px 7px;border-radius:6px;color:#a36a52;background:#fae9e1;font-size:7px}.created-character-list button{height:30px;padding:0 10px;border:1px solid #e4dfda;border-radius:8px;color:#747178;background:#faf9f7;font-size:8px}
.story-chapter-list{margin-top:14px;display:grid;gap:8px}.story-chapter-list[hidden]{display:none}.story-chapter-list article{min-height:66px;padding:11px 14px;display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:11px;border:1px solid #e7e1dc;border-radius:13px;background:#fff}.story-chapter-list article>b{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#9b6b57;background:#fae9e1;font:600 8px var(--display)}.story-chapter-list h3{margin:0 0 3px;font-size:10px}.story-chapter-list p{margin:0;color:#99969c;font-size:7px}.story-chapter-list span{color:#858289;font-size:7px}.story-chapter-list button{border:0;color:#b26b5e;background:transparent;font-size:7px}
.studio-modal-layer{position:fixed;z-index:100;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;transition:.2s}.studio-modal-layer.is-open{pointer-events:auto;opacity:1}.studio-modal-backdrop{position:absolute;inset:0;background:rgba(24,25,32,.46);backdrop-filter:blur(3px)}.studio-dialog{position:relative;width:min(650px,calc(100vw - 30px));max-height:min(760px,calc(100vh - 35px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-radius:20px;background:#fff;box-shadow:0 30px 100px rgba(14,15,20,.3);overflow:hidden;transform:translateY(10px);transition:.22s}.is-open .studio-dialog{transform:none}.studio-dialog>header{min-height:72px;padding:14px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ebe7e3}.studio-dialog>header>div{display:grid;gap:3px}.studio-dialog>header span{color:#9a77b0;font:600 7px var(--display);letter-spacing:.12em}.studio-dialog h2{margin:0;font-size:16px}.studio-dialog>header button{width:32px;height:32px;border:0;border-radius:9px;color:#8d8a90;background:#f2f0ed;font-size:16px}.studio-dialog>div{padding:20px;overflow:auto;background:#faf9f7}.studio-dialog>footer{min-height:62px;padding:10px 17px;display:flex;justify-content:flex-end;align-items:center;gap:8px;border-top:1px solid #ebe7e3}.studio-dialog>footer button{min-width:85px;height:35px;padding:0 13px;border:1px solid #e3ded9;border-radius:9px;color:#76737a;background:#faf9f7;font-size:8px;font-weight:700}.studio-dialog>footer .is-primary{border-color:var(--orange);color:#fff;background:var(--orange)}
.studio-dialog-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.studio-dialog-form label{display:grid;gap:6px}.studio-dialog-form label.full{grid-column:1/-1}.studio-dialog-form label span{color:#77747b;font-size:8px;font-weight:700}.studio-dialog-form input,.studio-dialog-form textarea{width:100%;min-height:40px;padding:0 10px;border:1px solid #e3ded9;border-radius:9px;outline:0;color:#55535a;background:#fff;font:9px var(--font)}.studio-dialog-form textarea{min-height:105px;padding-top:10px;resize:vertical;line-height:1.6}.studio-action-list{display:grid;gap:8px}.studio-action-list button{min-height:42px;padding:0 12px;border:1px solid #e5e0db;border-radius:10px;color:#66636b;background:#fff;text-align:left;font-size:9px}.studio-help-content h3{margin:0 0 10px;font-size:13px}.studio-help-content ol{padding-left:18px;color:#706d74;font-size:9px;line-height:2}.studio-help-content a{color:var(--orange);font-size:9px}.knowledge-table td button{border:0;background:transparent;color:#77737a}.test-chat p.is-typing{color:#99969c;font-style:italic}
.studio-login-intro{margin-bottom:15px;padding:15px;border-radius:12px;color:#706d74;background:#f1efeb;font-size:9px;line-height:1.7}.studio-login-intro p{margin:0 0 6px}.studio-login-intro a{color:var(--orange);text-decoration:none;font-weight:600}
@media(max-width:1250px){.studio-shell main{padding-left:25px;padding-right:25px}.strategy-steps{display:grid;grid-template-columns:1fr 25px 1fr}.strategy-steps>i:nth-of-type(2){display:none}.strategy-steps>article:nth-of-type(3),.strategy-steps>article:nth-of-type(4){margin-top:12px}.directory-grid{grid-template-columns:repeat(2,1fr)}}

/* Match the lighter user-facing typography scale. */
body,button,input,textarea,select{font-synthesis:none}
body,input,textarea,select{font-weight:400}
button{font-weight:500!important}
h1,h2,h3,h4,h5,h6,strong,b{font-weight:500!important}
.studio-brand,.studio-brand b{font-weight:700!important}
.studio-page-head>div>span,.studio-topbar>div,.editor-card>header span,.voice-profile>span,.studio-dialog>header span{font-weight:500!important}
@media(max-width:820px){input,textarea,select{font-size:16px!important}input,textarea,select,button{touch-action:manipulation}}