:root{--ink:#24243d;--muted:#89899d;--purple:#7660ec;--line:#ececf3;--bg:#f8f9fd;--shadow:0 12px 40px #29294b08}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:0;background:transparent;color:inherit;border-radius:9px;padding:9px 15px;transition:transform .2s,background .2s}button:hover{transform:translateY(-1px);background:#efedf9}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0 0 14px}h1{font-size:32px;line-height:1.25;letter-spacing:-1.1px}h2{font-size:21px;line-height:1.4;letter-spacing:-.5px}small{display:block;font-size:11px;color:var(--muted)}input,textarea,select{border:1px solid #e2e2ed;background:white;border-radius:9px;padding:11px 13px;color:var(--ink);max-width:100%}input:focus,textarea:focus{border-color:var(--purple);outline:2px solid #7660ec20}label{display:block;font-size:12px;font-weight:600;margin-bottom:15px}label input,label select{display:block;width:100%;margin-top:6px}form small{margin:5px 0 15px}.primary{background:var(--purple);color:white;box-shadow:0 5px 15px #7660ec25}.primary:hover{background:#6550d8}.secondary{background:white;border:1px solid var(--line)}.ghost{font-size:12px;color:var(--muted)}.light{background:white;color:#6151be;padding:11px 22px}.wide{width:100%}.muted{color:var(--muted)}.row{display:flex;align-items:center;justify-content:space-between;gap:18px}.wrap{flex-wrap:wrap}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#9391a9;display:block;margin-bottom:10px}.brand{display:flex;gap:12px;align-items:center;font-size:19px;letter-spacing:1px;font-weight:850}.brand img{width:40px;height:40px;box-shadow:0 6px 15px #7362ff30;border-radius:12px}.brand small{font-size:9px;letter-spacing:3px;font-weight:500}.pill,.badge{font-size:10px;padding:6px 11px;border-radius:6px;background:#efebfc;color:#8064d3;letter-spacing:.6px;display:inline-block}.pill{letter-spacing:1.5px;font-weight:700}aside{width:248px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:33px 24px;display:flex;flex-direction:column}.nav-label{color:#aaa9b9;font-size:9px;letter-spacing:1.8px;margin:45px 0 15px}.nav{display:block;padding:12px 15px;border-radius:9px;margin-bottom:7px;font-size:12px;color:#7b7a91}.nav.active{background:#f0ecff;color:#765bdf;font-weight:700}.sidebar-note{margin-top:auto;background:#f8f7ff;border:1px solid #ece8ff;border-radius:14px;padding:20px 15px}.sidebar-note b{font-size:12px}.sidebar-note p{color:#9993af;font-size:11px;margin:8px 0 15px}.orb{font-size:38px;color:#9e86ef;line-height:1.3;margin-bottom:12px}footer{font-size:8px;letter-spacing:.5px;color:#aaa8bd;margin-top:28px}footer a{display:block;font-size:8px;margin-top:5px}main{margin-left:248px}header{height:90px;padding:0 44px;border-bottom:1px solid var(--line);background:#ffffffa0;display:flex;align-items:center;justify-content:space-between}header .eyebrow{margin:0;font-size:8px}.account{display:flex;gap:10px;align-items:center;font-size:11px}.avatar{background:#eee7ff;color:#8b6eda;display:grid;place-items:center;border-radius:50%;height:31px;width:31px;font-weight:700}.workspace{padding:35px 44px;max-width:1600px;margin:auto}.date{font-size:11px;color:#9b99ad}.spark{color:#b5a3ef}.hero-banner{margin:26px 0 32px;border-radius:19px;min-height:286px;padding:31px 37px;background:linear-gradient(115deg,#eee9ff,#f5f1ff 60%,#e6e6fd);position:relative;overflow:hidden;border:1px solid #e6e0f6}.hero-banner h2{font-size:32px;letter-spacing:-1px;line-height:1.25;margin-top:13px}.hero-banner p{color:#9790af;font-size:11px;max-width:350px}.hero-banner .pill{background:#e3dcfb;color:#8a6bd1;font-size:8px}.hero-shapes{position:absolute;right:40px;top:30px;width:330px;height:250px;perspective:1000px}.paper{position:absolute;width:155px;height:195px;background:linear-gradient(120deg,#fff,#f4f0ff);border:1px solid white;border-radius:13px;box-shadow:10px 20px 30px #675a9b20;padding:18px;font-size:28px;font-weight:850;color:#8d6edc;transform:rotate(-14deg) rotateY(-13deg)}.paper span{display:block;font-size:15px;color:#767084;line-height:1.3;margin:20px 0}.paper i{display:block;height:4px;background:#e5def2;margin:9px 0}.p1{left:10px;top:12px}.p2{right:10px;top:39px;transform:rotate(13deg);background:linear-gradient(130deg,#f8fffc,#e6f6f1);color:#69ac99;width:140px;height:170px}.p2 span{color:#559c85;font-size:20px}.bars{font-size:34px;line-height:.6;white-space:nowrap;color:#90c9ba}.star{position:absolute;right:17px;top:-12px;font-size:57px;color:#b8a0e8}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:26px 0 15px}.section-title h2{font-size:17px;margin:0}.section-title span{font-size:10px}.section-title input{width:225px;font-size:10px;padding:9px 13px}.app-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.app-card{background:white;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);display:flex;text-align:left;align-items:center;gap:14px;padding:23px 18px}.app-icon{font-size:24px;font-weight:800;display:grid;place-items:center;width:46px;height:50px;border-radius:9px;flex-shrink:0}.word .app-icon,.app-icon.word,.file-icon.word{background:#efebfe;color:#9677de}.sheet .app-icon,.app-icon.sheet,.file-icon.sheet{background:#e7f7ef;color:#65af8e}.slide .app-icon,.app-icon.slide,.file-icon.slide{background:#fff0e8;color:#db9a7c}.app-card b{font-size:10px;letter-spacing:.5px;display:block}.app-card small{font-size:9px;margin-top:4px}.arrow{margin-left:auto;color:#b6accd}.filters{display:flex;gap:7px;margin:20px 0;font-size:11px}.filters button{padding:6px 13px;color:#9a96ac}.filters .selected{background:#ece8fb;color:#8b70d3}.import-btn{cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:7px 13px;font-size:11px;margin:0;background:white}.filters .import-btn{margin-left:auto}.file-table{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.file-row{display:grid;grid-template-columns:1fr 130px 65px 65px;align-items:center;padding:16px 22px;border-bottom:1px solid #f2f0f7;font-size:10px;color:#a7a2b7;gap:10px}.table-head{font-size:9px;background:#fdfcff}.file-row a{display:flex;align-items:center;gap:13px;color:#565166}.file-row b{font-size:11px;font-weight:600}.file-row small{font-size:8px;background:#f7f5fb;padding:2px 7px;border-radius:5px}.file-icon{display:grid;place-items:center;width:28px;height:32px;border-radius:5px;font-size:14px;font-weight:800}.empty{padding:40px;text-align:center;color:#aaa3bb}.count{background:#eee9f9;color:#9d8bbd;border-radius:5px;padding:3px 7px;margin-left:6px}.bottom-row{display:flex;justify-content:space-between;margin-top:18px;font-size:9px}.bottom-row .badge{font-size:9px}.panel{border:1px solid var(--line);background:white;border-radius:15px;padding:25px;box-shadow:var(--shadow);margin-bottom:20px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.user-row{display:flex;gap:14px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0}.user-row code{font-size:10px;user-select:all}.log{display:flex;gap:18px;font-size:11px;border-top:1px solid var(--line);padding:8px 0;overflow-wrap:anywhere}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}.media-list{display:flex;gap:12px;flex-wrap:wrap}.media-list img{width:85px;height:65px;object-fit:cover;display:block}.setup{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.setup-art{background:radial-gradient(ellipse at 20% 60%,#e3daff,transparent 70%),#eeebfa;padding:50px 10%;position:relative;overflow:hidden}.setup-art .pill{margin-top:90px}.setup-art h1{font-size:64px;line-height:1.08;margin:24px 0;letter-spacing:-3px}.setup-art em{font-style:normal;color:#8e6ce0}.setup-art>p{font-size:12px;color:#9990b2}.floating-cards{height:200px;position:relative;margin-top:40px}.mini{position:absolute;background:#ffffffd0;border:1px solid white;box-shadow:0 18px 35px #78679b20;width:130px;height:145px;border-radius:15px;padding:18px;font-size:32px;font-weight:800;transform:rotate(-12deg);color:#9677de}.mini span{display:block;font-size:11px;margin-top:12px;color:#9990b2}.mini.sheet{left:125px;top:25px;transform:rotate(4deg);color:#65af8e}.mini.slide{left:245px;top:5px;transform:rotate(16deg);color:#db9a7c}.setup-form{padding:45px max(35px,10%);background:white}.steps{display:flex;justify-content:space-between;color:#bab5cb;font-size:9px;margin-bottom:65px}.steps b{color:#9877de}.setup-form h2{font-size:30px;letter-spacing:-1px;margin:15px 0 10px}.setup-form>.muted{font-size:12px}.setup-form select{font-size:11px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.password-wrap{position:relative}.password-wrap input{padding-right:65px}.password-wrap button{position:absolute;right:5px;bottom:5px}meter{width:100%;height:5px;display:block}details{font-size:11px;color:#9a92ad;margin:18px 0}summary{cursor:pointer;margin:12px 0;font-weight:600;color:#8b7da6}summary span{float:right;font-weight:400}.error{color:#ca5471;font-size:12px;min-height:15px}progress{width:100%;height:4px;margin-top:20px;accent-color:var(--purple)}.login{max-width:470px;margin:8vh auto;padding:20px}.login>.brand{margin-bottom:35px}.login h1{font-size:30px}.editor{padding:20px 25px}.document-top{margin-bottom:20px}.document-top #docTitle{font-size:18px;font-weight:650;border:0;background:transparent;padding:0;min-width:230px}.document-top .app-icon{height:40px;width:37px;font-size:20px}.ribbon{background:white;border:1px solid var(--line);padding:8px 15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px}.ribbon button,.ribbon select{padding:6px 10px;font-size:11px}.ribbon span{color:#a29aae;font-size:10px}#canvas{margin-top:20px}.word-page{background:white;max-width:800px;min-height:1000px;padding:65px;margin:25px auto;border:1px solid var(--line);box-shadow:var(--shadow);font-family:Georgia,serif;font-size:16px;line-height:1.8}.word-page h1{font-size:32px}.word-page:focus{outline:1px solid #ddd5f7}.word-page table{border-collapse:collapse;width:100%}.word-page td,.word-page th{border:1px solid #ccc;padding:7px}.grid-wrap{overflow:auto;max-height:75vh;border:1px solid var(--line)}.grid{border-collapse:collapse;background:white}.grid th{position:sticky;top:0;background:#f1eff9;font-size:11px;min-width:35px}.grid td,.grid th{border:1px solid #e7e4ef;padding:0}.grid input{border:0;border-radius:0;width:110px;max-width:none;height:34px;padding:5px;font-size:12px}.slides-layout{display:grid;grid-template-columns:150px 1fr;gap:20px}.thumb{display:block;background:white;width:100%;min-height:80px;margin-bottom:10px;border:1px solid var(--line);text-align:left;font-size:11px}.thumb.selected{border:2px solid var(--purple)}.slide-stage{aspect-ratio:16/9;background:#20213c;border-radius:10px;padding:8%;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}.slide-stage input,.slide-stage textarea{background:transparent;border:1px dashed #ffffff20;color:white;width:100%;resize:none}.slide-stage input{font-size:clamp(18px,3vw,46px);font-weight:750}.slide-stage textarea{font-size:clamp(14px,1.5vw,24px);height:170px;margin-top:20px}.slide-stage.ocean{background:#147d83}.slide-stage.paper{background:#fff6e7;position:static;width:auto;height:auto;transform:none;color:#3b354b}.slide-stage.paper input,.slide-stage.paper textarea{color:#3b354b;border-color:#00000020}.slide-stage:fullscreen{border-radius:0;width:100vw;height:100vh;aspect-ratio:auto}.slide-stage:fullscreen input{font-size:5vw}.slide-stage:fullscreen textarea{font-size:3vw;height:40vh}dialog{border:1px solid var(--line);border-radius:15px;padding:28px;max-width:600px;width:90vw;color:var(--ink)}dialog::backdrop{background:#18152c80}dialog input{width:100%;margin-bottom:15px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;background:#28213e;color:white;border-radius:10px;padding:13px 22px;z-index:100;pointer-events:none;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.loading{padding:50px}@media(min-width:1500px){.workspace{padding:45px 65px}.hero-banner{min-height:310px}.hero-shapes{right:90px}}@media(max-width:1100px){aside{width:205px;padding:28px 17px}main{margin-left:205px}.workspace{padding:25px}header{padding:0 25px}.hero-shapes{right:15px;transform:scale(.8);transform-origin:right center}.hero-banner p{max-width:260px}.app-card{padding:18px 12px;gap:8px}.app-card small{display:none}.app-cards{gap:10px}.date{display:none}.setup-art h1{font-size:50px}.mini{width:110px}.mini.sheet{left:85px}.mini.slide{left:175px}.setup-art{padding:45px 9%}.setup-form{padding:35px}.file-row{grid-template-columns:1fr 90px 40px 60px}}@media(max-width:760px){aside{position:relative;width:auto;padding:15px 20px;border-bottom:1px solid var(--line);flex-direction:row;gap:15px;align-items:center}aside .brand{font-size:15px}aside .brand img{width:33px;height:33px}aside .nav{margin:0;padding:8px;font-size:10px}aside .nav-label,aside .sidebar-note,aside footer{display:none}main{margin:0}header{height:60px;padding:0 20px}header .eyebrow{display:none}.account{margin-left:auto}.workspace{padding:25px 18px}.workspace h1{font-size:25px}.hero-banner{padding:25px;min-height:270px}.hero-banner h2{font-size:27px}.hero-shapes{right:-55px;opacity:.4;pointer-events:none;transform:scale(.65)}.hero-banner>div:first-child{position:relative;z-index:1}.app-cards{grid-template-columns:1fr}.app-card small{display:block}.app-card{padding:15px 18px}.section-title .muted{display:none}.file-row{padding:13px 10px;grid-template-columns:1fr 65px 45px}.file-row>span:nth-child(3){display:none}.file-row small{display:none}.file-row a{gap:7px}.file-row b{font-size:10px;overflow-wrap:anywhere}.section-title input{width:155px}.filters{gap:2px;flex-wrap:wrap}.filters button{font-size:10px;padding:5px}.filters .import-btn{margin-left:0;font-size:9px}.bottom-row{gap:10px}.setup{display:block}.setup-art{padding:25px}.setup-art .pill,.setup-art h1,.setup-art>p,.floating-cards,.setup-art footer{display:none}.setup-form{padding:30px 25px}.steps{margin-bottom:35px}.admin-grid,.stats{grid-template-columns:1fr}.stats{gap:0}.user-row{flex-wrap:wrap}.log{flex-direction:column;gap:0}.document-top{flex-wrap:wrap}.editor{padding:20px 10px}.word-page{padding:25px;min-height:700px}.slides-layout{grid-template-columns:80px 1fr;gap:7px}.slide-stage{padding:15px}.slide-stage input{font-size:18px}.slide-stage textarea{font-size:12px;height:90px}.two{grid-template-columns:1fr;gap:0}.brand small{font-size:7px}.ribbon{gap:3px}.document-top .wrap{gap:6px}.document-top button{font-size:10px}.user-row code{font-size:8px}.login{margin:30px auto}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media print{aside,header,.document-top,.ribbon,#toast,#thumbnails,footer{display:none!important}main{margin:0}.editor{padding:0}#canvas{margin:0}.word-page{border:0;box-shadow:none;margin:0;padding:15mm;max-width:none;min-height:auto}.grid-wrap{overflow:visible;max-height:none}.slides-layout{display:block}.slide-stage{box-shadow:none}.slide-stage input,.slide-stage textarea{border:0}}
.landing{max-width:1200px;padding:35px;margin:auto}.landing nav{display:flex;justify-content:space-between;align-items:center}.landing nav>a.primary{padding:10px 20px;border-radius:8px;font-size:12px}.landing-hero{text-align:center;padding:90px 20px 30px;background:radial-gradient(ellipse,#eee7ff,transparent 65%)}.landing-hero h1{font-size:48px;line-height:1.2;margin:20px 0}.landing-hero em{color:#9779dd;font-style:normal}.landing-hero p{color:#9990ac;margin-bottom:30px}.landing-hero>a{padding:13px 25px;border-radius:8px}.landing-hero .app-cards{margin:60px 0 0}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.landing-features p,.faq p{color:#9690a5;font-size:12px}.landing footer{text-align:center;margin:40px 0}.dark{--bg:#171722;--ink:#e6e2f3;--muted:#a39bb6;--line:#363040;--shadow:0 12px 40px #00000010}.dark aside,.dark header,.dark .panel,.dark .app-card,.dark .file-table,.dark .ribbon,.dark .thumb,.dark input,.dark select,.dark textarea,.dark dialog,.dark .secondary{background:#22202d;color:var(--ink)}.dark .sidebar-note,.dark .table-head{background:#292334}.dark .hero-banner{background:linear-gradient(115deg,#3b2b50,#30283d);border-color:#4c3b60}.dark .nav.active{background:#40304d;color:#c9a6f9}.dark .word-page{color:#24243d}.dark .grid input{background:white;color:#24243d}.dark .slide-stage input,.dark .slide-stage textarea{background:transparent;color:white}.dark .slide-stage.paper input,.dark .slide-stage.paper textarea{color:#3b354b}.dark .setup-form{background:#22202d}.dark .setup-art{background:#332740}.dark .light{color:#6b559d}.dark .file-row{border-color:var(--line)}.dark .file-row a{color:var(--ink)}@media(max-width:760px){.landing{padding:20px}.landing-hero{padding:55px 0 15px}.landing-hero h1{font-size:29px}.landing-features{grid-template-columns:1fr;gap:0}.account{gap:5px}.account button{padding:5px}.account .avatar{display:none}.brand{font-size:14px}}
@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-banner,.app-card,.setup-form{animation:arrive .6s ease both}.app-card:nth-child(2){animation-delay:.08s}.app-card:nth-child(3){animation-delay:.16s}@media(prefers-reduced-motion:reduce){.hero-banner,.app-card,.setup-form{animation:none}}