:root{color-scheme:dark;--bg:#101722;--panel:#151f2d;--panel-2:#1b2737;--panel-3:#202e40;--line:#2a394c;--text:#e8edf6;--muted:#91a0b5;--accent:#6b83f1;--accent-2:#8b9cff;--success:#50c69a;--danger:#e87979;--stage:#fff;--shadow:0 16px 48px rgba(0,0,0,.25);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);height:100vh;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.app-shell{height:100vh;display:flex;flex-direction:column;min-width:320px}.topbar{height:62px;flex:0 0 62px;display:flex;align-items:center;gap:24px;padding:0 18px;background:#121b28;border-bottom:1px solid var(--line);z-index:5}.brand{display:flex;align-items:center;gap:9px;min-width:190px;text-decoration:none;color:var(--text)}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:linear-gradient(140deg,#7188f7,#405ad0);font-weight:850;color:white;box-shadow:0 5px 15px #465ee74d}.brand-name{font-size:15px;font-weight:760;letter-spacing:-.4px}.brand-name span{font-weight:450;color:#a8b7d3;margin-left:2px}.project-heading{display:flex;align-items:center;gap:12px;min-width:150px;flex:1}.project-name{max-width:320px;width:100%;border:1px solid transparent;background:transparent;color:var(--text);font-size:14px;font-weight:650;padding:7px 9px;border-radius:7px;outline:none}.project-name:hover,.project-name:focus{border-color:var(--line);background:var(--panel)}.save-status{font-size:11px;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:6px}.save-status i,.status-dot,.status-live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);display:inline-block}.save-status.saving i{background:#efba63}.save-status.error i{background:var(--danger)}.top-actions{display:flex;align-items:center;gap:7px}.btn{border:1px solid transparent;border-radius:8px;padding:9px 13px;font-size:12px;font-weight:650;transition:background .16s,border-color .16s,transform .16s;white-space:nowrap}.btn:active,.icon-btn:active,.tool-btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:white;box-shadow:0 5px 15px #5369df40}.btn-primary:hover{background:#7b90ff}.btn-quiet{background:transparent;border-color:var(--line);color:#c7d1e0}.btn-quiet:hover,.icon-btn:hover{background:var(--panel-3);border-color:#40516a}.btn-outline{background:var(--panel-2);border-color:var(--line);color:var(--text)}.btn-outline:hover{background:var(--panel-3)}.btn-danger-quiet{background:#522e36;color:#ffd5d5;border:1px solid #71404a}.btn-present-exit{background:#273347;border:1px solid #46536b;color:white}.play-icon{font-size:10px;margin-right:4px}.icon-btn{border:1px solid var(--line);background:transparent;color:#cbd5e1;width:33px;height:33px;border-radius:8px;font-size:19px;display:grid;place-items:center}.room-status{display:flex;align-items:center;gap:7px;color:#b8c6d9;font-size:11px;white-space:nowrap}.status-dot{background:#78869b}.room-status.connected .status-dot{background:var(--success);box-shadow:0 0 0 3px #50c69a1f}.editor-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 260px;min-height:0;flex:1}.slide-sidebar{background:#131d2a;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;padding:15px 12px 12px}.sidebar-head{display:flex;justify-content:space-between;align-items:center;padding:0 6px 13px;font-size:12px;font-weight:700;color:#cdd7e5}.muted{font-size:11px;color:var(--muted);font-weight:500}.slide-list{overflow:auto;display:flex;flex-direction:column;gap:11px;padding:2px 3px 14px;min-height:0;flex:1}.slide-thumb{border:1px solid #3a4b61;border-radius:8px;background:#f7f8fc;aspect-ratio:16/9;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 3px 10px #0002}.slide-thumb.active{outline:2px solid var(--accent-2);outline-offset:2px;border-color:var(--accent)}.thumb-index{font-size:10px;color:#9eacc0;margin:0 0 2px 3px;display:flex;justify-content:space-between}.thumb-mini{position:absolute;inset:0;overflow:hidden;transform-origin:top left}.thumb-object{position:absolute;white-space:pre-wrap;overflow:hidden;line-height:1.15;font-size:8px;color:#202b43}.slide-thumb .thumb-cover{position:absolute;inset:0;background:linear-gradient(145deg,#f5f7ff,#e8edff)}.add-slide-btn{background:#1d2a3b;color:#c3d0e1;border:1px dashed #50617a;border-radius:8px;padding:10px;font-size:11px;font-weight:650}.add-slide-btn:hover{background:#27364c;border-color:#8093bb}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;background:#192331}.toolbar{height:51px;flex:0 0 51px;background:#172231;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:0 14px;overflow-x:auto}.tool-group{display:flex;align-items:center;gap:4px}.tool-btn{border:1px solid transparent;background:transparent;color:#c2cede;border-radius:7px;padding:6px 8px;display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap;min-height:34px}.tool-btn:hover{background:var(--panel-3);border-color:#34465d;color:white}.tool-glyph{font-family:Georgia,serif;font-size:18px;font-weight:700;color:#a9b7ff}.shape-glyph{display:inline-block;width:13px;height:13px;border:1.7px solid #aab8d3}.rect-glyph{border-radius:2px}.circle-glyph{border-radius:50%}.line-glyph{font-size:18px;color:#aab8d3}.tool-emoji{font-size:16px;color:#aab8ff;min-width:15px;text-align:center}.tool-separator{height:23px;width:1px;background:var(--line)}.tool-spacer{flex:1}.tool-compact{gap:5px}.canvas-workarea{flex:1;min-height:0;display:flex;flex-direction:column;padding:14px 20px 8px}.canvas-caption{display:flex;justify-content:space-between;align-items:center;color:#b8c6d8;font-size:11px;padding:0 2px 11px}.canvas-hint{color:#76869b;font-size:10px}.canvas-viewport{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:14px 8px}.slide-stage{width:min(100%,1100px);max-height:100%;aspect-ratio:16/9;position:relative;background:var(--stage);box-shadow:0 18px 45px #0005;border-radius:2px;overflow:hidden;transform-origin:center}.slide-canvas{position:absolute;inset:0;overflow:hidden;background:white}.slide-element{position:absolute;box-sizing:border-box;transform-origin:center;user-select:none;touch-action:none}.slide-element.selected{outline:1.5px solid #546df0;outline-offset:1px}.slide-element .resize-handle{position:absolute;width:8px;height:8px;background:#fff;border:1.5px solid #536ff0;border-radius:2px;right:-5px;bottom:-5px;cursor:nwse-resize;display:none}.slide-element.selected .resize-handle{display:block}.slide-element.text-element{white-space:pre-wrap;overflow-wrap:anywhere;cursor:move;line-height:1.2;padding:2px 4px;display:flex;align-items:flex-start}.slide-element.text-element[contenteditable="true"]{user-select:text;outline:1px dashed var(--accent);cursor:text}.slide-element.shape-element{display:grid;place-items:center;cursor:move}.slide-element img,.slide-element video{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.slide-element audio{width:100%;height:100%;min-height:40px;pointer-events:auto}.slide-element .chart-svg{width:100%;height:100%;pointer-events:none}.slide-element .shape-label{font-size:13px;color:inherit;pointer-events:none}.canvas-footer{display:flex;justify-content:space-between;align-items:center;color:#77879c;font-size:10px;padding:8px 2px 0}.zoom-controls{display:flex;align-items:center;gap:7px}.tiny-btn{border:1px solid var(--line);background:#202d3e;color:#d4deeb;border-radius:5px;padding:3px 8px;font-size:10px}.tiny-btn:hover{background:#314157}.inspector{background:#141e2c;border-left:1px solid var(--line);min-height:0;overflow:auto}.inspector-tabs{height:51px;display:flex;border-bottom:1px solid var(--line);position:sticky;top:0;background:#141e2c;z-index:2}.inspector-tab{flex:1;border:0;border-bottom:2px solid transparent;background:transparent;color:#8d9cb0;font-size:11px;font-weight:650}.inspector-tab.active{color:#e8eef8;border-bottom-color:var(--accent-2)}.inspector-panel{padding:15px 14px 25px}.empty-inspector{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;color:#aebbd0}.empty-inspector strong{font-size:12px}.empty-inspector span{font-size:10px;color:#7f90a8;line-height:1.7;max-width:190px}.empty-icon{width:42px;height:42px;border:1px solid #3b4c64;border-radius:12px;display:grid;place-items:center;font-size:23px;color:#91a4c4}.control-stack{display:flex;flex-direction:column;gap:14px}.panel-section{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}.panel-section:last-child{border:0}.panel-section h3{font-size:11px;color:#d4deec;margin:0 0 12px;font-weight:700}.field-label{display:flex;flex-direction:column;gap:6px;color:#9eacc0;font-size:10px;margin:10px 0}.field-label input:not([type=color]),.field-label select,.text-input,.field-row input,.field-row select{width:100%;border:1px solid #35465c;background:#1b293a;color:#e5edf8;border-radius:6px;padding:8px;font-size:11px;outline:none;min-width:0}.field-label input:focus,.field-label select:focus,.text-input:focus,.field-row input:focus{border-color:#798cf4}.field-label input[type=color]{width:100%;height:31px;border:1px solid #35465c;border-radius:6px;background:#1b293a;padding:3px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#aebbd0;margin:12px 0}.toggle-row input{accent-color:var(--accent)}.full-btn{width:100%;justify-content:center}.text-btn{border:0;background:transparent;color:#91a6f4;font-size:10px;padding:7px 2px}.text-btn:hover{color:#bdc9ff}.notes-input{background:#1b293a;border:1px solid #35465c;color:var(--text);border-radius:6px;padding:9px;font-size:11px;width:100%;resize:vertical;outline:none;line-height:1.6}.statusbar{height:25px;flex:0 0 25px;background:#121b28;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 12px;color:#7f8fa4;font-size:9px}.status-left,.status-right{display:flex;align-items:center;gap:9px}.status-live-dot{width:6px;height:6px}.status-divider{color:#405069}.modal{padding:0;border:1px solid #40516b;background:transparent;color:var(--text);border-radius:15px;max-width:calc(100vw - 25px);width:440px;box-shadow:var(--shadow)}.modal::backdrop{background:rgba(4,9,17,.68);backdrop-filter:blur(5px)}.modal-card{position:relative;background:#172333;border-radius:15px;padding:28px;display:flex;flex-direction:column;align-items:center;text-align:center}.modal-close{position:absolute;right:13px;top:11px;width:28px;height:28px;border:0;background:transparent;color:#aab7c9;font-size:23px}.modal-icon{width:45px;height:45px;border-radius:14px;background:#29385a;color:#aebaff;display:grid;place-items:center;font-size:21px;margin-bottom:12px}.modal-card h2{font-size:19px;margin:0 0 7px}.modal-subtitle{font-size:11px;line-height:1.7;color:#99a9bd;margin:0 0 18px;max-width:350px}.room-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:4px 0 14px}.room-choice{background:#202e41;border:1px solid #3a4b63;color:var(--text);border-radius:10px;padding:15px 10px;display:flex;flex-direction:column;align-items:center;gap:6px}.room-choice:hover{background:#293a52;border-color:#7288ed}.choice-icon{font-size:22px;color:#9caeff}.room-choice strong{font-size:11px}.room-choice small{font-size:9px;color:#92a2b7}.join-fields{width:100%;text-align:left;margin:6px 0 12px}.code-input{text-transform:uppercase;letter-spacing:4px;text-align:center;font-size:17px;font-weight:750}.dialog-info{font-size:9px;color:#8192a8;line-height:1.6;margin:8px 0 0}.present-modal-card{align-items:stretch;text-align:left}.present-modal-card .modal-icon,.present-modal-card h2,.present-modal-card .modal-subtitle{text-align:center;align-self:center}.present-choice-list{display:flex;flex-direction:column;gap:8px}.present-choice{display:flex;align-items:center;gap:12px;text-align:left;padding:13px;background:#202f43;border:1px solid #3a4c65;border-radius:10px;color:var(--text)}.present-choice:hover{border-color:#7a8df3;background:#283a53}.present-choice>span:first-child{font-size:23px;color:#9caeff;width:31px;text-align:center}.present-choice strong{display:block;font-size:12px;margin-bottom:3px}.present-choice small{display:block;font-size:10px;color:#91a2b8}.exit-modal-card{align-items:stretch}.exit-modal-card .modal-icon,.exit-modal-card h2,.exit-modal-card .modal-subtitle{align-self:center;text-align:center}.save-icon{font-size:26px}.exit-actions{display:flex;flex-direction:column;gap:8px;width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:8px;width:100%;margin-top:15px}.toast-stack{position:fixed;right:18px;bottom:38px;z-index:30;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:#26364b;border:1px solid #40536d;color:#e8eef8;border-radius:9px;padding:11px 14px;box-shadow:var(--shadow);font-size:11px;max-width:330px;animation:toast-in .2s ease}.toast.error{border-color:#88505a;background:#402b35}.toast.success{border-color:#3a8069;background:#1f3b38}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.presenter-overlay{position:fixed;inset:0;background:#080d16;z-index:100;display:flex;flex-direction:column}.presenter-overlay[hidden]{display:none}.presenter-topbar{height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #28364a;color:#e4eaf4}.presenter-brand{font-size:12px;font-weight:800;letter-spacing:1.5px}.presenter-brand span{font-weight:400;color:#93a5bf;margin-left:4px}.presenter-mode-label{font-size:10px;color:#aebbd0}.presenter-stage-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:17px}.presenter-stage{position:relative;width:min(100%,calc((100vh - 135px)*16/9));aspect-ratio:16/9;background:white;overflow:hidden;box-shadow:0 20px 60px #0008}.presenter-stage .slide-element{pointer-events:none}.presenter-controls{height:55px;flex:0 0 55px;display:flex;align-items:center;justify-content:center;gap:18px;color:#dbe4f1;font-size:11px}.present-control{background:#1d2a3b;border:1px solid #35475f;color:#dbe4f1;border-radius:7px;padding:8px 13px;font-size:10px}.present-control:hover{background:#2a3b53}.present-control:disabled{opacity:.35}.presenter-notes{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 25px));max-height:25vh;overflow:auto;padding:13px 16px;background:#172438ee;border:1px solid #455876;border-radius:10px;color:#d9e4f2;font-size:12px;line-height:1.6;white-space:pre-wrap}.presenter-notes[hidden]{display:none}.light-theme{color-scheme:light;--bg:#e9edf4;--panel:#fff;--panel-2:#f5f7fb;--panel-3:#e9eef7;--line:#d8deea;--text:#1d293b;--muted:#68778d}.light-theme .topbar,.light-theme .statusbar,.light-theme .slide-sidebar,.light-theme .inspector,.light-theme .inspector-tabs{background:#f9fbfe}.light-theme .workspace{background:#edf1f7}.light-theme .toolbar{background:#f8faff}.light-theme .brand{color:#1d293b}.light-theme .project-name{color:#1d293b}.light-theme .tool-btn{color:#44536a}.light-theme .sidebar-head,.light-theme .canvas-caption,.light-theme .canvas-footer{color:#52627a}.light-theme .inspector-tab.active{color:#24334a}.light-theme .btn-quiet{color:#475771}.light-theme .icon-btn{color:#475771}.light-theme .field-label input:not([type=color]),.light-theme .field-label select,.light-theme .text-input,.light-theme .field-row input,.light-theme .notes-input{background:#fff;color:#23324a;border-color:#cbd5e3}.light-theme .panel-section h3{color:#30415a}.light-theme .empty-inspector{color:#5b6b82}.light-theme .empty-inspector span{color:#8492a6}.light-theme .add-slide-btn{background:#eaf0fb;color:#40516a;border-color:#c4cede}.light-theme .tiny-btn{background:#f8faff;color:#43546d}.light-theme .room-status{color:#51627a}
@media(max-width:1100px){.editor-layout{grid-template-columns:155px minmax(0,1fr) 225px}.brand{min-width:155px}.topbar{gap:12px;padding:0 12px}.top-actions{gap:5px}.top-actions .btn{padding:8px 9px}.canvas-workarea{padding:12px}.toolbar{padding:0 9px;gap:5px}.tool-btn{padding:6px}.tool-btn span:last-child{display:none}.tool-btn.tool-compact span:last-child{display:inline}}
@media(max-width:780px){body{overflow:auto}.app-shell{height:100dvh;min-height:550px}.editor-layout{grid-template-rows:minmax(0,1fr) 112px auto}.workspace{grid-column:1;grid-row:1}.slide-sidebar{grid-column:1;grid-row:2}.inspector{grid-column:1;grid-row:3}.topbar{height:auto;min-height:58px;flex:0 0 auto;flex-wrap:wrap;gap:5px;padding:8px 10px}.brand{min-width:0;flex:0 0 auto}.brand-name{font-size:13px}.project-heading{order:3;flex:1 1 100%;padding-left:2px}.project-name{max-width:230px;font-size:12px}.save-status{font-size:9px}.top-actions{margin-left:auto}.top-actions .btn{font-size:10px;padding:7px 8px}.top-actions .room-status{display:none}.editor-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto}.slide-sidebar{order:2;border-right:0;border-top:1px solid var(--line);padding:7px 9px;min-height:112px;max-height:122px}.sidebar-head{padding:0 3px 6px}.slide-list{flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:10px;padding:2px 3px 6px}.thumb-wrap{flex:0 0 120px}.slide-thumb{width:120px}.add-slide-btn{position:absolute;right:9px;bottom:32px;width:125px;padding:8px}.workspace{order:1;min-height:0}.toolbar{height:44px;flex-basis:44px}.canvas-workarea{padding:8px}.canvas-caption{padding-bottom:5px}.canvas-hint{display:none}.canvas-viewport{padding:5px 0}.inspector{order:3;border-left:0;border-top:1px solid var(--line);max-height:185px}.inspector-tabs{height:37px}.inspector-panel{padding:8px 12px}.empty-inspector{min-height:90px;gap:5px}.empty-icon{width:29px;height:29px;font-size:16px}.empty-inspector span{display:none}.statusbar{font-size:8px}.status-right{gap:5px}.presenter-stage-wrap{padding:8px}.presenter-stage{width:100%}.presenter-controls{gap:8px}.present-control{padding:7px 9px}}
@media(max-width:430px){.top-actions #themeBtn{display:none}.top-actions .btn-quiet{font-size:9px}.top-actions #importBtn{display:none}.editor-layout{grid-template-rows:minmax(0,1fr) 112px auto}.slide-sidebar{max-height:112px}.thumb-wrap{flex-basis:95px}.slide-thumb{width:95px}.inspector{max-height:155px}.tool-btn{padding:5px}.toolbar{gap:2px}.tool-separator{margin:0 2px}.status-right span:nth-child(3),.status-divider:nth-of-type(2){display:none}}
.thumb-wrap{display:flex;flex-direction:column;gap:3px;min-width:0}.thumb-index{align-items:center;gap:4px;min-height:17px}.thumb-index>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.thumb-index>span:last-child{display:flex;gap:2px;flex:0 0 auto}.thumb-action{width:18px;height:17px;padding:0;border:1px solid transparent;border-radius:4px;background:transparent;color:#91a1b6;font-size:12px;line-height:1}.thumb-action:hover{background:#2a3b52;color:white;border-color:#526785}.light-theme .thumb-action{color:#5f718b}.light-theme .thumb-action:hover{background:#dde6f5;color:#263750;border-color:#afbed5}
@keyframes object-fade{from{opacity:0}to{opacity:var(--final-opacity,1)}}@keyframes object-rise{from{opacity:0;translate:0 28px}to{opacity:var(--final-opacity,1);translate:0 0}}@keyframes object-zoom{from{opacity:0;scale:.78}to{opacity:var(--final-opacity,1);scale:1}}@keyframes object-pop{0%{opacity:0;scale:.55}72%{opacity:1;scale:1.07}100%{opacity:1;scale:1}}@keyframes slide-fade{from{opacity:0}to{opacity:1}}@keyframes slide-slide{from{opacity:0;translate:45px 0}to{opacity:1;translate:0 0}}@keyframes slide-zoom{from{opacity:0;scale:.96}to{opacity:1;scale:1}}

/* StryaCanvas-inspired landing and presentation workspace polish */
.app-shell[hidden]{display:none!important}
.start-screen{min-height:100dvh;overflow:auto;background:radial-gradient(ellipse at 76% 38%,rgba(75,105,225,.18),transparent 33%),linear-gradient(135deg,#0c1421 0%,#101b2b 54%,#111827 100%);color:#edf2fb;padding:0 clamp(18px,5vw,76px);display:flex;flex-direction:column;position:relative;isolation:isolate}
.start-screen::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(160,180,220,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(160,180,220,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,black,transparent 86%)}
.start-header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(154,174,213,.13);flex:0 0 auto}
.start-header .brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#f3f6ff;font-weight:800;letter-spacing:-.04em;font-size:19px}
.start-header .brand-mark{width:34px;height:34px;display:grid;place-items:center;background:linear-gradient(145deg,#6481ff,#405bd0);border-radius:11px;color:white;font-size:18px;box-shadow:0 8px 24px #405bd044}
.start-header .brand-name>span{font-weight:500;color:#aab8d5;margin-left:2px}
.start-product-tag{font-size:9px;letter-spacing:.2em;color:#8c9dbb;font-weight:750}
.start-hero{width:min(1220px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(370px,.98fr);align-items:center;gap:clamp(32px,6vw,90px);padding:68px 0 52px;flex:1}
.start-copy{max-width:610px}
.start-eyebrow{display:flex;align-items:center;gap:9px;color:#a8b8ff;font-size:10px;letter-spacing:.19em;font-weight:800;margin-bottom:22px}
.start-eyebrow i{width:7px;height:7px;border-radius:50%;background:#66d6ad;box-shadow:0 0 0 5px #66d6ad1c}
.start-copy h1{font-size:clamp(38px,5vw,66px);line-height:1.18;letter-spacing:-.065em;margin:0;color:#f4f7ff;font-weight:850}
.start-copy h1 span{color:#91a8ff}
.start-description{max-width:540px;color:#9caecb;font-size:14px;line-height:1.95;margin:22px 0 29px}
.start-actions{width:min(510px,100%);display:grid;gap:12px}
.start-primary{display:flex;align-items:center;gap:15px;text-align:left;border:1px solid #8194ff80;border-radius:14px;padding:15px 18px;background:linear-gradient(110deg,#4e68dc,#536fe5 57%,#617bf0);box-shadow:0 13px 34px #405bd044;color:white;transition:transform .16s,filter .16s}
.start-primary:hover{transform:translateY(-2px);filter:brightness(1.08)}
.start-action-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#ffffff22;font-size:25px;line-height:1}
.start-primary strong{display:block;font-size:14px}.start-primary small{display:block;color:#e0e6ff;font-size:10px;margin-top:4px}
.start-join-card{padding:14px 15px 12px;background:#162337;border:1px solid #30435f;border-radius:13px}
.start-join-card label{display:block;color:#dce5f8;font-weight:700;font-size:11px;margin-bottom:9px}
.start-join-row{display:flex;gap:8px}
.start-join-row input{width:0;min-width:0;flex:1;border:1px solid #344a69;background:#0d1726;color:#f4f7ff;border-radius:8px;padding:11px 13px;outline:none;letter-spacing:.24em;font-weight:800;font-size:15px;text-align:center;text-transform:uppercase}
.start-join-row input:focus{border-color:#8195ff;box-shadow:0 0 0 3px #8195ff20}
.start-join-button{border:0;border-radius:8px;background:#263a5b;color:#f4f7ff;padding:0 15px;font-size:11px;font-weight:750;white-space:nowrap}
.start-join-button:hover{background:#344c75}
.start-join-card>small{display:block;color:#8193b2;font-size:9px;margin-top:8px;min-height:14px}
.start-local-button{border:0;background:transparent;color:#a8b7d2;text-align:left;padding:9px 2px;font-size:10px;width:max-content}.start-local-button span{color:#94a9ff;padding-left:5px}.start-local-button:hover{color:#fff}
.start-feature-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:#91a3c0;font-size:9px}.start-feature-row span{display:flex;align-items:center;gap:6px}.start-feature-row i{font-style:normal;color:#65d5ac;font-weight:900}
.start-art{position:relative;min-width:0;perspective:1100px}
.start-art-window{position:relative;z-index:1;transform:rotateY(-9deg) rotateX(2deg);border:1px solid #42567c;border-radius:16px;background:#121e30;box-shadow:0 35px 90px #0008,0 0 0 8px #8298ff09;overflow:hidden}
.start-art-toolbar{height:42px;border-bottom:1px solid #2a3c59;display:flex;align-items:center;gap:6px;padding:0 13px;background:#18263b}
.start-art-toolbar>span{width:7px;height:7px;border-radius:50%;background:#59708f}.start-art-toolbar>span:first-child{background:#e37b87}.start-art-toolbar>span:nth-child(2){background:#e9bd67}.start-art-toolbar>span:nth-child(3){background:#61c99e}.start-art-toolbar b{font-size:9px;letter-spacing:.15em;color:#b9c8e5;margin-left:9px}.start-art-toolbar small{margin-left:auto;color:#7f93b4;font-size:7px;letter-spacing:.12em}
.start-art-content{padding:17px;display:grid;grid-template-columns:44px 1fr;gap:13px;min-height:335px;background:radial-gradient(ellipse at 70% 45%,#435aa52b,transparent 65%),#111c2c}
.start-art-side{display:flex;flex-direction:column;gap:12px;padding-top:8px}.start-art-side i{width:31px;height:25px;border-radius:5px;background:#263957;border:1px solid #394f74}.start-art-side i:first-child{outline:2px solid #8b9bff;background:#344976}
.start-art-slide{aspect-ratio:16/9;align-self:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#f5f6fb,#e8efff);border-radius:5px;box-shadow:0 18px 35px #0005;padding:9% 8%;color:#18233a}
.art-kicker{font-size:clamp(6px,.7vw,9px);font-weight:850;letter-spacing:.2em;color:#6275c7;position:relative;z-index:2}.art-title{font-weight:900;font-size:clamp(28px,4vw,51px);line-height:.96;letter-spacing:-.07em;margin-top:8%;position:relative;z-index:2}.art-title em{color:#526ce0;font-style:normal}.art-subtitle{height:4px;width:36%;background:#a9b5ce;border-radius:4px;margin-top:7%;position:relative;z-index:2}.art-blob{position:absolute;border-radius:50%;filter:blur(.2px)}.blob-one{width:48%;aspect-ratio:1;right:-5%;bottom:-34%;background:linear-gradient(135deg,#8495ff,#556de0)}.blob-two{width:23%;aspect-ratio:1;right:17%;top:12%;background:#e4a7bb99}.art-cursor{position:absolute;z-index:3;padding:5px 8px 5px 5px;border-radius:10px 10px 10px 2px;color:white;font-size:9px;font-weight:800;box-shadow:0 4px 12px #0003}.cursor-one{background:#4f69df;right:23%;top:30%}.cursor-two{background:#1e9b80;right:10%;bottom:24%}.start-art-glow{position:absolute;inset:15% 2% 0 12%;background:#566de8;filter:blur(90px);opacity:.23;z-index:0}
.start-bottom-cards{width:min(1220px,100%);margin:0 auto 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.start-bottom-cards article{border:1px solid #2b3c57;background:linear-gradient(135deg,#17253a,#131f31);border-radius:12px;padding:14px 16px;display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center}.start-bottom-cards article>span{grid-row:span 2;font-size:19px;font-weight:850;color:#7187ed}.start-bottom-cards b{font-size:9px;letter-spacing:.16em;color:#dbe4f8}.start-bottom-cards small{font-size:9px;color:#8395b2;margin-top:4px}
.start-footer{height:42px;border-top:1px solid #28384f;display:flex;justify-content:space-between;align-items:center;color:#6f819f;font-size:9px;flex:0 0 auto}
.light-theme .start-screen{color:#1b2940;background:radial-gradient(ellipse at 76% 38%,rgba(95,120,220,.15),transparent 35%),linear-gradient(135deg,#f4f7ff,#e8eefb 58%,#f6f8fc)}
.light-theme .start-screen::before{background-image:linear-gradient(rgba(68,91,139,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(68,91,139,.05) 1px,transparent 1px)}
.light-theme .start-header{border-color:#d7dfef}.light-theme .start-header .brand{color:#1a2942}.light-theme .start-header .brand-name>span{color:#657796}.light-theme .start-product-tag,.light-theme .start-eyebrow{color:#5b6fae}.light-theme .start-copy h1{color:#1d2c47}.light-theme .start-copy h1 span{color:#586fce}.light-theme .start-description{color:#5e6e88}.light-theme .start-join-card{background:#fff;border-color:#d2dced}.light-theme .start-join-card label{color:#293a58}.light-theme .start-join-row input{background:#f5f7fc;color:#1e2c44;border-color:#cbd6e8}.light-theme .start-join-button{background:#e6ebf8;color:#2b3d61}.light-theme .start-join-card>small,.light-theme .start-feature-row{color:#667995}.light-theme .start-bottom-cards article{background:#fff;border-color:#d7dfed}.light-theme .start-bottom-cards b{color:#2a3a57}.light-theme .start-bottom-cards small,.light-theme .start-footer{color:#71819a}.light-theme .start-footer{border-color:#d7dfef}
@media(max-width:900px){.start-hero{grid-template-columns:1fr;padding:54px 0 38px;gap:36px}.start-copy{max-width:650px}.start-art{max-width:620px;width:100%;margin:0 auto}.start-art-content{min-height:280px}.start-art-window{transform:none}}
@media(max-width:620px){.start-header{height:62px}.start-product-tag{font-size:7px;letter-spacing:.1em}.start-hero{padding:42px 0 28px}.start-copy h1{font-size:clamp(36px,10vw,51px)}.start-description{font-size:12px;margin:17px 0 22px}.start-bottom-cards{grid-template-columns:1fr;margin-bottom:18px}.start-bottom-cards article{padding:11px 13px}.start-art-content{min-height:190px;grid-template-columns:31px 1fr;padding:10px;gap:8px}.start-art-side i{width:26px;height:21px}.start-footer{height:38px}.start-feature-row{gap:10px}.start-feature-row span{font-size:8px}.top-actions #pptxImportBtn,.top-actions #pptxExportBtn{display:none}}