@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#e9f1ee;background:#0c161b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.hidden{display:none!important}.app{display:flex;min-height:100vh}.sidebar{width:246px;flex:none;background:#101d22;border-right:1px solid #294047;padding:28px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:5px 8px 40px}.brand strong{display:block;font:800 15px Manrope;letter-spacing:.13em;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:.29em;color:#83a7a6;margin-top:5px}.brand-mark{height:33px;width:33px;display:flex;align-items:center;gap:3px}.brand-mark span{width:3px;background:#8de2d1;border-radius:3px;height:18px}.brand-mark span:nth-child(2){height:30px}.brand-mark span:nth-child(3){height:24px}.brand-mark span:nth-child(4){height:13px}nav{display:grid;gap:7px}.nav{border:0;background:none;color:#8fa8aa;text-align:left;padding:13px 15px;border-radius:10px;font-weight:600}.nav span{display:inline-block;width:25px;font-size:18px;vertical-align:-1px}.nav:hover,.nav.active{background:#20363c;color:#d6f8ef}.sidebar-bottom{margin-top:auto;padding:0 8px}.connection{display:flex;align-items:center;gap:9px;color:#9cb7b6;font-size:12px;padding:7px 0}.status-dot{width:7px;height:7px;border-radius:50%;background:#d69968;box-shadow:0 0 10px #d69968}.status-dot.ready{background:#80dcc3;box-shadow:0 0 10px #80dcc3}.sidebar-note{border-top:1px solid #2b4146;margin-top:22px;padding-top:20px;color:#718e90;line-height:1.7;font-size:12px}main{flex:1;min-width:0}.topbar{height:70px;border-bottom:1px solid #26393f;display:flex;align-items:center;justify-content:space-between;padding:0 43px;background:#0e191e}.crumb{color:#9cb3b5;font-weight:700;letter-spacing:.2em;font-size:10px}.crumb span{color:#59777a;margin:0 8px}.crumb span:last-child{color:#bce7da;margin:0}.top-actions{display:flex;align-items:center;gap:24px;color:#8ba6a8;font-size:12px}.view{padding:42px 44px 70px;max-width:1580px;margin:auto}.button{border:1px solid transparent;border-radius:9px;padding:12px 19px;font-weight:700;font-size:13px;transition:.2s}.button:hover{transform:translateY(-1px)}.button-primary{background:#9ae5d2;color:#0e2729}.button-primary:hover{background:#b6f5e4}.button-ghost{background:transparent;color:#c5d8d7;border-color:#3c585b}.button-ghost:hover{border-color:#9ae5d2;color:#fff}.button-danger{background:#573633;color:#ffd3c9;border-color:#8b5048}.button.small{padding:9px 14px;font-size:11px}.eyebrow{color:#8ee1cc;font-size:10px;font-weight:800;letter-spacing:.22em}.hero{background:radial-gradient(circle at 73% 46%,#1b4b49 0,#112b32 32%,#14292e 64%,#14252b 100%);border:1px solid #355457;border-radius:18px;min-height:358px;padding:47px 56px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.hero h1,.page-heading h1,.studio-heading h1{font:800 clamp(32px,4.2vw,56px)/1.13 Manrope,sans-serif;letter-spacing:-.055em;margin:16px 0}.hero h1 em{color:#a5e9d5;font-style:normal}.hero p{color:#a5bdbc;max-width:465px;line-height:1.7;font-size:14px}.hero-buttons{display:flex;gap:10px;margin-top:26px}.hero-buttons .button span{margin-left:16px}.hero-art{width:360px;min-width:360px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #72a9a54a;border-radius:50%;width:360px;height:360px}.orbit-two{width:245px;height:245px}.hero-disc{position:absolute;width:95px;height:95px;display:grid;place-items:center;border-radius:50%;font:800 36px Manrope;color:#173038;box-shadow:0 0 65px #8ee1cc80}.host-disc{background:#a1e5d4;left:52px;top:74px}.guest-disc{background:#efbd9b;right:51px;bottom:74px;box-shadow:0 0 65px #efbd9b60}.hero-wave{position:absolute;color:#a4e8d9;letter-spacing:6px;white-space:nowrap;font-size:19px;transform:rotate(-12deg);opacity:.85}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:48px 0 19px}.section-heading h2{font:800 23px Manrope;letter-spacing:-.03em;margin:7px 0 0}.link-button{border:0;background:none;color:#a8dfd0;font-weight:700;font-size:12px}.cards,.persona-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card,.persona-card,.episode-row,.empty{background:#14252b;border:1px solid #2b4549;border-radius:13px;padding:20px}.card:hover,.persona-card:hover,.episode-row:hover{border-color:#689890}.card-top,.episode-row-head{display:flex;align-items:center;justify-content:space-between}.card h3,.episode-row h3{font:700 16px Manrope;margin:22px 0 7px}.card p,.episode-row p{color:#91adae;font-size:12px;margin:0;line-height:1.6}.tag,.pill{font-size:10px;font-weight:800;letter-spacing:.1em;border:1px solid #4a6a68;color:#a4decf;border-radius:100px;padding:6px 9px;text-transform:uppercase}.tag.complete,.pill.complete{color:#aeead2;border-color:#458a73}.tag.failed,.pill.failed{color:#ffc2b1;border-color:#975d54}.card-arrow{font-size:18px;color:#9bdccf}.persona-strip{display:flex;gap:13px;flex-wrap:wrap}.persona-chip{display:flex;align-items:center;gap:11px;background:#162a2f;border:1px solid #2f4b4f;border-radius:10px;padding:10px 17px;color:#deeeee;font-size:13px;font-weight:700}.avatar,.avatar-lg{border-radius:50%;background:linear-gradient(135deg,#a2d8cf,#347678);color:#173138;display:grid;place-items:center;object-fit:cover;font-weight:800}.avatar{width:38px;height:38px}.avatar-lg{width:67px;height:67px;font-size:24px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.page-heading h1{font-size:42px;margin:8px 0}.page-heading p{color:#9fb6b5;margin:0;font-size:14px}.persona-card{min-height:238px;display:flex;flex-direction:column}.persona-card h3{font:800 17px Manrope;margin:14px 0 5px}.persona-card p{color:#90abad;font-size:12px;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.persona-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:19px;color:#8caaa9;font-size:11px}.persona-card-foot button{border:0;background:none;color:#a4e7d5;font-size:12px;font-weight:700}.episode-list{display:grid;gap:12px}.episode-row{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.episode-row h3{margin:7px 0}.episode-row-right{text-align:right;display:grid;gap:10px;justify-items:end}.empty{text-align:center;padding:50px;color:#91acac;grid-column:1/-1}.empty strong{display:block;color:#d5ece5;font:700 17px Manrope;margin-bottom:7px}.notice{position:fixed;z-index:10;top:80px;right:25px;max-width:460px;background:#4d3435;border:1px solid #a46862;padding:13px 16px;border-radius:10px;font-size:13px;box-shadow:0 20px 50px #0008}.notice.ok{background:#244840;border-color:#578c79}.dialog{background:#14252b;color:#e8f4ee;border:1px solid #466365;border-radius:17px;width:min(680px,calc(100vw - 30px));max-height:90vh;padding:0;box-shadow:0 30px 90px #000b}.dialog::backdrop{background:#041013ba;backdrop-filter:blur(7px)}.dialog form{display:flex;flex-direction:column;max-height:90vh}.dialog-head,.dialog-actions{padding:25px 30px;display:flex;justify-content:space-between;align-items:center}.dialog-head{border-bottom:1px solid #2e494c}.dialog-head h2{font:800 26px Manrope;margin:5px 0 0}.icon-button{background:none;border:0;color:#9eb7b7;font-size:25px}.dialog-scroll{overflow:auto;padding:25px 30px;display:grid;gap:18px}.dialog-actions{border-top:1px solid #2e494c;justify-content:end;gap:9px}.dialog label{display:grid;gap:8px;font-size:12px;font-weight:700;color:#bad2cf}.dialog input:not([type=checkbox]),.dialog textarea,.dialog select{width:100%;background:#0e1c21;border:1px solid #38545a;border-radius:8px;color:#e4f2ed;padding:11px 12px;outline:none}.dialog input:focus,.dialog textarea:focus,.dialog select:focus{border-color:#9be5d0}.dialog textarea{resize:vertical;line-height:1.5}.dialog input[type=file]{font-size:11px}.dialog input[type=color]{padding:4px;height:41px}.dialog .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hint{font-weight:400;color:#799d9c}.image-preview{height:84px;border:1px dashed #486569;border-radius:8px;display:grid;place-items:center;font-size:11px;color:#739594;overflow:hidden}.image-preview img{height:100%;width:100%;object-fit:contain}.knowledge-list{font-size:11px;color:#91b4b0;line-height:1.7}.checks{align-self:end;display:grid;gap:10px}.checks label{display:flex;align-items:center;gap:7px}.studio-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.studio-heading h1{font-size:30px;margin:7px 0}.studio-meta{color:#83a3a3;font-size:12px}.studio-controls{display:flex;align-items:center;gap:10px}.back{background:none;border:0;padding:0;color:#8fc8bb;font-weight:700;margin-bottom:25px}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:17px}.stage-shell{background:#13232a;border:1px solid #355057;border-radius:13px;overflow:hidden}.stage-shell canvas{display:block;width:100%;aspect-ratio:16/9;background:#10232c}.stage-footer{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#95b5b1;font-size:10px;font-weight:800;letter-spacing:.12em}.stage-footer button{background:none;border:0;color:#adc8c4;font-size:17px}.record-dot{display:inline-block;width:7px;height:7px;background:#f78071;border-radius:50%;margin-right:6px}.studio-side{background:#14252b;border:1px solid #355057;border-radius:13px;min-height:450px;display:flex;flex-direction:column;overflow:hidden}.side-tabs{display:flex;border-bottom:1px solid #355057}.side-tab{background:none;border:0;color:#87a5a4;padding:15px;flex:1;font-size:12px;font-weight:700}.side-tab.active{color:#b7f2df;border-bottom:2px solid #a5e8d7}.side-content{padding:18px;overflow-y:auto;height:calc(100vh - 290px);min-height:405px}.transcript-item{border-left:2px solid #517b79;padding:0 0 16px 13px;margin-bottom:14px}.transcript-item.host{border-color:#9ce2d3}.transcript-item.guest{border-color:#e9b997}.transcript-item strong{display:block;color:#b1dfd3;font-size:10px;letter-spacing:.14em;margin-bottom:8px}.transcript-item.guest strong{color:#e9b997}.transcript-item p{margin:0;color:#c6d8d4;font-size:13px;line-height:1.65}.activity-item{border-bottom:1px solid #2e494b;padding:12px 0;font-size:12px;color:#a5c1bd;line-height:1.5}.activity-item strong{display:block;color:#d3e9e3;margin-bottom:5px}.studio-downloads{display:flex;gap:10px;margin-top:17px;flex-wrap:wrap}.studio-downloads a{color:#afe5d5;border:1px solid #436460;border-radius:8px;padding:11px 14px;text-decoration:none;font-size:12px;font-weight:700}.studio-downloads a:hover{background:#1c393a}@media(max-width:1100px){.hero-art{width:260px;min-width:260px}.studio-layout{grid-template-columns:1fr}.side-content{height:330px;min-height:0}}@media(max-width:760px){.sidebar{width:66px;padding:18px 9px}.brand{padding:0 6px 35px}.brand>div:last-child,.nav{font-size:0}.sidebar-bottom{display:none}.nav span{font-size:20px}.topbar{padding:0 17px}.top-actions #clock{display:none}.view{padding:25px 17px}.hero{padding:30px;min-height:0}.hero-art{display:none}.cards,.persona-grid{grid-template-columns:1fr}.page-heading{align-items:start}.page-heading h1{font-size:31px}.page-heading p{max-width:240px}.studio-heading{align-items:start;gap:10px}.studio-controls{flex-direction:column}.dialog .form-row{grid-template-columns:1fr}}
.review-player{display:block;width:100%;aspect-ratio:16/9;background:#081317;border:1px solid #355057;border-radius:12px;margin-top:20px}
.activity-item a{display:inline-block;margin-top:7px;color:#a8e8d5;text-decoration:none;font-weight:700}.activity-item a:hover{text-decoration:underline}
.demo-setup{border:1px solid #38545a;border-radius:11px;padding:18px;display:grid;gap:15px}.demo-setup legend{color:#9be5d0;font:700 12px Manrope;padding:0 8px}.privacy-note{margin:0;color:#91b4b0;font-size:11px;line-height:1.6}.credential-fields{display:grid;gap:15px}.demo-setup details{border-top:1px solid #2e494c;padding-top:12px}.demo-setup summary{cursor:pointer;color:#91b4b0;font-size:11px}.selector-grid{display:grid;gap:12px;margin-top:12px}.studio-downloads a.video-download{background:#9ae5d2;color:#0e2729;border-color:#9ae5d2;font-size:13px;padding:12px 17px}.studio-downloads a.video-download:hover{background:#b6f5e4}
