:root{--ink:#1b252b;--deep:#14242b;--paper:#fbfaf6;--sand:#f1eee5;--line:#dedbd1;--muted:#69747a;--coral:#ee745b;--coral-dark:#cf5946;--gold:#f0c866;--mint:#b8dfc9;--violet:#cdc7f2;--white:#fffdf8;--serif:Georgia, "Times New Roman", serif}.role-options{border:0;margin:0;padding:0}.role-options legend{color:#4f5a5e;margin-bottom:7px;font-size:11px;font-weight:700}.access-note{color:#6e6559;background:#fbf8f0;border:1px dashed #bfb8aa;border-radius:8px;grid-column:1/-1;margin:0;padding:14px 16px;font-size:11px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}.app-shell{max-width:1510px;min-height:100vh;margin:0 auto;overflow:hidden}.app-topbar{z-index:12;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbfaf6f0;align-items:center;gap:38px;min-height:76px;padding:0 7%;display:flex;position:sticky;top:0}.wordmark{color:var(--ink);letter-spacing:-1.2px;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:23px;font-weight:800;display:flex}.wordmark>span:last-child>span{color:var(--coral)}.wordmark-icon{background:var(--ink);border-radius:9px;grid-template-columns:repeat(3,1fr);gap:3px;width:27px;height:27px;padding:5px;display:grid;transform:rotate(-8deg)}.wordmark-icon i{background:#fff7e6;border-radius:2px}.wordmark-icon i:nth-child(2){background:var(--gold)}.wordmark-icon i:nth-child(3){background:var(--coral)}.app-nav{align-self:stretch;align-items:center;gap:28px;display:flex}.app-nav button{color:#6d7578;background:0 0;border:0;height:100%;padding:1px 0;font-size:13px;font-weight:600;position:relative}.app-nav button.active:after{content:"";background:var(--coral);height:3px;position:absolute;bottom:0;left:0;right:0}.topbar-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.generation-indicator{color:#4e5a5e;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.generation-indicator i{background:#64bb8b;border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse;box-shadow:0 0 0 4px #64bb8b26}.user-chip{text-align:left;background:0 0;border:0;grid-template-columns:30px auto;align-items:center;column-gap:8px;padding:4px 0;display:grid}.user-chip>span{background:var(--gold);border-radius:50%;grid-row:span 2;place-items:center;width:30px;height:30px;font-size:10px;font-weight:800;display:grid}.user-chip b{text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:11px;overflow:hidden}.user-chip small{color:#778285;text-transform:capitalize;font-size:9px}.button{border:0;border-radius:7px;padding:12px 16px;font-size:12px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s}.button:not(:disabled):hover{transform:translateY(-2px)}.button-ink{color:#fff;background:var(--ink);box-shadow:0 5px #0e171b}.button-ink span,.button-ink b{color:var(--gold);margin-left:7px}.button-outline{color:var(--ink);background:0 0;border:1px solid #cfcac0}.button-outline span{color:var(--coral);margin-left:7px}.button.compact{padding:9px 11px;font-size:10px}.kicker{color:#7a756d;letter-spacing:1.15px;margin:0 0 11px;font-family:monospace;font-size:10px;font-weight:700}.welcome-screen{background:var(--sand);grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);min-height:calc(100vh - 76px);padding:clamp(60px,8vw,125px) 10% 90px;display:grid;position:relative;overflow:hidden}.welcome-copy-block{z-index:1;max-width:590px;position:relative}.welcome-copy-block h1,.workspace h1,.access-pending h1,.student-hero h1{font-family:var(--serif);letter-spacing:-3.5px;margin:0 0 22px;font-size:clamp(45px,5vw,78px);font-weight:500;line-height:.95}.welcome-copy-block h1 em{color:var(--coral);font-weight:500}.welcome-copy-block>p:not(.kicker){color:#566264;max-width:500px;margin-bottom:28px;font-size:16px;line-height:1.55}.welcome-actions{flex-wrap:wrap;gap:11px;display:flex}.welcome-note{color:#79827e;max-width:500px;margin-top:31px;font-size:11px;line-height:1.5;display:block}.welcome-art{min-height:360px;position:relative}.art-orbit{border:1px dashed #c6c0b3;border-radius:50%;width:360px;height:360px;position:absolute;top:-7px;right:7%}.art-card{position:absolute;box-shadow:0 24px 45px #423d3026}.art-card-orange{z-index:2;color:#fff9ed;background:var(--coral);border-radius:19px 19px 57px;width:285px;min-height:191px;padding:26px;top:41px;right:14%;transform:rotate(5deg)}.art-card-orange span{letter-spacing:1px;margin-bottom:14px;font:10px monospace;display:block}.art-card-orange strong{font:30px/1.04 var(--serif);letter-spacing:-1.4px;display:block}.art-card-orange i{color:#ffe287;font-size:21px;font-style:normal;position:absolute;bottom:23px;right:27px}.art-card-yellow{background:var(--gold);border-radius:14px 14px 14px 39px;width:141px;padding:15px 17px;bottom:22px;left:0;transform:rotate(-10deg)}.art-card-yellow b{font:31px var(--serif);display:block}.art-card-yellow small,.art-card-mint small{color:#5c4d1d;font-size:10px;line-height:1.28;display:block}.art-card-mint{background:var(--mint);border-radius:18px 18px 38px;width:118px;padding:16px;bottom:14px;right:0;transform:rotate(9deg)}.art-card-mint b{font:26px var(--serif);margin-bottom:5px;display:block}.art-card-mint small{color:#315947}.floating-dot{border-radius:50%;position:absolute}.floating-dot.one{background:#c0dcca;width:14px;height:14px;top:18px;right:1%}.floating-dot.two{background:#9689db;width:8px;height:8px;bottom:4px;left:26%}.floating-dot.three{background:#f2a96d;width:10px;height:10px;top:210px;left:3%}.welcome-footer{color:#7f837c;letter-spacing:.1px;justify-content:space-between;font:10px monospace;display:flex;position:absolute;bottom:27px;left:10%;right:10%}.access-pending{background:linear-gradient(120deg,#f1eee5 0%,#f8f5ed 65%,#dfece3 100%);grid-template-columns:1fr auto;align-items:center;gap:40px;min-height:calc(100vh - 76px);padding:10% 12%;display:grid}.access-pending h1{font-size:clamp(40px,5vw,68px)}.access-pending p{color:#5d696b;max-width:620px;line-height:1.55}.access-actions{flex-direction:column;gap:12px;display:flex}.access-pending code{color:#6e6559;background:#fbf8f0;border:1px dashed #bfb8aa;border-radius:8px;grid-column:1/-1;padding:14px 16px;font-size:11px}.workspace{width:min(1280px,100%);margin:0 auto;padding:70px 7% 90px}.workspace-hero{color:#fff9ee;background:var(--deep);border-radius:15px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;min-height:245px;padding:39px 42px;display:grid;position:relative;overflow:hidden}.workspace-hero:before{content:"";border:1px dashed #ffffff3d;border-radius:50%;width:230px;height:230px;position:absolute;top:-70px;right:15%}.workspace-hero:after{content:"";background:#ed7660;border-radius:44px;width:215px;height:215px;position:absolute;bottom:-78px;right:-35px;transform:rotate(22deg)}.workspace-hero>*{z-index:1;position:relative}.workspace-hero .kicker{color:#bdcfca}.workspace-hero h1{letter-spacing:-2.3px;margin-bottom:12px;font-size:48px}.workspace-hero p:not(.kicker){color:#d2dcd5;max-width:470px;margin:0;font-size:13px;line-height:1.55}.workspace-hero-actions{align-items:flex-end;gap:10px;padding-bottom:3px;display:flex}.workspace-hero-actions .button-ink{color:var(--ink);background:#f6cf6c;box-shadow:0 5px #b18b2e}.workspace-hero-actions .button-ink span{color:var(--coral-dark)}.workspace-hero-actions .button-outline{color:#fff8eb;border-color:#ffffff73}.hero-side-note{display:none}.section-title-row{justify-content:space-between;align-items:flex-start;gap:25px;margin:64px 0 26px;display:flex}.section-title-row h1{margin:0 0 14px;font-size:clamp(39px,4vw,62px)}.section-title-row h2{font:500 30px var(--serif);letter-spacing:-1.2px;margin:0}.section-lede{color:#647074;max-width:550px;margin:0;font-size:14px;line-height:1.6}.count-label{color:#778083;letter-spacing:.5px;padding-top:14px;font:10px monospace}.miniapp-grid{grid-template-columns:repeat(3,minmax(190px,1fr));gap:15px;display:grid}.miniapp-card{border:1px solid var(--line);background:var(--white);border-radius:13px;flex-direction:column;min-height:293px;display:flex;overflow:hidden}.miniapp-art{height:122px;position:relative;overflow:hidden}.miniapp-art:before{content:"";border:3px solid #ffffff94;border-radius:47px;width:153px;height:153px;position:absolute;bottom:-44px;right:-35px;transform:rotate(25deg)}.miniapp-art>i{border:3px solid #ffffff94;border-radius:50%;display:block;position:absolute}.miniapp-art>i:first-child{width:43px;height:43px;top:17px;right:34px}.miniapp-art>i:nth-child(2){border-radius:50%;width:74px;height:21px;bottom:13px;left:31px;transform:rotate(-13deg)}.miniapp-art>i:nth-child(3){width:18px;height:18px;top:82px;left:130px}.miniapp-content{flex:1;padding:15px 16px 9px}.miniapp-meta{color:#798184;letter-spacing:.4px;text-transform:uppercase;justify-content:space-between;align-items:center;gap:5px;margin-bottom:9px;font:9px monospace;display:flex}.miniapp-meta b{letter-spacing:0;text-transform:capitalize;font-size:9px}.miniapp-meta b:before{content:"";background:#e1a54d;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.miniapp-meta b.published:before{background:#52b67f}.miniapp-content h3{letter-spacing:-.4px;margin:0 0 6px;font-size:17px}.miniapp-content p{color:#707a7e;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.miniapp-card footer{justify-content:space-between;gap:8px;padding:0 15px 14px;display:flex}.card-link{color:#5a6468;background:0 0;border:0;padding:0;font-size:10px;font-weight:700}.card-link span{color:var(--coral)}.add-card{color:#5f696c;text-align:center;background:#f8f6f0;border:1px dashed #c9c5bb;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:293px;display:flex}.add-card>span{width:41px;height:41px;color:var(--coral);background:#e8e4d9;border-radius:50%;place-items:center;margin-bottom:13px;font-size:28px;font-weight:300;display:grid}.add-card strong{font-size:13px}.add-card small{color:#909699;margin-top:5px;font-size:10px}.inline-callout{background:#f2eee4;border:1px solid #d9d2c4;border-radius:10px;align-items:center;gap:15px;margin-top:25px;padding:18px 21px;display:flex}.inline-callout>span{color:#83663b;background:var(--gold);border-radius:50%;flex:0 0 31px;place-items:center;width:31px;height:31px;font:11px monospace;display:grid}.inline-callout strong{font-size:13px}.inline-callout p{color:#6c7475;margin:3px 0 0;font-size:11px}.inline-callout a{color:#344249;white-space:nowrap;margin-left:auto;font-size:11px;font-weight:800}.empty-state{text-align:center;background:#f9f7f1;border:1px dashed #c9c4b8;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:38px;display:flex}.empty-state>span{color:#e97259;width:48px;height:48px;font:24px var(--serif);background:#f9d1c2;border-radius:16px 16px 30px;place-items:center;margin-bottom:13px;display:grid}.empty-state h2{font:500 25px var(--serif);letter-spacing:-1px;margin:0 0 7px}.empty-state p{color:#697376;max-width:405px;margin:0 0 18px;font-size:12px;line-height:1.55}.empty-state div{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.loading-rows{gap:13px;display:grid}.loading-rows i{background:linear-gradient(100deg,#eeeae0 20%,#f7f5ef 40%,#eeeae0 60%) 0 0/200% 100%;border-radius:9px;height:68px;animation:1.4s infinite shimmer;display:block}.classes-workspace .section-title-row{margin-top:0}.join-code-banner{color:#fdf7ec;background:#243c43;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin:0 0 28px;padding:22px 25px;display:flex}.join-code-banner span{color:#bed0ca;letter-spacing:1px;margin-bottom:5px;font:10px monospace;display:block}.join-code-banner strong{color:var(--gold);letter-spacing:5px;font:32px monospace;display:block}.join-code-banner p{color:#ced8d2;margin:6px 0 0;font-size:11px}.join-code-banner button{color:#fff8ec;background:0 0;border:1px solid #ffffff4d;border-radius:6px;padding:9px 11px;font-size:11px;font-weight:800}.class-list{gap:12px;display:grid}.class-card{border:1px solid var(--line);background:var(--white);border-radius:12px;grid-template-columns:52px minmax(170px,1fr) minmax(190px,1.1fr) auto;align-items:center;gap:18px;padding:18px;display:grid}.class-monogram{color:#504b83;background:var(--violet);border-radius:13px 13px 31px;place-items:center;width:50px;height:50px;font:700 12px monospace;display:grid}.class-name p{color:#7d8383;text-transform:uppercase;margin:0 0 4px;font:9px monospace}.class-name h2{font:500 21px var(--serif);letter-spacing:-.7px;margin:0 0 4px}.class-name small{color:#757d80;font-size:10px}.class-assignment-summary{flex-wrap:wrap;gap:5px;display:flex}.class-assignment-summary span{color:#596469;background:#eeece6;border-radius:5px;padding:6px 8px;font-size:10px}.class-assignment-summary .muted{color:#919796;background:0 0}.class-card .button{white-space:nowrap}.insights-workspace .section-title-row{margin-top:0}.insights-layout{border:1px solid var(--line);background:var(--white);border-radius:13px;grid-template-columns:245px minmax(0,1fr);min-height:490px;display:grid;overflow:hidden}.assignment-picker{border-right:1px solid var(--line);background:#f5f2ea;flex-direction:column;gap:5px;padding:20px 13px;display:flex}.assignment-picker>span{color:#7a7a75;letter-spacing:.8px;margin:0 8px 9px;font:9px monospace}.assignment-picker button{text-align:left;background:0 0;border:0;border-radius:7px;padding:11px 12px}.assignment-picker button.selected{background:#fff;box-shadow:0 3px 8px #3d372914}.assignment-picker strong,.assignment-picker small{display:block}.assignment-picker strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.assignment-picker small{color:#788082;margin-top:4px;font-size:9px}.insights-main{padding:29px}.insight-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:20px;display:flex}.label{color:#778183;letter-spacing:.8px;font:9px monospace}.insight-heading h2{font:500 27px var(--serif);letter-spacing:-1px;margin:5px 0 3px}.insight-heading p{color:#777f81;margin:0;font-size:11px}.insight-status{color:#318364;white-space:nowrap;background:#e0f0e7;border-radius:5px;padding:7px 9px;font-size:10px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 0;display:grid}.metric{background:#f4f1e9;border-radius:9px;padding:15px}.metric strong{font:29px var(--serif);margin-bottom:3px;display:block}.metric span{color:#727b7d;font-size:10px}.evidence-list{gap:10px;display:grid}.evidence-card{border:1px solid var(--line);border-radius:9px;padding:17px}.evidence-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.evidence-anon{color:#838b8c;text-transform:uppercase;font:9px monospace}.evidence-card h3{color:#26343a;text-transform:capitalize;margin:4px 0 0;font-size:15px}.mastery-pill{color:#8d653b;background:#f7e6c4;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:800}.mastery-pill.secure,.mastery-pill.advanced{color:#318462;background:#ddf0e5}.mastery-pill.developing{color:#6b6494;background:#e5e2fa}.mastery-pill.pending{color:#6b7475;background:#ecece8}.evidence-card>p{color:#5e696d;margin:13px 0 8px;font-size:12px;line-height:1.5}.evidence-card ul{gap:5px;margin:0 0 14px;padding:0;list-style:none;display:grid}.evidence-card li{color:#6b7577;font-size:10px}.evidence-card li:before{color:#e57459;content:"✦";margin-right:6px}.evidence-card footer{border-top:1px solid #ece9e2;gap:4px;padding-top:12px;display:grid}.evidence-card footer strong{color:#4a5456;font-size:10px}.evidence-card footer span{color:#667173;font-size:11px;line-height:1.4}.empty-insight{color:#7b8384;text-align:center;place-items:center;min-height:275px;display:grid}.empty-insight span{color:#db7a60;font:27px var(--serif);margin-bottom:8px;display:block}.empty-insight p{max-width:280px;margin:0;font-size:12px;line-height:1.5}.student-workspace{min-height:calc(100vh - 76px)}.student-hero{color:#fff8eb;background:#21363d;justify-content:space-between;align-items:flex-end;gap:30px;padding:80px 10% 50px;display:flex}.student-hero .kicker{color:#bed0cb}.student-hero h1{margin-bottom:12px;font-size:clamp(43px,5vw,68px)}.student-hero p:not(.kicker){color:#d1dbd5;max-width:495px;margin:0;font-size:14px;line-height:1.55}.student-hero .button-outline{color:#fff8eb;border-color:#fff6}.student-stat-row{color:#5d625d;background:#ece8de;grid-template-columns:repeat(3,1fr);margin:-1px auto 0;padding:0 10%;display:grid}.student-stat-row div{border-right:1px solid #dbd5c9;align-items:baseline;gap:8px;padding:18px 0;display:flex}.student-stat-row div:not(:first-child){padding-left:24px}.student-stat-row div:last-child{border:0}.student-stat-row strong{color:#35434a;font:28px var(--serif)}.student-stat-row span{font-size:10px}.student-assignment-section{width:min(1280px,100%);margin:0 auto;padding:58px 7% 90px}.student-assignment-section .section-title-row{margin:0 0 25px}.student-assignment-grid{grid-template-columns:repeat(3,minmax(200px,1fr));gap:15px;display:grid}.student-assignment{border-radius:13px;flex-direction:column;min-height:260px;padding:20px;display:flex}.shade-0{background:#f0a083}.shade-1{background:#a99fdf}.shade-2{background:#98cfb7}.shade-3{background:#f0c668}.student-assignment-icon{width:38px;height:38px;font:23px var(--serif);background:#ffffffb8;border-radius:10px;place-items:center;margin-bottom:25px;display:grid}.student-assignment>span{color:#253232a3;text-transform:uppercase;font:9px monospace}.student-assignment h3{font:500 24px var(--serif);letter-spacing:-.8px;margin:7px 0 5px}.student-assignment>p{color:#465a59;margin:0;font-size:11px}.student-assignment footer{justify-content:space-between;align-items:end;gap:10px;margin-top:auto;display:flex}.student-assignment footer small{color:#455856;max-width:100px;font-size:9px;line-height:1.35}.student-assignment .button{color:#fff;background:#24373e;box-shadow:0 4px #12212561}.player-overlay{z-index:30;background:#121c209e;padding:22px;position:fixed;inset:0;overflow:auto}.player-shell{background:var(--white);border-radius:14px;grid-template-rows:auto minmax(570px,calc(100vh - 90px));grid-template-columns:minmax(0,1fr) 295px;max-width:1420px;min-height:680px;margin:auto;display:grid;overflow:hidden;box-shadow:0 25px 80px #00000052}.player-shell>header{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;min-height:70px;padding:12px 20px;display:flex}.player-shell header>div:first-child{grid-template-columns:auto 1fr;align-items:center;column-gap:12px;display:grid}.back-link{color:#667275;background:0 0;border:0;grid-column:1/-1;justify-self:start;padding:0;font-size:10px;font-weight:800}.player-shell header strong{font-size:13px}.player-shell header span{color:#778082;font-size:10px}.player-status{color:#57806d;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.player-status i{background:#63b58b;border-radius:50%;width:7px;height:7px}.player-stage{background:#e8e8e3;padding:13px}.player-stage iframe{background:#fff;border:0;border-radius:8px;width:100%;height:100%;min-height:520px;display:block}.player-sidebar{border-left:1px solid var(--line);background:#f8f6f0;flex-direction:column;padding:25px 22px;display:flex}.player-sidebar h2{font:500 25px/1.02 var(--serif);letter-spacing:-.9px;margin:0 0 11px}.player-sidebar>p:not(.kicker){color:#657073;margin:0;font-size:12px;line-height:1.55}.event-timeline{gap:8px;margin:21px 0;display:grid}.event-timeline span{color:#616d70;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;font-size:10px;overflow:hidden}.event-timeline i{background:#e8755c;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.event-timeline .muted{color:#969c9b;text-transform:none}.submit-button{width:100%;margin-top:auto}.privacy-note{color:#88908f;margin-top:14px;font-size:9px;line-height:1.45}.student-feedback{background:#e0efe4;border-radius:9px;margin:10px 0;padding:15px}.student-feedback>span{color:#478166;letter-spacing:.5px;font:9px monospace}.student-feedback p{color:#426050;margin:7px 0 13px;font-size:12px;line-height:1.48}.student-feedback strong{color:#315342;font-size:10px}.teacher-preview-shell{background:var(--white);border-radius:14px;grid-template-rows:auto minmax(570px,calc(100vh - 90px));max-width:1420px;min-height:680px;margin:auto;display:grid;overflow:hidden;box-shadow:0 25px 80px #00000052}.teacher-preview-shell>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:70px;padding:12px 20px;display:flex}.teacher-preview-shell header>div:first-child{grid-template-columns:auto 1fr;align-items:center;column-gap:12px;display:grid}.teacher-preview-shell header strong{font-size:13px}.teacher-preview-shell header span{color:#778082;font-size:10px}.teacher-preview-shell.is-fullscreen{border-radius:0;grid-template-rows:70px minmax(0,1fr);width:100vw;max-width:none;height:100vh;min-height:0}.teacher-preview-shell.is-fullscreen .player-stage iframe{min-height:0}.modal-backdrop{z-index:40;background:#141f2294;place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow:auto}.modal{background:var(--white);border-radius:14px;width:min(100%,530px);max-height:calc(100vh - 44px);padding:33px;position:relative;overflow:auto;box-shadow:0 25px 70px #00000038}.modal h2{font:500 32px/1.02 var(--serif);letter-spacing:-1.25px;margin:0 0 10px}.modal-lede{color:#647073;margin:0 0 23px;font-size:12px;line-height:1.55}.modal-close{color:#677174;background:#f0ede5;border:0;border-radius:50%;width:28px;height:28px;padding:0;font-size:21px;line-height:1;position:absolute;top:12px;right:14px}.modal-form{gap:13px;display:grid}.modal-form label{color:#4f5a5e;gap:6px;font-size:11px;font-weight:700;display:grid}.modal-form input,.modal-form textarea,.modal-form select{width:100%;color:var(--ink);background:#fff;border:1px solid #d6d2c8;border-radius:6px;outline:none;padding:10px 11px;font-size:12px}.modal-form input:focus,.modal-form textarea:focus,.modal-form select:focus{border-color:#e47c63;box-shadow:0 0 0 3px #ee745b1f}.modal-form textarea{resize:vertical;line-height:1.45}.form-split{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-primary{width:100%;margin-top:4px}.modal-switch{color:#556367;background:0 0;border:0;margin-top:14px;padding:0;font-size:11px;font-weight:700}.modal-divider{color:#9ca19f;align-items:center;gap:10px;margin:17px 0;font-size:10px;display:flex}.modal-divider:before,.modal-divider:after{content:"";background:#e3dfd7;flex:1;height:1px}.google-button{color:#4b565a;background:#fff;border:1px solid #d8d4ca;border-radius:6px;width:100%;padding:10px;font-size:11px;font-weight:800}.config-warning{color:#914b40;background:#fee3dc;border-radius:6px;margin:0 0 15px;padding:10px;font-size:11px}.delivery-options{grid-template-columns:1fr 1fr;gap:9px;display:grid}.delivery-options button{text-align:left;background:#faf9f5;border:1px solid #d9d4c9;border-radius:7px;padding:10px}.delivery-options button.selected{background:#e7f1eb;border-color:#6b8b80}.delivery-options b,.delivery-options small{display:block}.delivery-options b{font-size:11px}.delivery-options small{color:#76807e;margin-top:3px;font-size:9px;line-height:1.35}.code-input{letter-spacing:5px;text-align:center;text-transform:uppercase;color:#334247!important;font:700 23px monospace!important}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.toast{z-index:60;color:#edf7f1;background:#263e3b;border-radius:8px;max-width:min(420px,100vw - 44px);padding:14px 16px;font-size:12px;line-height:1.4;position:fixed;bottom:22px;right:22px;box-shadow:0 14px 35px #00000040}.toast.error{color:#fff6f2;background:#8a3e34}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}@keyframes shimmer{to{background-position:-200% 0}}@media (width<=950px){.app-topbar{padding:0 5%}.workspace,.student-assignment-section{padding-left:5%;padding-right:5%}.welcome-screen{padding-left:7%;padding-right:7%}.miniapp-grid,.student-assignment-grid{grid-template-columns:repeat(2,minmax(190px,1fr))}.workspace-hero h1{font-size:42px}.class-card{grid-template-columns:52px 1fr auto}.class-assignment-summary{display:none}.player-shell{grid-template-columns:minmax(0,1fr) 245px}.player-sidebar{padding:21px 17px}.welcome-footer{left:7%;right:7%}}@media (width<=700px){.app-topbar{gap:14px;min-height:65px}.app-nav{gap:15px}.app-nav button{font-size:11px}.topbar-actions{gap:8px}.generation-indicator,.user-chip b,.user-chip small{display:none}.user-chip{display:block}.welcome-screen{padding-top:65px;display:block}.welcome-art{min-height:290px;margin-top:45px}.art-orbit{width:290px;height:290px}.art-card-orange{right:5%}.welcome-footer{gap:7px;margin-top:28px;display:grid;position:static}.workspace-hero{min-height:0;padding:31px 26px 27px;display:block}.workspace-hero-actions{margin-top:22px}.section-title-row{margin-top:45px}.class-card{grid-template-columns:45px 1fr;gap:12px}.class-card .button{grid-column:2;justify-self:start}.insights-layout{grid-template-columns:1fr}.assignment-picker{border-right:0;border-bottom:1px solid var(--line);max-height:175px;overflow:auto}.insights-main{padding:20px}.student-hero{padding:60px 8% 42px;display:block}.student-hero .button{margin-top:20px}.student-stat-row{padding:0 8%}.student-stat-row div:not(:first-child){padding-left:12px}.student-stat-row strong{font-size:23px}.player-overlay{padding:0}.player-shell{border-radius:0;min-height:100vh;display:block}.player-stage{height:58vh}.player-stage iframe{min-height:0}.player-sidebar{border-left:0;border-top:1px solid var(--line);min-height:340px}.access-pending{padding:16% 9%;display:block}.access-actions{flex-direction:row;margin:24px 0;display:flex}.join-code-banner{flex-direction:column;align-items:flex-start}.join-code-banner strong{font-size:26px}.modal{padding:28px 22px}.modal h2{font-size:28px}}@media (width<=480px){.wordmark{font-size:20px}.app-nav{overflow:auto}.app-nav button:nth-child(3){display:none}.miniapp-grid,.student-assignment-grid{grid-template-columns:1fr}.workspace{padding-top:43px}.welcome-copy-block h1,.workspace h1,.student-hero h1{letter-spacing:-2.2px;font-size:45px}.workspace-hero h1{font-size:39px}.workspace-hero-actions{flex-direction:column;align-items:stretch}.workspace-hero-actions .button{width:100%}.form-split,.delivery-options{grid-template-columns:1fr}.metric-grid{gap:6px}.metric{padding:11px}.metric strong{font-size:23px}.insight-heading{display:block}.insight-status{margin-top:11px;display:inline-block}.player-shell>header{align-items:flex-start;min-height:86px}.player-status{margin-top:4px}.player-sidebar{padding:22px}}.player-header-actions{align-items:center;gap:14px;display:flex}.fullscreen-button{color:#526165;background:#f8f6f0;border:1px solid #d4d2ca;border-radius:6px;padding:7px 9px;font-size:10px;font-weight:800}.fullscreen-button:hover{color:#26383e;background:#fff;border-color:#aaa99f}.fullscreen-button span{color:#e26f55!important;font-size:13px!important}.player-shell.is-fullscreen{border-radius:0;grid-template-rows:70px minmax(0,1fr);width:100vw;max-width:none;height:100vh;min-height:0}.player-shell.is-fullscreen .player-stage iframe{min-height:0}@media (width<=480px){.player-header-actions{gap:7px}.fullscreen-button{padding:6px;font-size:0}.fullscreen-button span{font-size:15px!important}}.miniapp-card-main{width:100%;color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;flex:1;padding:0;display:flex}.miniapp-card-main:focus-visible{outline-offset:-3px;outline:3px solid #e7705759}.miniapp-title-input{width:100%;color:inherit;letter-spacing:-.35px;background:0 0;border:0;border-bottom:1px solid #0000;outline:0;margin:0;padding:0;font:700 18px/1.2 Arial,Helvetica,sans-serif}.miniapp-title-input:hover,.miniapp-title-input:focus{border-bottom-color:#8d86ec}.miniapp-title-input:disabled{cursor:wait;opacity:.65}.miniapp-art iframe{z-index:2;pointer-events:none;transform-origin:0 0;background:#fff;border:0;width:1280px;height:800px;position:absolute;top:0;left:0;transform:scale(.235)}.miniapp-art:has(iframe)>i{opacity:0}.miniapp-art:has(iframe):after{opacity:0}.edit-hint{color:#d6664f;margin-top:9px;font-size:9px;font-weight:800;display:block}.editor-overlay{z-index:70;background:#17282e;position:fixed;inset:0}.miniapp-editor{color:#25343a;background:#f4f1e9;grid-template-rows:64px minmax(0,1fr);width:100%;height:100%;display:grid}.editor-topbar{color:#edf2ed;background:#20363e;border-bottom:1px solid #ffffff1f;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:18px;padding:0 20px;display:grid}.editor-back{color:#d9e3df;background:0 0;border:1px solid #ffffff3d;border-radius:6px;justify-self:start;padding:7px 9px;font-size:10px;font-weight:800}.editor-topbar>div:nth-child(2){align-items:baseline;gap:12px;display:flex}.editor-topbar>div:nth-child(2) span{color:#9eb5ae;letter-spacing:1px;font:9px monospace}.editor-topbar>div:nth-child(2) strong{font-size:14px}.editor-save-state{color:#b8cbc5;align-items:center;gap:7px;font-size:10px;display:flex}.editor-save-state i{background:#68c28f;border-radius:50%;width:7px;height:7px}.editor-loading{color:#728083;align-content:center;place-items:center;gap:12px;display:grid}.editor-loading span{border:3px solid #d8d3c8;border-top-color:#e8745b;border-radius:50%;width:31px;height:31px;animation:.8s linear infinite editor-spin}.editor-layout{grid-template-columns:235px minmax(360px,1fr) minmax(320px,42%);min-height:0;display:grid}.editor-files,.editor-preview{background:#f7f4ed;min-height:0}.editor-files{border-right:1px solid #d7d3c9}.editor-preview{border-left:1px solid #d7d3c9}.editor-panel-title,.editor-tabbar{background:#ebe7dd;border-bottom:1px solid #d9d5cc;justify-content:space-between;align-items:center;height:45px;padding:0 14px;display:flex}.editor-panel-title>span{color:#657174;letter-spacing:1px;font:9px monospace}.editor-panel-title small{color:#5f6b6e;background:#dcd8ce;border-radius:11px;place-items:center;min-width:21px;height:21px;font-size:9px;display:grid}.editor-panel-title button{color:#536367;background:0 0;border:0;padding:0;font-size:9px;font-weight:800}.file-tree{height:calc(100vh - 109px);padding:9px 7px;overflow:auto}.file-tree button{color:#59666a;text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;width:100%;padding:9px 8px;display:grid}.file-tree button:hover{background:#ebe7dc}.file-tree button.selected{color:#273b42;background:#fff;box-shadow:0 2px 7px #35312714}.file-tree button i{color:#dd735c;font:9px monospace}.file-tree button span{text-overflow:ellipsis;white-space:nowrap;font:10px monospace;overflow:hidden}.file-tree button small{color:#959b99;font-size:8px}.editor-code{background:#222c30;grid-template-rows:45px minmax(0,1fr);min-width:0;min-height:0;display:grid}.editor-tabbar{color:#dbe5e0;background:#2c383c;border-color:#3a4446}.editor-tabbar span{text-overflow:ellipsis;white-space:nowrap;font:10px monospace;overflow:hidden}.editor-tabbar button{color:#27393f;background:#efb95b;border:0;border-radius:5px;padding:6px 9px;font-size:9px;font-weight:900}.editor-code textarea{resize:none;color:#dbe5e0;tab-size:2;background:#202a2e;border:0;outline:0;width:100%;height:100%;padding:20px;font:12px/1.65 monospace}.asset-placeholder,.preview-empty{color:#8d999a;text-align:center;align-content:center;place-items:center;padding:30px;display:grid}.asset-placeholder span{color:#e27b62;font:30px var(--serif)}.asset-placeholder h2{color:#dce4df;margin:10px 0 5px;font:19px monospace}.asset-placeholder p{max-width:320px;margin:0;font-size:11px;line-height:1.5}.asset-image-preview{background:#11191b;align-content:center;place-items:center;gap:12px;height:100%;min-height:0;margin:0;padding:24px;display:grid;overflow:auto}.asset-image-preview img{object-fit:contain;background:#fff;border:1px solid #304044;border-radius:8px;max-width:100%;max-height:calc(100vh - 260px);display:block;box-shadow:0 12px 30px #0000003d}.asset-image-preview figcaption{color:#a8b3b2;overflow-wrap:anywhere;text-align:center;font:11px monospace}.editor-preview{grid-template-rows:45px minmax(0,1fr);display:grid}.editor-preview iframe{background:#fff;border:0;width:100%;height:100%}@keyframes editor-spin{to{transform:rotate(360deg)}}@media (width<=900px){.editor-layout{grid-template-columns:190px minmax(0,1fr)}.editor-preview{display:none}}@media (width<=600px){.editor-topbar{grid-template-columns:auto 1fr}.editor-save-state{display:none}.editor-layout{grid-template-columns:125px minmax(0,1fr)}.file-tree button{grid-template-columns:18px minmax(0,1fr)}.file-tree button small{display:none}}.editor-files{grid-template-rows:45px minmax(150px,1fr) minmax(180px,34%);display:grid}.editor-files .file-tree{height:auto;min-height:0}.version-history{background:#f0ede5;border-top:1px solid #d5d1c7;min-height:0;overflow:hidden}.version-history>div:last-child{height:calc(100% - 45px);padding:7px;overflow:auto}.version-history article{border-bottom:1px solid #dedad0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px 6px;display:grid}.version-history article.current{background:#e3eee7;border-radius:6px}.version-history article>span{color:#d56d55;font:700 9px monospace}.version-history article div{min-width:0}.version-history article strong,.version-history article small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.version-history article strong{color:#4b575a;font-size:9px}.version-history article small{color:#909694;margin-top:3px;font-size:7px}.version-history article button,.version-history article b{color:#546568;background:#fff;border:1px solid #c7c5bd;border-radius:4px;padding:4px 5px;font-size:7px}.version-history article b{color:#397459;background:0 0;border:0}.editor-code{grid-template-rows:45px minmax(0,1fr) auto}.ai-edit-bar{background:#2b373b;border-top:1px solid #3b4649;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px;display:grid}.ai-edit-bar>div{grid-column:1/-1;align-items:center;gap:6px;display:flex}.ai-edit-bar>div span{color:#f0b85b;font-size:15px}.ai-edit-bar label{color:#aebfba;letter-spacing:1px;font:9px monospace}.ai-edit-bar textarea{resize:vertical;color:#dbe5e0;background:#202b2f;border:1px solid #4b585a;border-radius:6px;outline:0;min-height:58px;padding:9px;font:10px/1.45 sans-serif}.ai-edit-bar textarea:focus{border-color:#dd8a71}.ai-edit-bar>button{color:#26373d;background:#efb95b;border:0;border-radius:6px;align-self:stretch;min-width:83px;padding:8px;font-size:9px;font-weight:900}.editor-preview{grid-template-rows:45px minmax(180px,1fr) auto}.preview-frame{min-height:0}.preview-frame iframe{width:100%;height:100%}.asset-tools{background:#eeeae1;border-top:1px solid #d4d0c6;flex-wrap:wrap;align-items:center;gap:7px;padding:12px;display:flex}.asset-tools>div{flex:1 0 100%;min-width:0}.asset-tools span,.asset-tools strong{display:block}.asset-tools span{color:#818987;letter-spacing:.8px;font:8px monospace}.asset-tools strong{color:#4b595c;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font:10px monospace;overflow:hidden}.asset-tools>button{color:#4a5a5d;background:#fff;border:1px solid #c8c5bc;border-radius:5px;padding:7px 8px;font-size:8px;font-weight:800}.asset-tools>button:nth-of-type(2){color:#fff;background:#7659ba;border-color:#7659ba}.asset-tools>button.subtle{background:0 0;border:0;text-decoration:underline}.asset-tools p{color:#7d8788;margin:0;font-size:9px}.modal:has(.assignment-builder){width:min(100%,840px)}.assignment-builder .modal-form{gap:16px}.class-picker{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid}.class-picker legend{color:#4f5a5e;grid-column:1/-1;margin-bottom:6px;font-size:11px;font-weight:700}.class-picker button{color:#4f5c60;text-align:left;background:#faf9f5;border:1px solid #d7d3ca;border-radius:8px;grid-template-columns:35px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:10px;display:grid}.class-picker button.selected{background:#e9f1ec;border-color:#6d8d82;box-shadow:0 0 0 2px #567e6f1a}.class-picker button>span{color:#554f81;background:#dcd7f5;border-radius:9px 9px 20px;place-items:center;width:34px;height:34px;font:700 9px monospace;display:grid}.class-picker button strong,.class-picker button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.class-picker button strong{font-size:10px}.class-picker button small{color:#818988;margin-top:3px;font-size:8px}.class-picker button i{color:#36765a;font-style:normal}.target-mode{background:#ece8de;border-radius:9px;grid-template-columns:1fr 1fr;gap:8px;padding:5px;display:grid}.target-mode button{color:#5c686b;text-align:left;background:0 0;border:0;border-radius:6px;padding:10px 11px}.target-mode button.selected{color:#26383e;background:#fff;box-shadow:0 2px 7px #37322814}.target-mode b,.target-mode small{display:block}.target-mode b{font-size:10px}.target-mode small{color:#808887;margin-top:3px;font-size:8px}.differentiation-builder{gap:9px;display:grid}.differentiation-heading{justify-content:space-between;align-items:end;gap:12px;display:flex}.differentiation-heading strong,.differentiation-heading small{display:block}.differentiation-heading strong{font-size:11px}.differentiation-heading small{color:#7a8586;margin-top:3px;font-size:9px}.differentiation-heading button{color:#536467;background:#fff;border:1px solid #cfcbc2;border-radius:5px;padding:6px 8px;font-size:8px;font-weight:800}.delivery-group{background:#faf9f5;border:1px solid #d6d2c9;border-radius:8px;overflow:hidden}.delivery-group>header{background:#efebe2;border-bottom:1px solid #ddd9d0;grid-template-columns:minmax(110px,.7fr) minmax(180px,1.3fr) auto;gap:7px;padding:8px;display:grid}.delivery-group header input,.delivery-group header select{color:#4e5b5e;background:#fff;border:1px solid #d0ccc3;border-radius:5px;min-width:0;padding:7px 8px;font-size:9px}.delivery-group header button{color:#916052;background:#f7ddd5;border:0;border-radius:5px;width:28px;font-size:17px}.student-checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:170px;padding:8px;display:grid;overflow:auto}.student-checklist>span{color:#828b8b;text-align:center;grid-column:1/-1;padding:13px;font-size:9px}.student-checklist label{background:#fff;border-radius:6px;grid-template-columns:auto 29px minmax(0,1fr);align-items:center;gap:7px;padding:7px;display:grid}.student-checklist label.disabled{opacity:.42}.student-checklist label>input{width:auto}.student-checklist label>span{color:#57507d;background:#e0dcf5;border-radius:8px;place-items:center;width:28px;height:28px;font:700 8px monospace;display:grid}.student-checklist label strong,.student-checklist label small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.student-checklist label strong{font-size:9px}.student-checklist label small{color:#89908f;margin-top:2px;font-size:7px}@media (width<=650px){.class-picker,.student-checklist{grid-template-columns:1fr}.delivery-group>header{grid-template-columns:1fr auto}.delivery-group header select{grid-area:2/1/auto/-1}.target-mode{grid-template-columns:1fr}}:root{--ink:#17263b;--deep:#111d33;--paper:#f6f8fc;--sand:#edf1f8;--line:#dbe2ef;--muted:#66768d;--coral:#ff6b61;--coral-dark:#d94e4a;--gold:#ffc85b;--mint:#9ee6cf;--violet:#bdb9ff;--white:#fff;--electric:#665cf6}body{background:radial-gradient(circle at 92% -5%,#7967ff29,transparent 28rem),radial-gradient(circle at 5% 12%,#6adabb24,transparent 24rem),var(--paper)}.app-shell{max-width:1620px;overflow:visible}.app-topbar{background:#f6f8fcd1;border-color:#cfd8eacc;width:min(100%,1620px);min-height:82px;margin:auto}.wordmark{color:#1d2c48}.wordmark-icon{background:linear-gradient(140deg,#665cf6,#302e80);border-radius:10px 10px 16px;box-shadow:0 5px 14px #4f48d240}.app-nav button.active:after{background:var(--electric);border-radius:4px 4px 0 0;height:3px}.app-nav button.active{color:#4c45d2}.button{border-radius:12px}.button-ink{background:linear-gradient(135deg,#6157e8,#443cba);box-shadow:0 5px #332d93,0 10px 20px #4b43c82b}.button-ink span,.button-ink b{color:#ffe788}.button-ink:not(:disabled):hover{box-shadow:0 7px #332d93,0 15px 25px #4b43c830}.button-outline{background:#ffffffbd;border-color:#ced7e6}.workspace{width:min(1360px,100%);padding-top:52px}.workspace-hero{background:linear-gradient(125deg,#182b49 2%,#24205a 58%,#5b49bf 100%);border:1px solid #7e77ff40;border-radius:26px;min-height:300px;padding:48px 50px;box-shadow:0 24px 50px #1d285729}.workspace-hero:before{border:1px dashed #ffffff5c;width:310px;height:310px;top:-88px;right:21%}.workspace-hero:after{background:linear-gradient(135deg,#ff776a,#feab60);border-radius:60px;width:290px;height:290px;bottom:-115px;right:-55px;box-shadow:inset 14px 12px #ffffff1f}.workspace-hero h1{font-size:clamp(40px,4.5vw,60px)}.workspace-hero-actions .button-ink{background:linear-gradient(135deg,#ffe075,#ffb94f);box-shadow:0 5px #cc8b2c}.section-title-row{margin-top:56px}.section-title-row h2{letter-spacing:-1.3px;font-family:Arial,Helvetica,sans-serif;font-size:29px;font-weight:800}.miniapp-grid{grid-template-columns:repeat(3,minmax(250px,1fr));gap:20px}.miniapp-card{background:#ffffffed;border:1px solid #ccd6e8f0;border-radius:22px;min-height:405px;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 26px #26365e12}.miniapp-art{height:258px;background:#463dca!important}.miniapp-art:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(#0000,#121c405c);height:52%;position:absolute;inset:auto 0 0}.miniapp-art:before{z-index:1;border-color:#ffffff4d;width:210px;height:210px;bottom:-36px;right:-10px}.miniapp-art>i{z-index:1}.tone-0 .miniapp-art{background:linear-gradient(145deg,#ff8174,#ffbd72)!important}.tone-1 .miniapp-art{background:linear-gradient(145deg,#8279f0,#3b36a0)!important}.tone-2 .miniapp-art{background:linear-gradient(145deg,#49bd9f,#b1ebc2)!important}.tone-3 .miniapp-art{background:linear-gradient(145deg,#ffc866,#f38d5c)!important}.miniapp-art iframe{z-index:2;width:1366px;height:900px;transform:scale(.29)}.miniapp-art:has(iframe):after{opacity:1}.miniapp-content{flex:0;gap:8px;min-height:112px;padding:14px 17px 8px;display:grid}.miniapp-meta{color:#77849b;margin:0}.miniapp-meta b{background:#f0f4fb;border-radius:999px;padding:3px 7px}.miniapp-content p{min-height:30px;font-size:11px}.tag-row{flex-wrap:wrap;gap:5px;min-height:20px;display:flex}.tag-row span{color:#534cc5;text-overflow:ellipsis;white-space:nowrap;background:#f0efff;border-radius:999px;max-width:130px;padding:4px 7px;font-size:9px;font-weight:800;overflow:hidden}.edit-hint{color:#5a53d3;background:0 0;border:0;width:max-content;margin-top:0;padding:0;font-size:9px;font-weight:800}.miniapp-card footer{padding:0 17px 16px}.card-link.strong{color:#5149c9}.add-card{background:linear-gradient(145deg,#ffffffe0,#eff3fde6);border-radius:22px;min-height:405px}.student-workspace{background:0 0;min-height:calc(100vh - 82px)}.student-hero{background:linear-gradient(125deg,#111d33,#33307a);border-bottom:0;position:relative;overflow:hidden}.student-hero:after{content:"";border:30px solid #ffffff1a;border-radius:50%;width:310px;height:310px;position:absolute;bottom:-100px;right:9%}.student-hero>*{z-index:1;position:relative}.student-stat-row{z-index:2;background:#fffffff0;border:1px solid #d9e0ee;border-radius:20px;width:min(1160px,88%);margin:-34px auto 0;padding:18px 27px;position:relative;box-shadow:0 13px 28px #1a28471f}.student-stat-row strong{color:#5a52d4}.student-assignment-section{width:min(1250px,100%)}.student-assignment-grid{gap:20px}.student-assignment{border:1px solid #cfd8eae6;border-radius:22px;min-height:250px;padding:22px;box-shadow:0 10px 22px #23335912}.student-assignment:before{border-radius:29px;width:105px;height:105px}.student-assignment-icon{border-radius:13px 13px 19px}.assignment-status{color:#655ed9;letter-spacing:.8px;text-transform:uppercase;font-size:9px;font-weight:900}.student-assignment h3{margin:8px 0 5px}.student-assignment .tag-row{margin-bottom:2px}.student-assignment footer{align-items:end}.student-assignment footer small{max-width:155px}.insights-layout{border:0;border-radius:22px;box-shadow:0 14px 28px #23335914}.assignment-picker{background:linear-gradient(#f3f4ff,#edf5ff)}.assignment-picker button.selected{border:1px solid #685fe426;box-shadow:0 5px 13px #433da617}.insights-main{background:#fffffff5}.metric{background:linear-gradient(145deg,#fff,#f6f8fe);border:1px solid #e3e8f2;border-radius:14px}.metric strong{color:#5b53d5}.evidence-card{background:linear-gradient(145deg,#fff,#f8faff);border-color:#e0e6f0;border-radius:15px}.evidence-anon{color:#5e56d1}.progress-summary{background:#f4f4ff;border:1px solid #e1e4f4;border-radius:10px;margin:12px 0;overflow:hidden}.progress-summary summary{color:#4e47ba;cursor:pointer;padding:9px 11px;font-size:10px;font-weight:800}.progress-summary dl{background:#e1e4f4;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid}.progress-summary dl div{background:#fff;padding:8px 10px}.progress-summary dt{color:#77829a;text-transform:capitalize;font-size:8px}.progress-summary dd{color:#263550;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:10px;overflow:hidden}.progress-summary pre{color:#38445e;background:#fbfbff;border-top:1px solid #e1e4f4;max-height:180px;margin:0;padding:10px;font:9px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.event-log{background:#fff;border:1px solid #e5e9f2;border-radius:9px;margin:10px 0;overflow:hidden}.event-log summary{color:#687691;cursor:pointer;padding:8px 10px;font-size:9px;font-weight:800}.event-log pre{color:#43506a;background:#fbfcff;border-top:1px solid #e5e9f2;max-height:210px;margin:0;padding:10px;font:9px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.player-overlay{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#0a1224d1;padding:18px}.player-shell{border:1px solid #ffffff47;border-radius:22px;grid-template-rows:76px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 290px;max-width:1540px;box-shadow:0 35px 90px #00000057}.player-shell>header{color:#eaf0ff;background:linear-gradient(110deg,#162a47,#252054);border-color:#344563;min-height:76px}.player-shell>header strong{color:#fff}.player-shell>header span{color:#b6c4e5}.back-link{color:#cbd6f7}.fullscreen-button{color:#273755;background:#fff;border-color:#bdcbe0}.save-indicator{color:#ccece2;background:#49a68524;border:1px solid #b8ecd742;border-radius:99px;align-items:center;gap:6px;padding:6px 8px;font-size:9px;font-weight:800;display:flex}.save-indicator i{background:#83ecc5;border-radius:50%;width:6px;height:6px}.save-indicator.saving i{background:#ffd66f;animation:1s infinite pulse}.save-indicator.error{color:#ffd3cd;background:#d34b4529;border-color:#ff9d8e40}.save-indicator.error i{background:#ff867a}.player-stage{background:#0c1428}.player-sidebar{background:linear-gradient(#fff,#f5f7fc)}.player-sidebar h2{letter-spacing:-.9px;font-family:Arial,Helvetica,sans-serif;font-weight:800}.player-shell.is-fullscreen{border:0}.player-shell.is-fullscreen .player-sidebar{border-left-color:#d9e0ef}.game-metadata-editor{background:#fafbff;border-top:1px solid #d8dfea;max-height:250px;overflow:auto}.game-metadata-editor summary{color:#514ac7;cursor:pointer;letter-spacing:.7px;text-transform:uppercase;padding:11px 14px;font-size:9px;font-weight:900}.game-metadata-editor>div{gap:7px;padding:0 12px 13px;display:grid}.game-metadata-editor label{color:#66748d;gap:3px;font-size:8px;font-weight:800;display:grid}.game-metadata-editor input,.game-metadata-editor textarea{color:#263750;background:#fff;border:1px solid #d9e1ee;border-radius:6px;outline:none;width:100%;padding:7px;font-size:10px}.game-metadata-editor textarea{resize:vertical}.game-metadata-editor .metadata-pair{grid-template-columns:1fr 1fr;gap:6px;display:grid}.game-metadata-editor button{color:#fff;background:#5d55d8;border:0;border-radius:7px;padding:8px;font-size:9px;font-weight:800}@media (width<=950px){.miniapp-grid{grid-template-columns:repeat(2,minmax(230px,1fr))}.player-shell{grid-template-columns:minmax(0,1fr) 260px}.workspace-hero{padding:39px}}@media (width<=700px){.app-topbar{min-height:68px}.workspace{padding-top:31px}.workspace-hero{border-radius:19px;padding:34px 25px}.workspace-hero:after{width:220px;height:220px;right:-100px}.miniapp-grid{grid-template-columns:1fr}.miniapp-art{height:245px}.student-hero{padding-top:55px}.student-stat-row{width:calc(100% - 32px);padding:16px}.player-overlay{padding:0}.player-shell{border:0;border-radius:0}.player-shell>header{min-height:76px}.player-header-actions{gap:6px}.player-status{display:none}.save-indicator{font-size:8px}.player-stage{height:calc(100dvh - 76px)}.player-sidebar{min-height:auto}.game-metadata-editor{display:none}.progress-summary dl{grid-template-columns:1fr}}.student-game-card{flex-direction:column;min-height:405px;padding:0;display:flex;overflow:hidden}.student-game-card:before{display:none}.student-game-card .miniapp-art{flex:0 0 238px;height:238px}.student-game-card .miniapp-art iframe{transform:scale(.27)}.student-game-content{flex-direction:column;flex:1;gap:8px;padding:16px 18px;display:flex}.student-game-content h3{margin:0}.student-game-content p{color:#6a778b;margin:0;font-size:11px}.student-game-content footer{justify-content:space-between;align-items:end;gap:10px;margin-top:auto;display:flex}.student-game-content footer small{color:#78849a;font-size:9px;line-height:1.4}.student-game-content .button{flex:none}@media (width<=700px){.student-game-card .miniapp-art{flex-basis:245px;height:245px}}.studio-capability-strip{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.studio-capability-strip span{color:#d9e2f4;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:7px 9px;font-size:9px;font-weight:800;display:flex}.studio-capability-strip i{background:#ffc85b;border-radius:50%;width:6px;height:6px}.studio-capability-strip .ready i{background:#85e5bd;box-shadow:0 0 0 3px #85e5bd1f}.studio-capability-strip .setup{color:#c8d1e1}.modal:has(.game-creator){width:min(100%,720px);max-height:min(92vh,900px);overflow:auto}.game-creator .modal-lede{max-width:620px}.creator-flow{background:#f7f8fc;border:1px solid #e1e6f0;border-radius:12px;grid-template-columns:auto minmax(30px,1fr) auto minmax(30px,1fr) auto;align-items:center;gap:8px;margin:0 0 22px;padding:12px 14px;display:grid}.creator-flow span{color:#5e6b80;text-transform:uppercase;align-items:center;gap:7px;font-size:9px;font-weight:900;display:flex}.creator-flow b{color:#fff;background:#6259da;border-radius:8px;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.creator-flow i{background:#d7ddec;height:1px}.creation-options{border:0;gap:8px;margin:2px 0 0;padding:0;display:grid}.creation-options legend{color:#4f5a5e;margin-bottom:1px;font-size:11px;font-weight:700}.modal-form .feature-switch{color:#44536a;cursor:pointer;background:#fafbfe;border:1px solid #dce2ee;border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:68px;padding:10px 12px;display:grid;position:relative}.modal-form .feature-switch.selected{background:#f1f0ff;border-color:#7770e5;box-shadow:0 0 0 3px #665cf614}.modal-form .feature-switch.disabled{cursor:not-allowed;opacity:.68}.feature-switch>input{opacity:0;pointer-events:none;height:1px;position:absolute;width:1px!important}.feature-switch .feature-icon{color:#fff;background:linear-gradient(145deg,#756cf0,#4c45bd);border-radius:12px 12px 18px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.feature-switch .canva-icon{color:#2e286b;background:linear-gradient(145deg,#70ddff,#b995ff 55%,#ff94b4);font-size:14px;font-weight:1000}.feature-switch strong,.feature-switch small{display:block}.feature-switch strong{color:#273750;font-size:11px}.feature-switch small{color:#748198;margin-top:4px;font-size:9px;font-weight:500;line-height:1.4}.feature-switch>i{color:#5e57cf;text-transform:uppercase;background:#e8e6ff;border-radius:999px;padding:5px 8px;font-size:8px;font-style:normal;font-weight:900}.feature-switch.informational{cursor:default}.miniapp-editor{background:#eef2f8;grid-template-rows:74px minmax(0,1fr)}.editor-topbar{color:#edf2ff;background:linear-gradient(110deg,#152944,#29225c);grid-template-columns:140px minmax(220px,1fr) auto;min-width:0;padding:0 18px}.editor-topbar>div.editor-title{align-content:center;gap:3px;min-width:0;display:grid}.editor-topbar .editor-title>span{color:#aebee4;letter-spacing:1.2px;font:8px ui-monospace,SFMono-Regular,Consolas,monospace}.editor-topbar .editor-title strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.editor-topbar .editor-title small{color:#93a5c7;font-size:8px}.editor-capability-hub{justify-content:flex-end;align-items:center;gap:6px;display:flex}.editor-capability{color:#b9c5dc;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:7px 9px;font-size:8px;font-weight:900;display:flex}button.editor-capability{cursor:pointer}.editor-capability i{background:#f0b75d;border-radius:50%;width:6px;height:6px}.editor-capability.ready{color:#d9f8ed;background:#58bc971f;border-color:#89e5c23d}.editor-capability.ready i{background:#7ce2b9;box-shadow:0 0 0 3px #7ce2b91f}.editor-capability.canva{color:#f0e9ff;background:#855fd629;border-color:#c2a2ff47}.editor-back:focus-visible,.editor-capability:focus-visible{outline-offset:2px;outline:2px solid #ffe27c}.editor-layout{grid-template-columns:225px minmax(390px,1fr) minmax(340px,39%)}.editor-files,.editor-preview{background:#f6f8fc}.editor-code{background:#182336}.editor-code textarea{color:#dce7f8;background:#172234}.editor-tabbar{background:#202d42;border-color:#39465b}.ai-edit-bar{background:#202d42;border-color:#3b4860}.ai-edit-bar textarea{background:#172235}.editor-preview{border-left-color:#dbe2ef;overflow:auto}.preview-frame{background:#fff;border-bottom:1px solid #dbe2ef;height:min(42vh,470px);min-height:280px}.asset-tools{background:#eef2f8;border-color:#dbe2ef}.asset-tools>button{border-color:#cdd6e5;border-radius:7px}.image-generator-panel{background:#fff;border-top:1px solid #dbe2ef;gap:9px;padding:13px;display:grid}.image-generator-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.image-generator-heading>div{align-items:center;gap:8px;min-width:0;display:flex}.image-generator-heading>div>span{color:#fff;background:linear-gradient(145deg,#7369e9,#4f47c3);border-radius:9px 9px 13px;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}.image-generator-heading strong,.image-generator-heading small{display:block}.image-generator-heading strong{color:#394963;letter-spacing:.8px;font:800 8px ui-monospace,SFMono-Regular,Consolas,monospace}.image-generator-heading small{color:#8490a3;margin-top:3px;font-size:8px;line-height:1.35}.image-generator-heading>b{color:#8d6232;white-space:nowrap;background:#fff0d6;border-radius:999px;padding:4px 6px;font-size:7px}.image-generator-heading>b.ready{color:#3a7660;background:#e1f4ec}.image-generator-panel>label,.image-generator-fields label{color:#68768d;gap:4px;font-size:8px;font-weight:900;display:grid}.image-generator-panel textarea,.image-generator-panel input,.image-generator-panel select{color:#283a55;background:#fbfcff;border:1px solid #d6deec;border-radius:7px;outline:0;width:100%;padding:8px 9px;font-size:9px}.image-generator-panel textarea{resize:vertical;line-height:1.45}.image-generator-panel textarea:focus,.image-generator-panel input:focus,.image-generator-panel select:focus{border-color:#766de4;box-shadow:0 0 0 3px #665cf614}.image-generator-fields{grid-template-columns:minmax(0,1fr) 88px 78px;gap:7px;display:grid}.image-generator-panel>button{color:#fff;background:linear-gradient(135deg,#675de4,#4d45bd);border:0;border-radius:8px;padding:9px 11px;font-size:9px;font-weight:900}.image-generator-panel>p{color:#8a6741;background:#fff5e3;border-radius:7px;margin:0;padding:8px;font-size:8px;line-height:1.45}.image-generator-panel code{font-size:8px}.game-metadata-editor{background:#f9fbfe;border-color:#dbe2ef}@media (width<=1100px){.editor-layout{grid-template-columns:190px minmax(360px,1fr) 340px}.editor-capability-hub .editor-capability:not(.canva){display:none}}@media (width<=900px){.editor-overlay{overflow:auto}.miniapp-editor{height:auto;min-height:100%}.editor-layout{grid-template-columns:170px minmax(0,1fr);overflow:visible}.editor-files,.editor-code{min-height:650px}.editor-preview{border-top:1px solid #dbe2ef;border-left:0;grid-column:1/-1;min-height:760px;display:grid}.preview-frame{height:430px}}@media (width<=650px){.editor-topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:0 9px}.editor-back{padding:7px;font-size:0}.editor-back:first-letter{font-size:14px}.editor-topbar .editor-title small{display:none}.editor-capability-hub .editor-capability{text-overflow:ellipsis;max-width:92px;overflow:hidden}.editor-layout{grid-template-columns:118px minmax(0,1fr)}.editor-files,.editor-code{min-height:600px}.image-generator-fields{grid-template-columns:1fr 1fr}.image-generator-fields label:first-child{grid-column:1/-1}.game-metadata-editor{display:block}.creator-flow{grid-template-columns:1fr}.creator-flow i{display:none}.modal-form .feature-switch{grid-template-columns:34px minmax(0,1fr)}.feature-switch>i{display:none}}.miniapp-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px}.miniapp-card{border-radius:18px;min-height:0;box-shadow:0 8px 24px #22315514}.miniapp-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #22315521}.miniapp-card-main{flex:none}.miniapp-card .miniapp-art{aspect-ratio:4/3;border-bottom:1px solid #e6eaf2;width:100%;height:auto}.miniapp-card .miniapp-art iframe{transform-origin:50%;width:100%;height:100%;inset:0;transform:none}.miniapp-card .miniapp-content{gap:5px;min-height:0;padding:10px 13px 9px;display:grid}.miniapp-card .miniapp-meta{letter-spacing:.55px;margin:0;font-size:8px}.miniapp-card .miniapp-meta b{padding:2px 6px;font-size:8px}.miniapp-card .miniapp-title-input{letter-spacing:-.25px;font-size:15px;line-height:1.2}.miniapp-card .tag-row{flex-wrap:nowrap;gap:4px;min-height:0;overflow:hidden}.miniapp-card .tag-row span{max-width:105px;padding:3px 6px;font-size:8px}.miniapp-card .tag-row span:nth-child(n+3){display:none}.miniapp-card .miniapp-content p{color:#7a8698;text-overflow:ellipsis;white-space:nowrap;min-height:0;margin:0;font-size:9px;line-height:1.35;display:block;overflow:hidden}.miniapp-card .edit-hint{display:none}.miniapp-card footer{border-top:1px solid #edf0f5;align-items:center;min-height:39px;padding:8px 13px 10px}.miniapp-card .card-link{color:#66748a;border-radius:7px;padding:5px 7px;font-size:9px}.miniapp-card .card-link:hover{background:#f1f3f9}.miniapp-card .card-link.strong{color:#5048ca;background:#f0efff}.miniapp-card .card-link.danger{color:#ad3f4c;margin-right:auto}.miniapp-card .card-link.danger:hover{background:#fff0f2}.delete-miniapp-actions{justify-content:flex-end;gap:10px;display:flex}.button-danger{color:#fff;background:#b73f4c;box-shadow:0 5px #842d38}.button-danger:not(:disabled):hover{background:#a83643;box-shadow:0 7px #842d38}.add-card{border-radius:18px;min-height:360px}@media (width>=701px){.miniapp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.miniapp-grid{grid-template-columns:1fr}.miniapp-card .miniapp-art{aspect-ratio:16/10}.add-card{min-height:260px}}.player-overlay{padding:0}.player-shell,.player-shell.is-fullscreen{border:0;border-radius:0;grid-template-rows:76px minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:100%;max-width:none;height:100dvh;min-height:0;margin:0}.player-stage{min-width:0;min-height:0;padding:0}.player-stage iframe,.player-shell.is-fullscreen .player-stage iframe{border-radius:0;width:100%;height:100%;min-height:0}@media (width<=700px){.player-shell{display:grid}.player-stage{height:auto}}.library-filters{background:#ffffffc7;border:1px solid #dfe4ef;border-radius:14px;align-items:end;gap:10px;margin:-8px 0 22px;padding:12px;display:flex;box-shadow:0 7px 20px #2231550d}.library-filters label{gap:5px;min-width:min(240px,34vw);display:grid}.library-filters label>span{color:#6f7c92;letter-spacing:.75px;text-transform:uppercase;font:800 9px monospace}.library-filters select{color:#28364f;background:#fff;border:1px solid #cfd7e7;border-radius:9px;width:100%;min-height:40px;padding:0 36px 0 12px;font-size:11px;font-weight:700}.library-filters select:hover{border-color:#9ea9c3}.library-filters select:focus-visible{border-color:#6c64d8;outline:3px solid #584fd72e}.clear-library-filters,.filtered-empty button{color:#5149c9;white-space:nowrap;background:#f0efff;border:0;border-radius:9px;min-height:40px;padding:0 13px;font-size:10px;font-weight:800}.clear-library-filters:hover,.filtered-empty button:hover{background:#e5e2ff}.filtered-empty{color:#6f7a8e;text-align:center;background:#ffffff9e;border:1px dashed #c8d0df;border-radius:18px;align-content:center;place-items:center;min-height:280px;padding:34px;display:grid}.filtered-empty>span{color:#665ed6;font:34px var(--serif);margin-bottom:7px}.filtered-empty strong{color:#28364f;font-size:15px}.filtered-empty p{max-width:390px;margin:7px 0 16px;font-size:11px;line-height:1.5}@media (width<=700px){.library-filters{flex-direction:column;align-items:stretch;margin-top:-6px}.library-filters label{min-width:0}.clear-library-filters{width:100%}}.explore-workspace{padding-top:46px}.explore-hero{color:#f8f7ff;background:linear-gradient(125deg,#29235f 0%,#554dc6 58%,#7b73e8 100%);border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:38px;min-height:290px;padding:45px 50px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 48px #362f8e33}.explore-hero:before,.explore-hero:after{content:"";border:1px solid #fff3;border-radius:50%;position:absolute}.explore-hero:before{width:300px;height:300px;top:-95px;right:17%}.explore-hero:after{border-width:34px;width:280px;height:280px;bottom:-115px;right:-70px}.explore-hero>*{z-index:1;position:relative}.explore-hero .kicker{color:#d5d1ff}.explore-hero h1{color:#fff;margin:0 0 15px;font-size:clamp(45px,5vw,67px)}.explore-hero p:not(.kicker){color:#dfddfa;max-width:560px;margin:0;font-size:14px;line-height:1.6}.explore-hero-mark{text-align:center;background:#ffffff1f;border:1px solid #ffffff3d;border-radius:45% 55% 48% 52%;place-items:center;width:160px;height:160px;padding:24px;display:grid;transform:rotate(7deg)}.explore-hero-mark span{color:#ffd76c;font-size:32px}.explore-hero-mark b{color:#fff;font:500 19px/1.15 var(--serif);transform:rotate(-7deg)}.explore-filters{justify-content:space-between;align-items:center;gap:12px;margin:-8px 0 22px;display:flex}.explore-filters label{flex:1;max-width:430px}.explore-filters input{color:#27344f;background:#fff;border:1px solid #d2d9e8;border-radius:12px;outline:0;width:100%;min-height:43px;padding:0 15px;font-size:11px;box-shadow:0 7px 18px #2231550d}.explore-filters input:focus{border-color:#7169de;box-shadow:0 0 0 3px #6056d81f}.explore-filters>div{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.explore-filters>div button{color:#68758a;background:#fff;border:1px solid #d8deea;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:800}.explore-filters>div button.active{color:#fff;background:#5c54cf;border-color:#5c54cf}.explore-error{color:#783d45;background:#fff3f4;border:1px solid #efc7cc;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;margin:-8px 0 22px;padding:15px 17px;display:flex}.explore-error strong{font-size:12px}.explore-error p{margin:4px 0 0;font-size:10px;line-height:1.45}.explore-error button{color:#fff;background:#a94855;border:0;border-radius:8px;flex:none;padding:9px 12px;font-size:9px;font-weight:800}.explore-card .miniapp-content h3{color:#28364f;margin:1px 0 2px;font-size:16px}.explore-creator{align-items:center;gap:6px;margin:2px 0;display:flex}.explore-creator>span{color:#554db9;background:#e7e4ff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:7px;font-weight:900;display:grid}.explore-creator small{color:#79859a;font-size:8px;font-weight:700}.miniapp-card .card-link.explore-live{color:#357a63;background:#e4f5ee}.welcome-footer i{color:var(--coral);font-style:normal}.welcome-demo{place-items:center;min-height:390px;padding:22px 0 52px;display:grid;position:relative}.welcome-demo:before{aspect-ratio:1;content:"";border:1px dashed #c6c0b3;border-radius:50%;width:min(92%,420px);position:absolute}.demo-window{z-index:1;background:#fdfbf6;border:1px solid #27353921;border-radius:18px;width:min(100%,520px);position:relative;overflow:hidden;transform:rotate(2deg);box-shadow:0 26px 60px #2c2f242e}.demo-window-bar{color:#6c736f;background:#fffdf9;border-bottom:1px solid #e8e2d8;align-items:center;gap:10px;min-height:42px;padding:0 14px;font-size:10px;font-weight:700;display:flex}.demo-window-bar>div{gap:4px;display:flex}.demo-window-bar i{background:#f2c86a;border-radius:50%;width:7px;height:7px}.demo-window-bar i:nth-child(2){background:#e99279}.demo-window-bar i:nth-child(3){background:#92c9ac}.demo-window-bar span{flex:1}.demo-window-bar b{color:#2e7059;letter-spacing:.4px;background:#e7f2eb;border-radius:4px;padding:4px 6px;font:700 8px monospace}.demo-prompt{background:#fff;border:1px solid #d9d4c8;border-radius:9px;gap:10px;min-height:86px;margin:14px;padding:13px;display:flex}.demo-prompt>span{color:#e57d61;font-size:17px}.demo-prompt p{color:#344247;margin:0;font-size:11px;line-height:1.5}.demo-prompt p i{vertical-align:-2px;background:#e57d61;width:1px;height:13px;margin-left:2px;animation:.72s step-end infinite demo-caret;display:inline-block}.demo-generation{color:#697772;align-items:center;gap:8px;margin:0 14px 12px;font-size:10px;font-weight:700;display:flex}.demo-generation>i{background:#ef9a6d;border-radius:50%;width:7px;height:7px;animation:1s infinite pulse}.demo-generation small{color:#8c948e;margin-left:auto;font-size:9px;font-weight:500}.demo-generation.ready{color:#2e7059}.demo-generation.ready>i{background:#54af81;animation:none}.demo-video{aspect-ratio:3/2;background:#1d292d;position:relative;overflow:hidden}.demo-video:after{content:"";pointer-events:none;background:linear-gradient(120deg,#1c26295c,#0000 45%);transition:opacity .45s;position:absolute;inset:0}.demo-video video{object-fit:cover;opacity:.38;width:100%;height:100%;transition:opacity .55s;display:block}.demo-video.ready video{opacity:1}.demo-video.ready:after{opacity:0}@keyframes demo-caret{50%{opacity:0}}@media (width<=700px){.app-topbar{gap:18px;padding-left:4%;padding-right:4%}.app-nav{gap:17px;overflow:auto}.app-nav button{flex:none}.explore-workspace{padding-top:28px}.explore-hero{border-radius:19px;min-height:260px;padding:34px 27px}.explore-hero-mark{display:none}.explore-filters{flex-direction:column;align-items:stretch}.explore-filters label{max-width:none}.explore-filters>div{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:2px;overflow:auto}.explore-filters>div button{flex:none}.explore-error{flex-direction:column;align-items:flex-start}.welcome-demo{min-height:0;margin-top:40px;padding-bottom:26px}.welcome-demo:before{width:285px}.demo-window{transform:none}.demo-generation small{display:none}.welcome-footer{grid-template-columns:auto auto auto auto auto;justify-content:start;align-items:center}.welcome-footer i{color:var(--coral);font-style:normal}}