:root{--ink:#111327;--muted:#67708a;--line:#dfe2ee;--purple:#5f2df3;--purple-2:#7b42ff;--purple-soft:#efe9ff;--navy:#070b1f;--shadow:0 24px 60px rgba(17,19,39,.08)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:grid;grid-template-columns:280px minmax(760px,1fr) 360px}.sidebar{background:linear-gradient(180deg,#080d22,#070a1a);color:#fff;padding:28px 24px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;gap:14px;align-items:center}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),#b882ff);font-weight:950}.brand h1{margin:0;font-size:25px;letter-spacing:-.05em}.brand p{margin:2px 0 0;color:hsla(0,0%,100%,.62);font-size:13px}.create-button{height:56px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--purple),var(--purple-2));color:#fff;display:flex;align-items:center;gap:13px;padding:0 18px;font-size:18px;font-weight:850}.create-button span{font-size:31px;font-weight:300;line-height:0}.menu{display:grid;grid-gap:8px;gap:8px}.menu button{border:0;background:transparent;height:46px;display:flex;align-items:center;gap:14px;color:hsla(0,0%,100%,.82);text-align:left;padding:0 4px;font-size:17px}.menu button:nth-child(6){margin-bottom:18px}.menu button:nth-child(7){border-top:1px solid hsla(0,0%,100%,.12);padding-top:26px;height:72px}.menu i{width:28px;font-style:normal;text-align:center}.user-card{margin-top:auto;border-top:1px solid hsla(0,0%,100%,.12);padding-top:20px;display:grid;grid-template-columns:48px 1fr 20px;align-items:center;grid-gap:12px;gap:12px}.avatar{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--purple-2));font-weight:850}.user-card strong{display:block;font-size:15px}.user-card span{color:hsla(0,0%,100%,.62);font-size:13px}.workspace{padding:34px 42px 38px;min-width:0}.command-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.command-bar h2{margin:0;font-size:18px;letter-spacing:-.02em}.command-bar button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px 18px;color:var(--ink);font-weight:650}.workflow-progress{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:0;gap:0;align-items:start;margin:8px 0 22px}.workflow-item{justify-items:center;grid-gap:8px;gap:8px}.workflow-item,.workflow-node{position:relative;display:grid}.workflow-node{width:58px;height:58px;border:2px solid #dce0ee;border-radius:999px;place-items:center;background:#fff;color:#737996}.workflow-node small{position:absolute;top:-26px;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:#747691;color:#fff;font-size:12px;font-weight:850}.workflow-node span{font-size:22px}.workflow-node.active{background:linear-gradient(135deg,var(--purple),var(--purple-2));border-color:transparent;color:#fff;box-shadow:0 12px 30px rgba(95,45,243,.28)}.workflow-node.active small{background:var(--purple)}.workflow-node.past{border-color:var(--purple);color:var(--purple)}.workflow-item p{margin:0;text-align:center;color:#555b76;font-size:15px;font-weight:650}.workflow-item:first-child p{color:var(--purple)}.workflow-line{position:absolute;top:28px;left:calc(50% + 42px);right:calc(-50% + 42px);height:2px;background:#dce0ee}.workflow-line.filled{background:var(--purple)}.top-step-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px;padding:14px 16px;border:1px solid #edf0f7;border-radius:14px;background:#fbfbff;box-shadow:0 12px 32px rgba(17,19,39,.04)}.autosave-status{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:14px;font-weight:650}.status-dot{width:9px;height:9px;border-radius:999px;background:#36b37e;box-shadow:0 0 0 4px rgba(54,179,126,.12)}.driver-main{max-width:1080px}.driver-main h1{margin:0 0 12px;font-size:42px;letter-spacing:-.06em}.driver-main h2{margin:0 0 18px;color:var(--purple);font-size:21px;line-height:1.3}.driver-copy{max-width:860px;color:#20243a;line-height:1.58;margin:0 0 24px;font-size:16px}.driver-input-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px;align-items:stretch}.driver-entry-card,.driver-upload-card{border:1px solid #edf0f7;border-radius:18px;padding:20px;box-shadow:var(--shadow);background:#fff;min-height:420px}.driver-entry-card,.driver-upload-card{display:flex;flex-direction:column}.driver-entry-card h3,.driver-upload-card h3{margin:0 0 12px;font-size:17px}.driver-upload-card p{margin:0 0 16px;color:var(--muted);line-height:1.45}.driver-textarea{width:100%;flex:1 1;min-height:0;border:1px solid #cfd4e6;border-radius:8px;resize:none;outline:none;padding:18px;color:var(--ink);font-size:16px;line-height:1.55}.driver-textarea:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(95,45,243,.08)}.upload-box{border:1px dashed #bfc5db;border-radius:8px;flex:1 1;min-height:0;display:grid;place-items:center;align-content:center;grid-gap:12px;gap:12px;background:#fff;text-align:center}.upload-icon{width:58px;height:58px;border-radius:999px;display:grid;place-items:center;background:var(--purple-soft);color:var(--purple);font-size:32px}.upload-box strong{font-weight:500}.upload-box strong span{color:var(--purple);font-weight:850}.upload-box em{font-style:normal;color:var(--muted)}.primary,.secondary{border-radius:8px;padding:14px 24px;font-weight:750;min-width:160px}.primary{border:0;background:linear-gradient(135deg,var(--purple),var(--purple-2));color:#fff;box-shadow:0 18px 34px rgba(95,45,243,.22)}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}.copilot{padding:24px;border-left:1px solid #edf0f7;background:#fff;box-shadow:-18px 0 50px rgba(17,19,39,.04);display:flex;flex-direction:column;min-height:100vh}.copilot-header{display:flex;align-items:center;gap:10px;margin-bottom:26px}.copilot-header span{color:var(--purple);font-size:24px}.copilot-header strong{font-size:17px}.copilot-header em{margin-left:auto;background:var(--purple-soft);color:var(--purple);font-style:normal;font-weight:800;font-size:12px;padding:6px 10px;border-radius:999px}.copilot-body{text-align:center;max-width:260px;margin:0 auto 14px}.sparkle{width:54px;height:54px;border-radius:999px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center;font-size:29px;margin:0 auto 14px}.copilot-body h3{margin:0 0 10px;font-size:19px}.copilot-body p{margin:0;color:#20243a;line-height:1.5;font-size:14px}.chat-thread{display:flex;flex-direction:column;gap:12px;flex:1 1;min-height:420px;overflow-y:auto;padding:18px 2px 16px;border-top:1px solid var(--line)}.chat-message{border-radius:14px;padding:12px;line-height:1.45}.chat-message span{display:block;font-size:11px;font-weight:850;margin-bottom:6px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.chat-message p{margin:0;font-size:14px}.chat-message.assistant{background:#f7f5ff;border:1px solid #ece6ff}.chat-message.user{background:#111327;color:#fff;margin-left:26px}.chat-message.user span{color:hsla(0,0%,100%,.7)}.chat-error{border:1px solid #f0b4b4;background:#fff1f1;color:#9a2525;border-radius:12px;padding:10px;font-size:13px}.ask-box.chat-box{min-height:58px;height:auto;border:1px solid #cfd4e6;border-radius:12px;display:flex;gap:10px;align-items:flex-end;padding:10px;background:#fff;margin-bottom:14px}.ask-box.chat-box textarea{border:0;outline:0;resize:none;min-height:34px;max-height:120px;flex:1 1;color:var(--ink);line-height:1.35}.ask-box.chat-box button{width:36px;min-width:36px;height:36px;border:0;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--purple),var(--purple-2));font-weight:900}.ask-box.chat-box button:disabled{opacity:.45;cursor:not-allowed}.studio-hero{border:1px solid #edf0f7;border-radius:24px;padding:34px;background:linear-gradient(135deg,#fff,#f8f5ff);box-shadow:var(--shadow);margin-bottom:30px}.tag-row{display:flex;gap:10px;margin-bottom:20px}.tag-row span{border-radius:999px;background:var(--purple-soft);color:var(--purple);padding:8px 12px;font-size:13px;font-weight:850}.studio-hero h3{margin:0 0 12px;font-size:38px;letter-spacing:-.06em}.studio-hero p{max-width:660px;color:var(--muted);line-height:1.55}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.project-card{border:1px solid #edf0f7;border-radius:20px;padding:18px;box-shadow:var(--shadow)}.visual-top{height:90px;border-radius:16px;background:var(--purple-soft);position:relative}.type-pill{position:absolute;right:12px;bottom:12px;background:#fff;color:var(--purple);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.project-card h4{margin:16px 0 8px}.project-card p,.project-meta{color:var(--muted);line-height:1.45}.progress-row{display:flex;justify-content:space-between;margin:12px 0 8px;font-size:13px}.progress{height:8px;background:#edf0f7;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:var(--purple)}.blueprint-shell{padding:24px}@media (max-width:1220px){.app{grid-template-columns:260px 1fr}.copilot{display:none}.project-grid{grid-template-columns:1fr 1fr}}@media (max-width:980px){.driver-input-grid,.outcomes-grid{grid-template-columns:1fr}}@media (max-width:860px){.app{grid-template-columns:1fr}.sidebar{display:none}.workspace{padding:24px}.workflow-progress{overflow-x:auto;grid-template-columns:repeat(7,120px)}.project-grid{grid-template-columns:1fr}}.step-action-buttons{display:flex;align-items:center;gap:10px}.compact-button{min-width:128px}.outcomes-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px;align-items:stretch}.outcomes-entry-card{border:1px solid #edf0f7;border-radius:18px;padding:20px;box-shadow:var(--shadow);background:#fff;min-height:430px;display:flex;flex-direction:column}.outcomes-entry-card h3{margin:0 0 10px;font-size:17px}.outcomes-entry-card p{margin:0 0 16px;color:var(--muted);line-height:1.45}.outcomes-textarea{width:100%;flex:1 1;min-height:0;border:1px solid #cfd4e6;border-radius:8px;resize:none;outline:none;padding:18px;color:var(--ink);font-size:16px;line-height:1.55}.outcomes-textarea:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(95,45,243,.08)}.outcomes-note{margin-top:22px;border:1px solid #edf0f7;border-radius:14px;background:#fbfbff;padding:16px 18px;color:#20243a;line-height:1.5}.outcomes-note strong{color:var(--purple)}.outcomes-toolbar{display:flex;gap:12px;justify-content:flex-end;margin:-4px 0 18px}.outcome-card-list{display:grid;grid-gap:14px;gap:14px}.empty-outcomes-card,.outcome-card{border:1px solid #edf0f7;border-radius:18px;padding:18px;background:#fff;box-shadow:var(--shadow)}.outcome-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.outcome-card-header span{color:var(--purple);font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.outcome-card-header button{border:1px solid #f0c7c7;background:#fff7f7;color:#9a2525;border-radius:8px;padding:8px 10px;font-weight:750}.outcome-card textarea{width:100%;min-height:92px;border:1px solid #cfd4e6;border-radius:8px;resize:vertical;outline:none;padding:14px;color:var(--ink);font-size:15px;line-height:1.5}.outcome-card textarea:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(95,45,243,.08)}.empty-outcomes-card h3{margin:0 0 8px}.empty-outcomes-card p{margin:0;color:var(--muted)}.generation-error{margin-top:18px;border:1px solid #f0b4b4;background:#fff1f1;color:#9a2525;border-radius:12px;padding:12px 14px;font-size:14px}.persona-list{display:grid;grid-gap:18px;gap:18px}.persona-card{border:1px solid #edf0f7;border-radius:18px;padding:20px;background:#fff;box-shadow:var(--shadow)}.persona-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.persona-header span{color:var(--purple);font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.persona-header button{border:1px solid #f0c7c7;background:#fff7f7;color:#9a2525;border-radius:8px;padding:8px 10px;font-weight:750}.persona-grid{grid-template-columns:1fr 1fr;margin-bottom:16px}.persona-grid,.persona-stack{display:grid;grid-gap:16px;gap:16px}.persona-card label{display:block;margin-bottom:8px;font-size:13px;font-weight:750;color:var(--ink)}.persona-card input,.persona-card textarea{width:100%;border:1px solid #cfd4e6;border-radius:8px;padding:14px;outline:none;font-size:15px;line-height:1.5}.persona-card textarea{min-height:96px;resize:vertical}.persona-card input:focus,.persona-card textarea:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(95,45,243,.08)}@media (max-width:980px){.persona-grid{grid-template-columns:1fr}}.outline-list{display:grid;grid-gap:16px;gap:16px}.outline-card{border:1px solid #edf0f7;border-radius:18px;padding:18px;background:#fff;box-shadow:var(--shadow)}.outline-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.outline-header span{color:var(--purple);font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.outline-header div{display:flex;gap:8px}.outline-header button{border:1px solid #dfe2ee;background:#fbfbff;color:var(--ink);border-radius:8px;padding:8px 10px;font-weight:750}.outline-card label{display:block;margin:12px 0 8px;font-size:13px;font-weight:750;color:var(--ink)}.outline-card input,.outline-card textarea{width:100%;border:1px solid #cfd4e6;border-radius:8px;padding:14px;outline:none;font-size:15px;line-height:1.5}.outline-card textarea{min-height:82px;resize:vertical}.outline-card input:focus,.outline-card textarea:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(95,45,243,.08)}.build-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin:6px 0 22px}.build-summary-grid div{border:1px solid #edf0f7;border-radius:16px;padding:16px;background:#fbfbff;box-shadow:0 12px 32px rgba(17,19,39,.04)}.build-summary-grid strong{display:block;font-size:28px;color:var(--purple);letter-spacing:-.04em}.build-summary-grid span{display:block;margin-top:4px;color:var(--muted);font-size:14px;font-weight:700}.build-screen-list{display:grid;grid-gap:18px;gap:18px}.build-screen-card{border:1px solid #edf0f7;border-radius:18px;padding:18px;background:#fff;box-shadow:var(--shadow)}.build-screen-header{display:grid;grid-template-columns:1fr auto;grid-gap:16px;gap:16px;align-items:start;margin-bottom:16px}.build-screen-header span{display:block;color:var(--purple);font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.build-screen-header input{width:100%;border:1px solid #cfd4e6;border-radius:8px;padding:14px;outline:none;font-size:17px;font-weight:800}.build-screen-header button{border:1px solid #f0c7c7;background:#fff7f7;color:#9a2525;border-radius:8px;padding:9px 12px;font-weight:750}.build-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.build-grid label{display:grid;grid-gap:8px;gap:8px;color:var(--ink);font-size:13px;font-weight:800}.build-grid input,.build-grid textarea{width:100%;border:1px solid #cfd4e6;border-radius:8px;padding:14px;outline:none;font-size:15px;font-weight:400;line-height:1.5}.build-grid textarea{min-height:96px;resize:vertical}.build-wide{grid-column:1/-1}.build-grid input:focus,.build-grid textarea:focus,.build-screen-header input:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(95,45,243,.08)}@media (max-width:980px){.build-grid,.build-summary-grid{grid-template-columns:1fr}}.studio-main{max-width:1280px}.studio-title-row h1{margin:0 0 12px;font-size:42px;letter-spacing:-.06em}.studio-title-row h2{margin:0 0 14px;color:var(--purple);font-size:21px;line-height:1.3}.studio-layout{display:grid;grid-template-columns:230px minmax(420px,1fr) 320px;grid-gap:18px;gap:18px;align-items:stretch;min-height:680px}.studio-canvas,.studio-inspector,.studio-screen-rail{border:1px solid #edf0f7;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.studio-inspector,.studio-screen-rail{padding:16px}.studio-inspector-header,.studio-rail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.studio-inspector-header strong,.studio-rail-header strong{font-size:15px}.studio-rail-header button{width:32px;height:32px;border:0;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--purple),var(--purple-2));font-weight:900}.studio-screen-tab{width:100%;border:1px solid #edf0f7;border-radius:12px;background:#fbfbff;padding:12px;margin-bottom:10px;text-align:left;display:grid;grid-template-columns:28px 1fr;grid-gap:8px;gap:8px}.studio-screen-tab.active{border-color:var(--purple);background:#f7f5ff;box-shadow:0 0 0 4px rgba(95,45,243,.06)}.studio-screen-tab span{width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:var(--purple-soft);color:var(--purple);font-weight:850;font-size:12px}.studio-screen-tab p{margin:0;color:var(--ink);font-weight:800;line-height:1.25}.studio-screen-tab em{grid-column:2;font-style:normal;color:var(--muted);font-size:12px;margin-top:2px}.studio-canvas{padding:24px;background:linear-gradient(180deg,#faf9ff,#fff)}.screen-preview{max-width:780px;margin:0 auto;border:1px solid #dfe2ee;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 28px 80px rgba(17,19,39,.12)}.screen-preview-topbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#111327;color:#fff}.screen-preview-topbar span{color:hsla(0,0%,100%,.72);font-size:13px}.screen-preview-body{padding:34px;min-height:520px}.screen-preview-body h3{margin:0 0 18px;font-size:30px;letter-spacing:-.04em}.screen-preview-body p{line-height:1.55;color:#20243a}.feedback-preview-box,.interaction-preview-box{border:1px solid #edf0f7;border-radius:16px;padding:18px;margin-top:18px;background:#fbfbff}.feedback-preview-box strong,.interaction-preview-box strong{color:var(--purple)}.studio-inspector-header button{border:1px solid #f0c7c7;background:#fff7f7;color:#9a2525;border-radius:8px;padding:8px 10px;font-weight:750}.studio-inspector-form{display:grid;grid-gap:14px;gap:14px}.studio-inspector-form label{display:grid;grid-gap:8px;gap:8px;color:var(--ink);font-size:13px;font-weight:800}.studio-inspector-form input,.studio-inspector-form textarea{width:100%;border:1px solid #cfd4e6;border-radius:8px;padding:12px;outline:none;font-size:14px;font-weight:400;line-height:1.45}.studio-inspector-form textarea{min-height:88px;resize:vertical}.studio-inspector-form input:focus,.studio-inspector-form textarea:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(95,45,243,.08)}.empty-studio{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted)}.studio-muted{color:var(--muted);line-height:1.45}@media (max-width:1180px){.studio-layout{grid-template-columns:1fr}}.studio-title-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.preview-experience-button{margin-top:6px;white-space:nowrap}.screen-preview-actions{display:flex;align-items:center;gap:12px}.screen-preview-actions button{border:1px solid hsla(0,0%,100%,.22);background:hsla(0,0%,100%,.1);color:#fff;border-radius:8px;padding:8px 10px;font-weight:800}.player-modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(7,10,26,.72);display:grid;place-items:center;padding:28px}.player-modal{width:min(1180px,96vw);max-height:92vh;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 36px 120px rgba(0,0,0,.34);display:flex;flex-direction:column}.player-header{height:68px;padding:0 22px;background:#111327;color:#fff;display:flex;align-items:center;justify-content:space-between}.player-header span{display:block;color:hsla(0,0%,100%,.68);font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:850}.player-header strong{display:block;margin-top:4px}.player-header button{border:1px solid hsla(0,0%,100%,.22);background:hsla(0,0%,100%,.1);color:#fff;border-radius:10px;padding:10px 14px;font-weight:850}.player-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:0;gap:0;min-height:620px;overflow:auto}.player-stage{padding:34px;background:linear-gradient(180deg,#f7f5ff,#fff)}.player-slide{max-width:760px;min-height:540px;margin:0 auto;border:1px solid #dfe2ee;border-radius:22px;padding:40px;background:#fff;box-shadow:0 26px 80px rgba(17,19,39,.12)}.player-slide-type{display:inline-block;background:var(--purple-soft);color:var(--purple);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:22px}.player-slide h2{margin:0 0 18px;font-size:34px;letter-spacing:-.05em}.player-purpose{color:#20243a;line-height:1.58;font-size:17px}.player-feedback,.player-interaction{margin-top:24px;border:1px solid #edf0f7;border-radius:18px;padding:20px;background:#fbfbff}.player-feedback strong,.player-interaction strong,.player-sidebar strong{color:var(--purple)}.player-choice-grid{display:grid;grid-gap:12px;gap:12px;margin-top:18px}.player-choice-grid button{border:1px solid #dfe2ee;background:#fff;border-radius:12px;padding:14px;text-align:left;font-weight:750}.player-sidebar{border-left:1px solid #edf0f7;padding:28px;background:#fff}.player-sidebar h3{margin:0 0 12px}.player-sidebar p{color:var(--muted);line-height:1.5}.player-footer{height:72px;border-top:1px solid #edf0f7;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 22px;background:#fff}.player-empty{min-height:420px;display:grid;place-content:center;text-align:center;padding:40px}@media (max-width:900px){.player-body,.studio-title-row{grid-template-columns:1fr;display:grid}.studio-title-row{display:block}.preview-experience-button{margin-bottom:20px}.player-sidebar{border-left:0;border-top:1px solid #edf0f7}}.player-choice-grid button.selected{border-color:var(--purple);background:#f7f5ff;box-shadow:0 0 0 4px rgba(95,45,243,.08)}.player-feedback{display:none}.player-feedback.active{display:block;border-color:#d8ccff;background:#f7f5ff}.player-video-block{margin-top:24px}.video-frame{min-height:300px;border-radius:20px;background:linear-gradient(135deg,#111327,#2a2462);display:grid;place-content:center;justify-items:center;grid-gap:16px;gap:16px;color:#fff;text-align:center;overflow:hidden}.video-frame.played{background:linear-gradient(135deg,#25185f,#5f2df3)}.video-frame button{width:76px;height:76px;border:0;border-radius:999px;background:#fff;color:var(--purple);font-size:28px;font-weight:900;box-shadow:0 18px 36px rgba(0,0,0,.22)}.video-frame span{color:hsla(0,0%,100%,.82);font-weight:750}.player-video-caption{margin-top:18px;border:1px solid #edf0f7;border-radius:18px;padding:18px;background:#fbfbff}.player-video-caption strong{color:var(--purple)}.player-video-caption p{margin-bottom:0}.studio-authoring-shell{max-width:1440px}.studio-authoring-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.studio-authoring-topbar h1{margin:0 0 8px;font-size:42px;letter-spacing:-.06em}.studio-authoring-topbar p{margin:0;color:var(--muted);line-height:1.45}.studio-authoring-actions{display:flex;gap:10px;align-items:center}.ppt-studio-layout{height:calc(100vh - 210px);min-height:720px;display:grid;grid-template-columns:190px minmax(640px,1fr) 320px;grid-gap:14px;gap:14px}.properties-panel,.slide-thumbnail-rail,.slide-workspace{border:1px solid #edf0f7;border-radius:18px;background:#fff;box-shadow:var(--shadow);min-height:0}.slide-thumbnail-rail{padding:12px;overflow-y:auto}.slide-thumbnail{width:100%;border:1px solid #edf0f7;border-radius:14px;background:#fbfbff;padding:10px;margin-bottom:12px;text-align:left;display:grid;grid-template-columns:24px 1fr;grid-gap:8px;gap:8px}.slide-thumbnail.active{border-color:var(--purple);background:#f7f5ff;box-shadow:0 0 0 4px rgba(95,45,243,.06)}.slide-thumbnail>span{width:23px;height:23px;display:grid;place-items:center;border-radius:999px;background:var(--purple-soft);color:var(--purple);font-size:11px;font-weight:850}.slide-thumbnail-preview{height:76px;border:1px solid #dfe2ee;border-radius:10px;background:#fff;position:relative;overflow:hidden}.thumb-element{position:absolute;background:#d9d2ff;border-radius:4px}.thumb-element:first-child{left:12px;top:12px;width:70%;height:10px}.thumb-element:nth-child(2){left:12px;top:32px;width:54%;height:18px}.thumb-element:nth-child(3){left:28px;top:55px;width:48%;height:12px}.thumb-image,.thumb-interaction,.thumb-video{background:#efe9ff}.slide-thumbnail p{grid-column:2;margin:6px 0 0;color:var(--ink);font-size:12px;font-weight:750;line-height:1.25}.slide-workspace{display:flex;flex-direction:column;overflow:hidden;background:#f6f7fb}.slide-toolbar{min-height:58px;padding:10px;border-bottom:1px solid #dfe2ee;background:#fff;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.slide-toolbar button{border:1px solid #dfe2ee;background:#fbfbff;color:var(--ink);border-radius:9px;padding:9px 11px;font-size:13px;font-weight:800}.slide-stage-wrap{flex:1 1;overflow:auto;display:grid;place-items:center;padding:34px}.slide-stage{width:960px;height:540px;background:#fff;border:1px solid #dfe2ee;box-shadow:0 28px 90px rgba(17,19,39,.16);position:relative;overflow:hidden}.slide-element{position:absolute;border:1px solid transparent;padding:10px;text-align:left;overflow:hidden;cursor:pointer;line-height:1.35}.slide-element.selected,.slide-element:hover{border-color:var(--purple);box-shadow:0 0 0 3px rgba(95,45,243,.1)}.slide-element-heading,.slide-element-text{background:transparent}.slide-element-button,.slide-element-feedback,.slide-element-interaction,.slide-element-shape{border:1px solid #dfe2ee}.slide-element-button{display:grid;place-items:center;text-align:center;border-radius:999px!important}.slide-element-image,.slide-element-video{display:grid;place-items:center;text-align:center;border:1px dashed #bfc5db;background:#f7f5ff!important}.media-icon{display:grid;place-items:center;width:100%;height:100%;color:var(--purple);font-weight:900}.properties-panel{padding:16px;overflow-y:auto}.properties-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.properties-header button{border:1px solid #f0c7c7;background:#fff7f7;color:#9a2525;border-radius:8px;padding:8px 10px;font-weight:750}.property-group{display:grid;grid-gap:14px;gap:14px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #edf0f7}.property-group label{display:grid;grid-gap:7px;gap:7px;color:var(--ink);font-size:13px;font-weight:800}.property-group input,.property-group textarea{width:100%;border:1px solid #cfd4e6;border-radius:8px;padding:11px;outline:none;font-size:14px;font-weight:400;line-height:1.4}.property-group textarea{min-height:92px;resize:vertical}.selected-object-pill{border-radius:999px;background:var(--purple-soft);color:var(--purple);padding:8px 12px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.replace-media-button{width:100%}@media (max-width:1220px){.ppt-studio-layout{grid-template-columns:150px minmax(0,1fr)}.properties-panel{grid-column:1/-1}}@media (max-width:860px){.ppt-studio-layout{grid-template-columns:1fr;height:auto}.slide-thumbnail-rail{display:flex;overflow-x:auto;gap:10px}.slide-thumbnail{min-width:160px}.slide-stage{transform:scale(.72);transform-origin:center}}.studio-authoring-shell{max-width:none!important;min-height:100vh;background:#f4f6fa;display:flex;flex-direction:column}.studio-authoring-topbar{height:56px!important;margin:0!important;padding:0 22px!important;background:linear-gradient(90deg,#06152e,#09264a)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid hsla(0,0%,100%,.12)}.studio-authoring-topbar h1{margin:0!important;font-size:22px!important;letter-spacing:-.04em!important;color:#fff!important}.studio-authoring-topbar h1:before{content:"⚡ SURGE  ";color:#5da2ff;font-size:22px;margin-right:18px}.studio-authoring-topbar p{display:inline!important;margin-left:20px!important;color:hsla(0,0%,100%,.74)!important;font-size:14px!important}.studio-authoring-actions{display:flex!important;gap:10px!important;align-items:center!important}.studio-authoring-actions .primary,.studio-authoring-actions .secondary{height:36px!important;min-width:auto!important;border-radius:7px!important;padding:0 14px!important;font-size:13px!important;text-transform:uppercase;letter-spacing:.04em}.studio-authoring-actions .primary{background:#1f7cff!important;box-shadow:none!important}.studio-authoring-actions:before{content:"☁ Saved   ↶  ↷";color:hsla(0,0%,100%,.72);font-size:13px;margin-right:10px}.ppt-studio-layout{flex:1 1;height:calc(100vh - 56px)!important;min-height:0!important;grid-template-columns:276px minmax(720px,1fr) 324px!important;gap:0!important;border-top:1px solid #dfe4ef}.ppt-studio-layout:before{content:"STUDIO   OUTLINE   FRAMEWORK   REVIEW   SETTINGS";position:fixed;top:56px;left:0;right:0;height:44px;background:#fff;border-bottom:1px solid #dfe4ef;display:flex;align-items:center;padding-left:28px;word-spacing:34px;font-weight:800;font-size:13px;color:#17213a;z-index:5}.properties-panel,.slide-thumbnail-rail,.slide-workspace{margin-top:96px;border-radius:0!important;border:0!important;box-shadow:none!important}.slide-thumbnail-rail{background:#fff!important;border-right:1px solid #dfe4ef!important;padding:14px 10px!important}.slide-thumbnail-rail:before{content:"Slides        Scenes";display:block;height:38px;border-bottom:2px solid #1f7cff;color:#1769e0;font-size:14px;font-weight:750;padding:0 12px;margin:-14px -10px 12px;line-height:38px;white-space:pre}.slide-thumbnail{grid-template-columns:28px 98px 1fr!important;align-items:start;gap:10px!important;border-radius:7px!important;border:1px solid transparent!important;background:#fff!important;padding:9px!important;min-height:82px}.slide-thumbnail.active{border-color:#1f7cff!important;background:#eef6ff!important;box-shadow:none!important}.slide-thumbnail>span{background:transparent!important;color:#222!important;font-size:13px!important;font-weight:500!important}.slide-thumbnail-preview{width:98px!important;height:56px!important;border:1px solid #cbd4e4!important;border-radius:3px!important;background:#071832!important}.slide-thumbnail p{grid-column:3!important;margin:0!important;font-size:12px!important;line-height:1.3!important;color:#13203a!important}.slide-workspace{background:#f3f5f9!important;display:grid!important;grid-template-rows:48px minmax(0,1fr) 242px!important}.slide-toolbar{min-height:48px!important;height:48px!important;background:#fff!important;border-bottom:1px solid #dfe4ef!important;padding:7px 14px!important;overflow:hidden;flex-wrap:nowrap!important}.slide-toolbar:before{content:"New Slide   Layout   Reset     Text Box   Image   Video   Audio   Shape   Icon";font-weight:700;color:#17213a;font-size:13px;margin-right:14px;white-space:nowrap}.slide-toolbar button{height:32px!important;padding:0 11px!important;border-radius:7px!important;background:#fff!important;border:1px solid #dde3ef!important;font-size:12px!important}.slide-stage-wrap{padding:28px!important;background:#f2f4f8!important}.slide-stage{width:900px!important;height:506px!important;background:#fff!important;border:1px solid #d9e0ec!important;box-shadow:0 10px 30px rgba(24,38,69,.12)!important}.slide-element{border:1px solid transparent!important;background-clip:padding-box!important}.slide-element.selected,.slide-element:hover{border-color:#1f7cff!important;box-shadow:0 0 0 1px #1f7cff,0 0 0 6px rgba(31,124,255,.12)!important}.slide-element-video{padding:0!important;background:#111!important;border:1px solid #111!important;color:#fff!important;display:grid!important;place-items:stretch!important}.slide-element-video .media-icon{display:none!important}.slide-element-video:before{content:"";display:block;position:absolute;inset:0 0 38px 0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),rgba(0,0,0,.25)),radial-gradient(circle at 30% 45%,#b9774a 0 12%,transparent 13%),radial-gradient(circle at 66% 37%,#7da3c7 0 13%,transparent 14%),linear-gradient(90deg,#223f51,#385969 42%,#1f313d)}.slide-element-video:after{content:"▶   0:02 / 1:25                                      🔊  CC  ⚙  ⛶";position:absolute;left:0;right:0;bottom:0;height:38px;background:rgba(0,0,0,.78);color:#fff;display:flex;align-items:center;padding:0 14px;font-size:13px;white-space:pre}.slide-element-image{padding:0!important;border:1px solid #cbd4e4!important;background:linear-gradient(135deg,hsla(0,0%,100%,.15),rgba(0,0,0,.05)),radial-gradient(circle at 30% 36%,#ffd1a1 0 12%,transparent 13%),radial-gradient(circle at 62% 40%,#9ec4e8 0 12%,transparent 13%),linear-gradient(90deg,#dce8f7,#f5efe7)!important}.slide-element-image .media-icon{display:none!important}.slide-element-interaction{border:1px solid #dde3ef!important;background:#f7f5ff!important}.slide-element-feedback{border:1px solid #dde3ef!important;background:#fbfbff!important}.timeline-panel{display:block!important}.timeline-panel:before{content:"Timeline      States      Notes";display:block;height:38px;border-bottom:1px solid #dfe4ef;color:#17213a;font-size:14px;font-weight:700;padding-left:22px;line-height:38px;word-spacing:34px}.timeline-panel:after{content:"T  Text Box 1   ━━━━━\\A T  Text Box 2       ━━━━━━━━━━━\\A ▣  Video 1              ━━━━━━━━━━━━━━━━━━━━━\\A ☆  Icon 1                  ━━━━━━━\\A ▱  Background      ━━━━━━━━━━━━━━━━━━━━━━━━━━━";white-space:pre;display:block;padding:14px 24px;color:#17213a;font-size:13px;line-height:30px;background:repeating-linear-gradient(90deg,transparent 0 74px,#eef1f6 75px 76px)}.properties-panel{background:#fff!important;border-left:1px solid #dfe4ef!important;padding:0!important}.properties-panel:before{content:"PROPERTIES      TRIGGER      LAYERS";display:block;height:48px;border-bottom:1px solid #dfe4ef;color:#1769e0;font-size:13px;font-weight:850;line-height:48px;padding-left:18px;word-spacing:22px}.properties-header{padding:18px 16px 0!important}.property-group{padding:0 16px 18px!important}.property-group:before{content:"Selected object";display:block;color:#17213a;font-weight:800;font-size:14px;margin-bottom:8px}.property-group input,.property-group textarea{border:1px solid #dce3ef!important;border-radius:5px!important;padding:10px!important}.property-grid{grid-template-columns:1fr 1fr!important}.replace-media-button{height:36px!important;border:1px solid #dce3ef!important;background:#fff!important;color:#17213a!important;box-shadow:none!important}.app.studio-mode{grid-template-columns:1fr!important;background:#f4f6fa}.app.studio-mode .command-bar,.app.studio-mode .sidebar{display:none!important}.app.studio-mode .workspace{padding:0!important;min-height:100vh;overflow:hidden}.app.studio-mode .create-shell{min-height:100vh}.app.studio-mode .top-step-actions,.app.studio-mode .workflow-progress{display:none!important}.studio-pro-shell{min-height:100vh;background:#f4f6fa;display:flex;flex-direction:column}.studio-pro-topbar{height:56px;background:linear-gradient(90deg,#06152e,#09264a);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.studio-pro-actions,.studio-pro-brand{display:flex;align-items:center;gap:12px}.studio-pro-logo{color:#5da2ff;font-size:24px}.studio-pro-brand strong{font-size:21px;letter-spacing:-.04em}.studio-pro-brand span{color:hsla(0,0%,100%,.72);font-size:13px}.studio-preview-top,.studio-pro-actions button,.studio-publish{height:34px;border:1px solid hsla(0,0%,100%,.18);background:hsla(0,0%,100%,.08);color:#fff;border-radius:7px;padding:0 12px;font-weight:800;font-size:12px}.studio-preview-top{text-transform:uppercase}.studio-publish{background:#1f7cff!important;border-color:#1f7cff!important}.studio-saved{color:hsla(0,0%,100%,.72);font-size:13px}.studio-avatar{width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,#7b42ff,#a779ff);display:grid;place-items:center;font-weight:850;font-size:12px}.studio-tabs{height:44px;background:#fff;border-bottom:1px solid #dfe4ef;display:flex;align-items:center;gap:28px;padding:0 28px}.studio-tabs button{border:0;background:transparent;height:44px;color:#17213a;font-weight:850;text-transform:uppercase;font-size:13px}.studio-tabs button.active{color:#1769e0;border-bottom:3px solid #1769e0}.studio-ribbon{min-height:94px;background:#fff;border-bottom:1px solid #dfe4ef;display:flex;gap:0;overflow-x:auto}.ribbon-group{display:flex;align-items:center;gap:8px;padding:12px 18px;border-right:1px solid #e8edf5}.ribbon-group button,.ribbon-group select{border:1px solid #dde3ef;background:#fff;border-radius:7px;padding:8px 10px;color:#17213a;font-weight:750;font-size:12px}.ribbon-group .danger{color:#d72e2e}.studio-document-bar{height:48px;background:#f8fafc;border-bottom:1px solid #dfe4ef;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 292px}.slide-doc-title{height:34px;background:#fff;border:1px solid #e1e7f2;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#17213a;font-size:13px}.slide-doc-title button{border:0;background:transparent;color:#1769e0}.slide-view-controls{display:flex;align-items:center;gap:8px}.slide-view-controls button,.slide-view-controls select{border:1px solid #dde3ef;background:#fff;border-radius:7px;padding:8px 10px;font-size:12px;font-weight:750}.preview-slide-button{color:#1769e0!important}.studio-pro-layout{flex:1 1;min-height:0;display:grid;grid-template-columns:276px minmax(720px,1fr) 324px}.studio-slide-panel{background:#fff;border-right:1px solid #dfe4ef;display:flex;flex-direction:column;min-height:0}.slide-panel-tabs{display:flex;height:44px;border-bottom:1px solid #dfe4ef}.slide-panel-tabs button{flex:1 1;border:0;background:#fff;font-weight:800;color:#17213a}.slide-panel-tabs button.active{color:#1769e0;border-bottom:3px solid #1769e0}.scene-title{padding:12px 14px;font-size:13px;font-weight:750;color:#17213a}.studio-thumb-list{flex:1 1;min-height:0;overflow-y:auto;padding:0 8px 12px}.studio-pro-thumb{width:100%;border:1px solid transparent;background:#fff;border-radius:7px;padding:9px;min-height:82px;display:grid;grid-template-columns:28px 98px 1fr;grid-gap:10px;gap:10px;text-align:left}.studio-pro-thumb.active{border-color:#1f7cff;background:#eef6ff}.thumb-number{color:#222;font-size:13px}.studio-pro-thumb-preview{width:98px;height:56px;border:1px solid #cbd4e4;border-radius:3px;background:#071832;position:relative;overflow:hidden}.studio-mini-element{position:absolute;background:#d9d2ff;border-radius:3px}.studio-mini-element:first-child{left:10px;top:10px;width:68px;height:8px}.studio-mini-element:nth-child(2){left:10px;top:26px;width:52px;height:12px}.studio-mini-element:nth-child(3){left:24px;top:42px;width:50px;height:8px}.mini-image,.mini-interaction,.mini-video{background:#efe9ff}.studio-pro-thumb strong{display:block;color:#13203a;font-size:12px;line-height:1.25}.studio-pro-thumb em{display:block;margin-top:5px;color:#6c7486;font-style:normal;font-size:11px}.slide-panel-footer{height:48px;border-top:1px solid #dfe4ef;display:flex;align-items:center;justify-content:space-around}.slide-panel-footer button{border:0;background:transparent;color:#17213a;font-size:18px}.studio-main-stage{background:#f3f5f9;display:grid;grid-template-rows:minmax(0,1fr) 240px;min-width:0}.stage-scroll{display:grid;place-items:center;overflow:auto;padding:28px}.author-slide{width:900px;height:506px;background:#fff;border:1px solid #d9e0ec;box-shadow:0 10px 30px rgba(24,38,69,.12);position:relative;overflow:hidden}.author-element{position:absolute;border:1px solid transparent;padding:10px;text-align:left;overflow:hidden;cursor:pointer;line-height:1.35}.author-element.selected,.author-element:hover{border-color:#1f7cff!important;box-shadow:0 0 0 1px #1f7cff,0 0 0 6px rgba(31,124,255,.12)}.author-video{padding:0!important;background:#111!important;color:#fff!important}.real-video-object{position:absolute;inset:0;display:grid;grid-template-rows:1fr 38px}.video-visual{background:linear-gradient(135deg,hsla(0,0%,100%,.1),rgba(0,0,0,.25)),radial-gradient(circle at 30% 45%,#b9774a 0 12%,transparent 13%),radial-gradient(circle at 66% 37%,#7da3c7 0 13%,transparent 14%),linear-gradient(90deg,#223f51,#385969 42%,#1f313d);display:grid;place-items:center}.video-visual span{width:62px;height:62px;border-radius:999px;display:grid;place-items:center;background:rgba(0,0,0,.56);color:#fff;font-size:24px}.video-controls{background:rgba(0,0,0,.82);color:#fff;display:flex;align-items:center;gap:18px;padding:0 14px;font-size:12px}.real-image-object{position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.15),rgba(0,0,0,.05)),radial-gradient(circle at 30% 36%,#ffd1a1 0 12%,transparent 13%),radial-gradient(circle at 62% 40%,#9ec4e8 0 12%,transparent 13%),linear-gradient(90deg,#dce8f7,#f5efe7);display:grid;place-items:center;color:#1769e0;font-weight:900}.timeline-panel{background:#fff;border-top:1px solid #dfe4ef}.timeline-tabs{height:38px;border-bottom:1px solid #dfe4ef;display:flex;gap:28px;align-items:center;padding:0 18px}.timeline-tabs button{border:0;background:transparent;font-weight:750}.timeline-tabs button.active{color:#1769e0;border-bottom:3px solid #1769e0;align-self:stretch}.timeline-body{display:grid;grid-template-columns:170px 1fr;height:201px;overflow:hidden}.timeline-layer-names{border-right:1px solid #dfe4ef;padding-top:28px}.timeline-layer-names div{height:30px;padding-left:16px;font-size:13px;color:#17213a;display:flex;align-items:center}.timeline-layer-names .active{background:#e8f2ff;color:#1769e0}.timeline-tracks{position:relative;padding:0 18px;background:repeating-linear-gradient(90deg,transparent 0 74px,#eef1f6 75px 76px)}.time-ruler{height:28px;display:flex;justify-content:space-between;color:#697386;font-size:11px;align-items:center}.track{height:18px;border-radius:4px;background:#bed5f5;margin:12px 0}.track.short{width:180px;margin-left:40px}.track.medium{width:330px;margin-left:78px}.track.video{width:580px;background:#247cff;margin-left:24px}.track.icon{width:220px;margin-left:220px}.track.background{width:780px;opacity:.55}.studio-properties{background:#fff;border-left:1px solid #dfe4ef;min-height:0;overflow-y:auto}.properties-tabs{height:48px;border-bottom:1px solid #dfe4ef;display:flex}.properties-tabs button{flex:1 1;border:0;background:#fff;font-size:12px;font-weight:850;text-transform:uppercase}.properties-tabs button.active{color:#1769e0;border-bottom:3px solid #1769e0}.studio-properties-body{padding:16px}.media-replace-row,.selected-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.media-replace-row button,.selected-title-row button{border:1px solid #dce3ef;background:#fff;border-radius:6px;padding:9px 10px;font-weight:750}.media-replace-row button:first-child{flex:1 1}.media-file-card{display:grid;grid-template-columns:54px 1fr;grid-gap:10px;gap:10px;margin:14px 0;align-items:center}.media-file-thumb{height:42px;border-radius:6px;background:#17213a;color:#fff;display:grid;place-items:center;font-weight:900}.media-file-thumb.image{background:#e8f2ff;color:#1769e0}.media-file-card strong{display:block;font-size:13px}.media-file-card span{display:block;color:#6c7486;font-size:12px}.checkbox-stack{display:grid;grid-gap:10px;gap:10px;margin:16px 0}.checkbox-stack label,.small-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-size:13px;color:#17213a}.property-section{border-top:1px solid #e8edf5;padding-top:16px;margin-top:16px}.property-section h4{margin:0 0 12px;color:#17213a;font-size:13px}.property-section label{display:grid;grid-gap:7px;gap:7px;font-size:12px;font-weight:750;color:#17213a;margin-bottom:10px}.property-section input,.property-section textarea{border:1px solid #dce3ef;border-radius:5px;padding:9px;font:inherit}.property-section textarea{min-height:72px;resize:vertical}.property-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.player-modal-backdrop{z-index:9999!important}.tool-group{align-items:stretch!important;flex-direction:column;justify-content:center;min-width:max-content;padding:9px 14px!important}.tool-group-label{display:block;margin-bottom:6px;color:#697386;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.tool-button-row{display:flex;align-items:center;gap:6px}.studio-tool-button{min-width:54px;height:54px!important;display:grid!important;grid-template-rows:22px 1fr;justify-items:center;align-items:center;grid-gap:2px;gap:2px;padding:6px 8px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#17213a!important;transition:background .12s ease,border-color .12s ease,transform .12s ease}.studio-tool-button:hover{background:#eef6ff!important;border-color:#cfe2ff!important;transform:translateY(-1px)}.studio-tool-button.active{background:#e8f2ff!important;border-color:#8fc1ff!important;color:#1769e0!important}.tool-icon{font-size:18px;line-height:1;font-weight:900}.studio-tool-button span:last-child{font-size:10px;font-weight:800;white-space:nowrap}.author-element span[contenteditable=true]{outline:0;cursor:text}.author-element.locked{opacity:.72}.resize-handle{border-radius:999px;border:2px solid #1f7cff;z-index:5}.quick-nudge-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px;margin:12px 0 16px}.quick-nudge-grid button{border:1px solid #dce3ef;background:#fff;border-radius:6px;padding:8px 6px;font-size:12px;font-weight:800}.quick-nudge-grid button:hover,.slide-panel-footer button:hover,.timeline-layer-names div:hover,.track:hover{background:#eef6ff;color:#1769e0}.timeline-layer-names div,.track{cursor:pointer}.timeline-panel{min-height:120px!important;max-height:340px!important}.timeline-resizer{height:28px;min-height:28px;border-top:1px solid #dfe4ef}.timeline-tabs{min-height:38px!important}.timeline-layer-names,.timeline-tracks{overflow:hidden!important}.studio-pro-layout{height:calc(100vh - 148px)!important}.stage-scroll{padding:18px!important}.author-slide{margin:0 auto!important;transform:none!important;transform-origin:center!important;border-radius:2px!important}.author-element{box-sizing:border-box!important}.author-element span[contenteditable=true]{display:block;width:100%;min-height:100%;outline:none}.author-element.locked{cursor:not-allowed;opacity:.82}.resize-handle{position:absolute;width:9px;height:9px;border:1px solid #1769e0;background:#fff;z-index:20}.resize-handle.nw{left:-6px;top:-6px;cursor:nwse-resize}.resize-handle.ne{right:-6px;top:-6px;cursor:nesw-resize}.resize-handle.sw{left:-6px;bottom:-6px;cursor:nesw-resize}.resize-handle.se{right:-6px;bottom:-6px;cursor:nwse-resize}.timeline-panel{min-height:104px!important}.timeline-resizer{height:26px;min-height:26px;display:grid;grid-template-columns:110px 1fr;grid-gap:12px;gap:12px;padding:0 14px;cursor:ns-resize}.timeline-tabs button{cursor:pointer}.timeline-layer-names,.timeline-tracks{min-height:100%!important}.notes-panel-body{height:100%}.notes-panel-body textarea{min-height:70px}.experience-player-modal{width:min(1280px,96vw)!important}.experience-player-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:650px;overflow:auto}.experience-player-stage{display:grid;place-items:center;padding:34px;background:linear-gradient(180deg,#f7f8fb,#fff)}.experience-player-slide{width:900px;height:506px;background:#fff;border:1px solid #d9e0ec;box-shadow:0 18px 60px rgba(24,38,69,.18);position:relative;overflow:hidden}.preview-slide-element{position:absolute;box-sizing:border-box;padding:10px;overflow:hidden;line-height:1.35}.preview-slide-element.preview-image,.preview-slide-element.preview-video{padding:0}.preview-slide-element.preview-heading,.preview-slide-element.preview-text{background:transparent!important}.learner-clickable-object{width:100%;height:100%;border:1px solid rgba(23,105,224,.25);border-radius:inherit;background:transparent;color:inherit;font:inherit;font-weight:inherit;cursor:pointer;text-align:left;padding:10px}.learner-clickable-object.selected,.learner-clickable-object:hover{border-color:#1769e0;box-shadow:0 0 0 4px rgba(23,105,224,.12);background:rgba(23,105,224,.05)}.learner-video-object .video-visual button{width:64px;height:64px;border:0;border-radius:999px;background:rgba(0,0,0,.58);color:#fff;font-size:24px;font-weight:900}.learner-video-object .video-played{filter:saturate(1.2) brightness(1.08)}.experience-player-sidebar{border-left:1px solid #edf0f7;padding:28px;background:#fff}.experience-player-sidebar h3{margin:0 0 18px}.experience-player-sidebar div{border:1px solid #edf0f7;border-radius:14px;padding:14px;margin-bottom:14px;background:#fbfbff}.experience-player-sidebar strong{color:#5f2df3}.experience-player-sidebar p{color:#4a5266;line-height:1.45}.preview-feedback-card{border-color:#d8ccff!important;background:#f7f5ff!important}@media (max-width:1240px){.author-slide,.experience-player-slide{transform:scale(.82)!important}.experience-player-stage,.stage-scroll{place-items:center!important}}@media (max-width:980px){.experience-player-body{grid-template-columns:1fr}.experience-player-sidebar{border-left:0;border-top:1px solid #edf0f7}}.studio-pro-layout{height:calc(100vh - 242px)!important;grid-template-columns:var(--studio-columns,260px minmax(0,1fr) 320px)}.studio-properties,.studio-slide-panel{position:relative}.panel-resize-handle{z-index:50;display:flex;align-items:center;gap:4px}.panel-resize-right{right:0;border-right:1px solid #cfd7e6}.panel-resize-left,.panel-resize-right{width:18px;flex-direction:column;justify-content:center}.panel-resize-left{left:0;border-left:1px solid #cfd7e6}.panel-resize-handle button{height:42px}.panel-resize-handle input{width:90px;height:16px;transform:rotate(90deg);transform-origin:center;accent-color:#1769e0;opacity:0;transition:opacity .14s ease}.panel-resize-handle:hover input{opacity:1}.studio-properties.collapsed,.studio-slide-panel.collapsed{background:#f8fafc!important}.stage-scroll{padding:clamp(10px,2vw,28px)!important}.author-slide{margin:auto!important;transform-origin:center center!important}@media (max-width:1540px){.author-slide{transform:scale(.88)!important}}@media (max-width:1320px){.author-slide{transform:scale(.76)!important}}@media (max-width:1080px){.author-slide{transform:scale(.64)!important}}@media (max-height:860px){.author-slide{transform:scale(.78)!important}}@media (max-height:740px){.author-slide{transform:scale(.64)!important}}.timeline-panel{max-height:300px!important}.timeline-resizer{height:38px!important;min-height:38px!important;border-bottom:1px solid #dfe4ef;background:#f8fafc;grid-template-columns:32px 110px minmax(80px,1fr);align-items:center;grid-gap:10px;gap:10px;padding:0 12px;color:#17213a;font-size:12px;font-weight:800}.timeline-resizer button{width:26px;height:26px;border:1px solid #cfd7e6;background:#fff;color:#1769e0;border-radius:6px;font-weight:900}.timeline-resizer input{width:100%;accent-color:#1769e0}.timeline-tabs{min-height:34px!important;height:34px!important}.timeline-body{flex:1 1!important;min-height:0!important;overflow:auto!important}.states-panel-body{display:flex;align-items:flex-start;gap:12px;padding:14px;overflow:auto;min-height:0}.state-card{min-width:150px;border:1px solid #dfe4ef;border-radius:10px;background:#fbfcff;padding:12px}.state-card.active{border-color:#1769e0;background:#eef6ff}.state-card span,.state-card strong{display:block}.state-card span{margin-top:4px;color:#657086;font-size:12px}.add-state-button{border:1px dashed #9fb0c9;border-radius:10px;background:#fff;padding:12px 16px;color:#1769e0;font-weight:800}.notes-panel-body{flex:1 1;min-height:0;padding:12px}.notes-panel-body textarea{width:100%;height:100%;min-height:72px;border:1px solid #dfe4ef;border-radius:10px;padding:12px;resize:none;font:inherit}.studio-main-stage,.studio-properties,.studio-slide-panel{min-width:0!important;min-height:0!important;position:relative}.studio-properties,.studio-slide-panel{overflow:hidden!important}.studio-main-stage{background:#eef2f7!important}.studio-pro-thumb{min-height:0!important}.thumb-number{min-width:0!important;font-size:12px!important;line-height:1.2!important}.studio-pro-thumb-preview{position:relative!important;width:var(--studio-thumb-width)!important;height:var(--studio-thumb-height)!important;min-width:0!important;min-height:0!important;max-height:none!important;aspect-ratio:900/506!important;background:#fff!important;border:1px solid #cbd4e4!important;border-radius:3px!important}.studio-pro-thumb-label{width:var(--studio-thumb-width)!important;transform:scale(var(--studio-thumb-text-scale,1));transform-origin:top left}.studio-pro-thumb em,.studio-pro-thumb strong{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.studio-pro-thumb strong{font-size:12px!important;line-height:1.2!important}.studio-pro-thumb em{font-size:11px!important;line-height:1.2!important;margin-top:3px!important}.studio-mini-element{display:none!important}.studio-thumb-object{position:absolute;box-sizing:border-box;overflow:hidden;border:1px solid rgba(26,36,62,.12);line-height:1}.studio-thumb-object span{display:block;overflow:hidden;white-space:nowrap;text-overflow:clip;font-size:3px;transform:scale(.8);transform-origin:left top}.thumb-object-heading,.thumb-object-text{border-color:transparent}.thumb-object-video{background:linear-gradient(135deg,hsla(0,0%,100%,.1),rgba(0,0,0,.25)),linear-gradient(90deg,#223f51,#385969 42%,#1f313d)!important}.thumb-object-video:after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:7px}.thumb-object-image{background:radial-gradient(circle at 30% 36%,#ffd1a1 0 12%,transparent 13%),radial-gradient(circle at 62% 40%,#9ec4e8 0 12%,transparent 13%),linear-gradient(90deg,#dce8f7,#f5efe7)!important}.thumb-object-button,.thumb-object-feedback,.thumb-object-interaction{background:#f7f5ff;border-color:#d7ccff}.stage-scroll{background:radial-gradient(circle at center,rgba(23,105,224,.08) 0 1px,transparent 1px),#eef2f7!important;background-size:22px 22px!important}.author-slide{margin:0!important;box-sizing:border-box!important;border-radius:3px!important}.timeline-panel{border-top:1px solid #cfd7e6!important;background:#fff!important}.timeline-resizer{order:0!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;background:#f8fafc!important;border-bottom:1px solid #dfe4ef!important}.timeline-resizer:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:transparent;transition:background .12s ease,box-shadow .12s ease}.studio-resizing-vertical .timeline-resizer:before,.timeline-resizer:hover:before{background:#1769e0;box-shadow:0 0 0 3px rgba(23,105,224,.12)}.timeline-resizer button{width:24px!important;height:14px!important;line-height:12px!important;border:0!important;background:transparent!important;color:#1769e0!important;font-weight:900!important;padding:0!important;cursor:pointer!important}.timeline-resizer .resize-crosshair.horizontal{position:relative!important;display:inline-block!important;justify-self:center!important;left:auto!important;top:auto!important;transform:none!important}.notes-panel-body,.states-panel-body,.timeline-body,.timeline-tabs{order:0!important}.timeline-panel.collapsed{min-height:38px!important;padding-top:0!important}.timeline-panel.collapsed .timeline-resizer{position:relative!important;height:38px!important}.timeline-panel.collapsed .notes-panel-body,.timeline-panel.collapsed .states-panel-body,.timeline-panel.collapsed .timeline-body,.timeline-panel.collapsed .timeline-tabs{display:none!important}.panel-resize-handle{position:absolute;z-index:80;background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.panel-resize-right{right:-5px;border-right:0!important}.panel-resize-left,.panel-resize-right{top:0;bottom:0;width:10px;cursor:ew-resize}.panel-resize-left{left:-5px;border-left:0!important}.panel-resize-left:before,.panel-resize-right:before{content:"";position:absolute;top:0;bottom:0;left:4px;width:1px;background:transparent;transition:background .12s ease,box-shadow .12s ease}.panel-resize-left:hover:before,.panel-resize-right:hover:before,.studio-resizing-horizontal .panel-resize-left:before,.studio-resizing-horizontal .panel-resize-right:before{background:#1769e0;box-shadow:0 0 0 3px rgba(23,105,224,.12)}.resize-crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border-radius:50%;opacity:0;pointer-events:none;transition:opacity .12s ease}.resize-crosshair:after,.resize-crosshair:before{content:"";position:absolute;background:#1769e0;left:50%;top:50%;transform:translate(-50%,-50%)}.resize-crosshair:before{width:18px;height:2px}.resize-crosshair:after{width:2px;height:18px}.panel-resize-handle:hover .resize-crosshair,.studio-resizing-horizontal .resize-crosshair,.studio-resizing-vertical .resize-crosshair,.timeline-resizer:hover .resize-crosshair{opacity:1}.panel-resize-handle button{position:absolute;top:12px;left:50%;width:18px;height:38px;transform:translateX(-50%);border:1px solid #cfd7e6;background:#fff;color:#1769e0;border-radius:999px;font-size:13px;font-weight:900;padding:0;box-shadow:0 2px 8px rgba(24,38,69,.12);cursor:pointer}.studio-properties.collapsed>:not(.panel-resize-handle),.studio-slide-panel.collapsed>:not(.panel-resize-handle){display:none!important}.studio-slide-panel.collapsed:after{content:"Slides";transform:rotate(180deg);left:12px}.studio-properties.collapsed:after,.studio-slide-panel.collapsed:after{position:absolute;writing-mode:vertical-rl;top:74px;color:#657086;font-weight:850;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.studio-properties.collapsed:after{content:"Properties";right:12px}.studio-resizing-horizontal,.studio-resizing-horizontal *{cursor:ew-resize!important}.studio-resizing-vertical,.studio-resizing-vertical *{cursor:ns-resize!important}.studio-pro-shell{height:100vh!important;min-height:100vh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.studio-pro-layout{flex:1 1 auto!important;height:auto!important;grid-template-columns:var(--studio-left-width,260px) minmax(0,1fr) var(--studio-right-width,320px)!important}.studio-main-stage,.studio-pro-layout{min-height:0!important;display:grid!important;overflow:hidden!important}.studio-main-stage{grid-template-rows:minmax(0,1fr) var(--studio-timeline-height,168px)!important}.stage-scroll,.studio-main-stage{min-width:0!important;height:100%!important}.stage-scroll{width:100%!important;min-height:0!important;overflow:auto!important;padding:12px!important;box-sizing:border-box!important}.stage-fit-box,.stage-scroll{display:grid!important;place-items:center!important}.stage-fit-box{position:relative!important;flex:0 0 auto!important;margin:auto!important}.author-slide{width:900px!important;height:506px!important;min-width:900px!important;min-height:506px!important;max-width:900px!important;max-height:506px!important;transform:scale(var(--studio-stage-scale,1))!important;transform-origin:top left!important}.studio-thumb-list{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;padding:0 8px 12px!important}.studio-pro-thumb{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;grid-gap:6px!important;gap:6px!important;align-items:start!important;padding:8px!important;box-sizing:border-box!important}.studio-pro-thumb,.studio-pro-thumb-content{width:100%!important;min-width:0!important;overflow:hidden!important}.studio-pro-thumb-content{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important}.studio-pro-thumb-preview{height:var(--studio-thumb-height,56px)!important;flex:0 0 auto!important;overflow:hidden!important;box-sizing:border-box!important}.studio-pro-thumb-label,.studio-pro-thumb-preview{width:var(--studio-thumb-width,98px)!important;max-width:100%!important}.studio-pro-thumb-label{min-width:0!important;transform:scale(var(--studio-thumb-text-scale,1))!important;transform-origin:top left!important}.timeline-panel{min-height:38px!important;max-height:360px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;position:relative!important;padding-top:14px!important}.timeline-resizer{position:absolute!important;top:0!important;left:0!important;right:0!important;height:14px!important;min-height:14px!important;z-index:30!important;cursor:ns-resize!important;touch-action:none!important}.timeline-tabs{min-height:36px!important;height:36px!important;flex:0 0 auto!important}.notes-panel-body,.states-panel-body,.timeline-body{min-height:0!important;overflow:auto!important}