:root{color:#1b1b27;font-synthesis:none;text-rendering:optimizelegibility;--primary:#6c52ff;--primary-hover:#5c43eb;--primary-soft:#efecff;--ink:#1b1b27;--muted:#71727f;--line:#e4e4ea;--panel:#fff;--danger:#e34f61;--success:#20a879;--warning:#d88d1c;--shadow:0 16px 45px #1a163f1a;background:#f5f5f8;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:100%;min-height:100%;margin:0}body{min-width:1180px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,p{margin-top:0}.logo{white-space:nowrap;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.logo b{font-weight:800}.logo-mark{color:#fff;background:linear-gradient(145deg,#816cff,#5038e7);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 7px 18px #6c52ff47}.button{color:var(--ink);background:#fff;border:1px solid #dddde4;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-weight:600;transition:all .18s;display:inline-flex}.button:hover:not(:disabled){background:#faf9ff;border-color:#c8c0ff;transform:translateY(-1px)}.button-small{height:32px;padding:0 11px;font-size:12px}.button-medium{height:38px;padding:0 15px;font-size:13px}.button-large{border-radius:10px;height:46px;padding:0 20px;font-size:14px}.button-primary{color:#fff;border-color:var(--primary);background:var(--primary);box-shadow:0 7px 18px #6c52ff38}.button-primary:hover:not(:disabled){border-color:var(--primary-hover);background:var(--primary-hover)}.button-ghost{box-shadow:none;background:0 0;border-color:#0000}.button-soft{color:var(--primary);background:var(--primary-soft);border-color:#0000}.button-danger{color:#fff;background:var(--danger);border-color:var(--danger)}.icon-button{color:#62636f;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;width:35px;height:35px;padding:0;transition:all .16s;display:inline-grid}.icon-button:hover{color:var(--primary);background:#f0eff5}.avatar{color:#fff;background:linear-gradient(145deg,#28293c,#7a7b8e);border-radius:50%;place-items:center;width:33px;height:33px;font-size:12px;font-weight:700;display:grid}.eyebrow{letter-spacing:.14em;color:var(--primary);font-size:11px;font-weight:800}.eyebrow.light{color:#bdb4ff}.muted{color:var(--muted)}.text-link{color:var(--primary);background:0 0;border:0;padding:0;font-weight:600}.full-button{width:100%}.login-page{background:#fff;grid-template-columns:56% 44%;min-height:100vh;display:grid}.login-visual{background:#f4f3f8;min-height:720px;padding:28px}.login-visual-inner{color:#fff;background:radial-gradient(circle at 78% 20%,#886effb3,#0000 26%),radial-gradient(circle at 15% 90%,#4a3ea080,#0000 28%),linear-gradient(140deg,#171627,#282343 63%,#4e3d92);border-radius:24px;height:100%;min-height:664px;padding:32px 42px;position:relative;overflow:hidden}.login-visual-inner>.logo{z-index:2;position:relative}.login-copy{z-index:2;margin-top:80px;position:relative}.login-copy h1{letter-spacing:-.05em;margin:12px 0 18px;font-size:clamp(38px,4vw,58px);line-height:1.14}.login-copy p{color:#ccc8dd;max-width:450px;font-size:16px;line-height:1.8}.visual-deck{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:17px;width:390px;height:230px;padding:25px 30px;position:absolute;bottom:75px;right:-15px;transform:rotate(-5deg);box-shadow:0 30px 70px #09071e73}.visual-deck:before{content:"";z-index:-1;background:#ffffff12;border:1px solid #ffffff26;border-radius:17px;position:absolute;inset:14px -24px -18px 20px}.visual-deck>span{color:#afa4ff;letter-spacing:.15em;font-size:10px}.visual-deck h2{margin:25px 0 12px;font-size:30px;line-height:1.15}.visual-deck p{color:#ccc8de;font-size:11px}.deck-dot{filter:blur(1px);opacity:.75;background:#735dff;border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-30px}.visual-chart{align-items:flex-end;gap:7px;width:95px;height:54px;display:flex;position:absolute;bottom:22px;right:24px}.visual-chart i{background:#9686ff;border-radius:4px 4px 0 0;width:16px}.visual-chart i:first-child{height:30%}.visual-chart i:nth-child(2){height:52%}.visual-chart i:nth-child(3){height:78%}.visual-chart i:nth-child(4){background:#fff;height:100%}.login-quote{color:#9793aa;font-size:11px;position:absolute;bottom:30px;left:42px}.login-form-area{place-items:center;padding:45px;display:grid}.login-form{width:min(390px,100%)}.mobile-logo{display:none}.login-form>h1{letter-spacing:-.035em;margin:10px 0 6px;font-size:31px}.login-form>.muted{margin-bottom:30px}.form-field{margin:18px 0;display:block}.form-field>span:first-child{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.form-field em{color:var(--danger);font-style:normal}.form-field input,.form-field textarea,.form-field select,.properties-panel select{width:100%;color:var(--ink);background:#fff;border:1px solid #dadae2;border-radius:9px;outline:none;padding:11px 12px;transition:all .16s}.form-field textarea{resize:vertical;min-height:132px;line-height:1.7}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6c52ff1a}.form-field small{color:#91929e;justify-content:space-between;margin-top:7px;font-size:11px;display:flex}.checkbox-row{color:#686976;align-items:center;gap:8px;margin:14px 0 20px;font-size:12px;display:flex}.checkbox-row input{accent-color:var(--primary)}.inline-error{color:#a52e3e;background:#fff1f3;border:1px solid #ffd5da;border-radius:8px;padding:10px 12px;font-size:12px}.divider{text-align:center;color:#aaaab3;margin:22px 0;position:relative}.divider:before{content:"";background:#ececf0;height:1px;position:absolute;top:50%;left:0;right:0}.divider span{background:#fff;padding:0 11px;position:relative}.login-switch{text-align:center;color:var(--muted);margin-top:25px;font-size:13px}.auth-result b{color:var(--ink)}.auth-success{color:#287a4c;background:#effaf4;border:1px solid #bde5cf;border-radius:8px;margin:14px 0;padding:11px 12px;font-size:11px;line-height:1.6}.auth-loading-screen{min-height:100vh;color:var(--muted);background:#f7f7fa;align-content:center;place-items:center;gap:13px;font-size:12px;display:grid}.auth-loading-screen span{border:3px solid #ded9ff;border-top-color:var(--primary);border-radius:50%;width:30px;height:30px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-page{background:#f6f6f8;min-height:100vh}.app-topbar{border-bottom:1px solid var(--line);z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-template-columns:240px 1fr 240px;align-items:center;height:64px;padding:0 24px;display:grid;position:sticky;top:0}.topbar-center{justify-content:center;display:flex}.search-box{color:#92939e;background:#f4f4f7;border-radius:9px;align-items:center;gap:8px;width:380px;height:36px;padding:0 11px;display:flex}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.topbar-actions{justify-self:end;align-items:center;gap:4px;display:flex}.avatar-button{background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;margin-left:8px;padding:3px;display:flex}.avatar-button:hover{background:#f3f2f7}.dashboard-layout{grid-template-columns:220px 1fr;min-height:calc(100vh - 64px);display:grid}.main-sidebar{border-right:1px solid var(--line);background:#fff;height:calc(100vh - 64px);padding:22px 14px;position:sticky;top:64px}.create-main{width:100%;margin-bottom:18px}.nav-heading{color:#a2a3ac;letter-spacing:.1em;text-transform:uppercase;margin:22px 11px 7px;font-size:10px;font-weight:700}.nav-link{color:#5d5e6b;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;height:40px;padding:0 12px;font-size:13px;display:flex}.nav-link:hover,.nav-link.active{color:var(--primary);background:var(--primary-soft);font-weight:700}.nav-link small{background:#eeeef2;border-radius:99px;min-width:20px;margin-left:auto;padding:2px 5px}.quota-card{color:#57506e;background:#f4f1ff;border-radius:12px;padding:14px;position:absolute;bottom:18px;left:14px;right:14px}.quota-card>div:first-child{justify-content:space-between;align-items:center;font-size:12px;display:flex}.quota-card span{align-items:center;gap:6px;font-weight:700;display:flex}.quota-track{background:#ded8f5;border-radius:6px;height:6px;margin:11px 0 7px;overflow:hidden}.quota-track i{background:var(--primary);border-radius:inherit;width:42%;height:100%;display:block}.quota-card p{color:#858091;margin:0 0 8px;font-size:10px}.quota-card button{color:var(--primary);background:0 0;border:0;padding:0;font-size:10px}.dashboard-content{width:100%;min-width:0;max-width:1500px;margin:0 auto;padding:28px 34px 60px}.dashboard-hero{color:#fff;height:228px;box-shadow:var(--shadow);background:radial-gradient(circle at 72% 14%,#8a74ffbf,#0000 26%),linear-gradient(120deg,#202034,#4e3d99 70%,#7b61ff);border-radius:19px;justify-content:space-between;align-items:center;padding:30px 37px;display:flex;position:relative;overflow:hidden}.dashboard-hero h1{letter-spacing:-.045em;margin:9px 0 10px;font-size:32px;line-height:1.18}.dashboard-hero p{color:#d5d0e8;margin-bottom:17px;font-size:13px;line-height:1.65}.hero-stack{width:330px;height:200px;margin-right:40px;position:relative}.hero-sheet{border:1px solid #fff3;border-radius:12px;width:245px;height:144px;position:absolute;box-shadow:0 24px 45px #0c092a4d}.hero-sheet.back{color:#ffffff4d;background:#ffffff17;padding:14px;top:6px;right:0;transform:rotate(8deg)}.hero-sheet.middle{color:#ffffff73;background:#ffffff21;padding:14px;top:24px;right:38px;transform:rotate(1deg)}.hero-sheet.front{color:#27213f;background:linear-gradient(140deg,#f8f8fd,#c2b8ff);padding:19px;top:42px;right:73px;transform:rotate(-7deg)}.hero-sheet.front small{letter-spacing:.12em;font-size:8px}.hero-sheet.front h3{margin:17px 0;font-size:22px;line-height:1.1}.hero-sheet.front div{align-items:flex-end;gap:5px;height:22px;display:flex}.hero-sheet.front i{background:#6c52ff;border-radius:3px 3px 0 0;width:12px}.hero-sheet.front i:first-child{height:30%}.hero-sheet.front i:nth-child(2){height:50%}.hero-sheet.front i:nth-child(3){height:78%}.hero-sheet.front i:nth-child(4){height:100%}.content-section{margin-top:28px}.content-section>header{justify-content:space-between;align-items:flex-end;margin-bottom:13px;display:flex}.content-section h2{margin:0 0 3px;font-size:19px}.content-section header p{color:var(--muted);margin:0;font-size:11px}.section-actions{gap:8px;display:flex}.project-grid{grid-template-columns:repeat(3,minmax(230px,1fr));gap:16px;display:grid}.project-card{border:1px solid var(--line);background:#fff;border-radius:13px;min-width:0;transition:all .2s;overflow:hidden}.project-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.project-cover{text-align:left;border:0;width:100%;height:158px;padding:17px;position:relative;overflow:hidden}.cover-purple{color:#fff;background:linear-gradient(135deg,#1c1d30,#6250df)}.cover-blue{color:#133554;background:linear-gradient(135deg,#f3f8ff,#96c2ee)}.cover-cream{color:#463719;background:linear-gradient(135deg,#fff9e9,#e2c487)}.cover-green{color:#d9fffa;background:linear-gradient(135deg,#073b3b,#38a99a)}.cover-top{letter-spacing:.12em;opacity:.72;justify-content:space-between;font-size:8px;display:flex}.project-cover h3{letter-spacing:-.03em;max-width:76%;margin:23px 0 8px;font-size:22px;line-height:1.14}.project-cover p{opacity:.75;margin:0;font-size:9px}.cover-decoration{opacity:.6;align-items:flex-end;gap:5px;width:82px;height:54px;display:flex;position:absolute;bottom:14px;right:15px}.cover-decoration i{background:currentColor;border-radius:3px 3px 0 0;flex:1}.cover-decoration i:first-child{height:35%}.cover-decoration i:nth-child(2){height:62%}.cover-decoration i:nth-child(3){height:100%}.project-card footer{justify-content:space-between;align-items:center;padding:12px 10px 12px 14px;display:flex}.project-name{text-align:left;background:0 0;border:0;flex-direction:column;min-width:0;padding:0;display:flex}.project-name b{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:12px;overflow:hidden}.project-name span{color:#92939e;margin-top:5px;font-size:10px}.template-row{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.template-tile{text-align:left;border:0;border-radius:13px;flex-direction:column;align-items:flex-start;height:145px;padding:17px;transition:all .18s;display:flex}.template-tile:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.template-tile span{letter-spacing:.14em;opacity:.65;font-size:8px}.template-tile b{margin:14px 0 auto;font-size:18px;line-height:1.2}.template-tile small{opacity:.65;font-size:9px}.template-tile.consulting{color:#172f4d;background:#dcecff}.template-tile.data{color:#3f2d0e;background:#faebbd}.template-tile.pitch{color:#fff;background:linear-gradient(135deg,#26243e,#725ae8)}.template-tile.annual{color:#174238;background:#d7eee7}.no-results{height:220px;color:var(--muted);background:#fff;border:1px dashed #d7d7df;border-radius:13px;align-content:center;place-items:center;display:grid}.no-results h3{color:var(--ink);margin:10px 0 3px}.no-results p{font-size:12px}.popover-menu{z-index:80;border:1px solid var(--line);width:165px;box-shadow:var(--shadow);background:#fff;border-radius:10px;padding:7px;position:fixed;top:350px;right:45px}.popover-menu button{color:#52535f;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;padding:9px;font-size:12px;display:flex}.popover-menu button:hover{background:#f4f3f8}.popover-menu hr{border:0;border-top:1px solid var(--line)}.popover-menu .danger{color:var(--danger)}.delete-confirm{align-items:center;gap:15px;display:flex}.mini-cover{aspect-ratio:16/9;color:#fff;border-radius:7px;width:110px;padding:11px;font-size:10px}.delete-confirm p{color:var(--muted);margin:6px 0 0;font-size:12px}.wizard-page{background:#f7f7fa;min-height:100vh;padding-bottom:80px}.wizard-header{border-bottom:1px solid var(--line);z-index:20;background:#fff;grid-template-columns:240px 1fr 240px;align-items:center;height:64px;padding:0 27px;display:grid;position:sticky;top:0}.wizard-header>.button{justify-self:end}.stepper{justify-content:center;align-items:center;display:flex}.step{color:#a0a1ab;align-items:center;font-size:11px;display:flex}.step>span{background:#eeeef2;border-radius:50%;place-items:center;width:24px;height:24px;margin-right:6px;display:grid}.step i{background:#dedee5;width:48px;height:1px;margin:0 10px}.step-active{color:var(--primary)}.step-active span,.step-done span{color:#fff;background:var(--primary)}.step-active b{font-weight:800}.wizard-content{width:min(1000px,100% - 60px);margin:0 auto;padding:42px 0}.wizard-content.wide{width:min(1160px,100% - 60px)}.wizard-title{text-align:center;margin-bottom:28px}.wizard-title h1{letter-spacing:-.035em;margin:8px 0 7px;font-size:28px}.wizard-title p{color:var(--muted);font-size:13px}.brief-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:24px 27px;box-shadow:0 8px 25px #231e460d}.field-grid{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.form-field.has-error input,.form-field.has-error textarea{border-color:var(--danger)}.field-error{color:var(--danger);align-items:center;gap:5px;margin-top:6px;font-size:11px;font-style:normal;display:flex}.danger-text{color:var(--danger)!important}.tone-field{border:0;margin:18px 0;padding:0}.tone-field legend{margin-bottom:9px;font-size:13px;font-weight:700}.tone-field div{gap:8px;display:flex}.tone-field button{border:1px solid var(--line);color:#656673;background:#fff;border-radius:99px;height:34px;padding:0 13px;font-size:12px}.tone-field button.selected{color:var(--primary);background:var(--primary-soft);border-color:#bdb2ff}.brief-tip{color:#57506d;background:#f4f1ff;border-radius:9px;gap:11px;padding:12px 14px;display:flex}.brief-tip>svg{color:var(--primary)}.brief-tip b{font-size:12px}.brief-tip p{color:#777187;margin:3px 0 0;font-size:11px}.wizard-footer{z-index:25;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;justify-content:center;align-items:center;gap:11px;height:70px;display:flex;position:fixed;bottom:0;left:0;right:0}.outline-layout{grid-template-columns:1fr 280px;align-items:start;gap:18px;display:grid}.outline-list>header{justify-content:space-between;margin-bottom:10px;font-size:12px;display:flex}.outline-list>header span{color:var(--muted)}.outline-row{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:25px 33px 1fr 70px;align-items:center;gap:8px;min-height:82px;margin-bottom:9px;padding:10px;transition:all .15s;display:grid}.outline-row:hover{border-color:#c8c0ff;box-shadow:0 4px 15px #251e4f0f}.drag-handle{color:#b3b4bd;background:0 0;border:0;padding:0}.outline-number{color:#aaaab4;font-size:11px;font-weight:800}.outline-fields>div{align-items:center;gap:8px;display:flex}.outline-fields>div span{color:var(--primary);background:var(--primary-soft);white-space:nowrap;border-radius:4px;padding:3px 6px;font-size:9px}.outline-fields input,.outline-fields textarea{background:0 0;border:0;outline:0;width:100%;padding:2px}.outline-fields input{font-size:13px;font-weight:700}.outline-fields textarea{resize:none;height:30px;color:var(--muted);font-size:11px}.outline-actions{display:flex}.add-outline{border-style:dashed;width:100%}.outline-advice{color:#56506d;background:linear-gradient(145deg,#f7f4ff,#eeebff);border:1px solid #dfd9ff;border-radius:13px;padding:19px;position:sticky;top:82px}.advice-icon{color:#fff;background:var(--primary);border-radius:10px;place-items:center;width:38px;height:38px;margin-bottom:14px;display:grid}.outline-advice h3{color:#312c45;margin:7px 0;font-size:15px}.outline-advice>p{font-size:11px;line-height:1.6}.advice-score>div{justify-content:space-between;font-size:11px;display:flex}.advice-score b{color:var(--success)}.advice-score>i{background:#ddd8ef;border-radius:5px;height:5px;margin:7px 0;display:block}.advice-score em{background:var(--success);border-radius:5px;width:92%;height:100%;display:block}.outline-advice ul{margin:15px 0;padding:0;list-style:none}.outline-advice li{gap:7px;margin:8px 0;font-size:10px;line-height:1.45;display:flex}.outline-advice li svg{color:var(--success);flex:none}.outline-advice li.suggest{color:#655994}.outline-advice li.suggest svg{color:var(--primary)}.theme-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.theme-card{text-align:left;background:#fff;border:2px solid #0000;border-radius:13px;padding:0;transition:all .18s;overflow:hidden;box-shadow:0 5px 18px #1e1c3a12}.theme-card:hover{transform:translateY(-2px)}.theme-card.selected{border-color:var(--primary);box-shadow:0 8px 24px #6c52ff24}.theme-preview{height:145px;padding:17px;position:relative;overflow:hidden}.theme-preview>span{letter-spacing:.15em;opacity:.7;font-size:8px}.theme-preview h3{letter-spacing:-.03em;margin:23px 0 0;font-size:22px;line-height:1.16}.theme-preview:after{content:"";opacity:.1;background:currentColor;border-radius:50%;width:105px;height:105px;position:absolute;top:-30px;right:-20px}.theme-dark{color:#fff;background:linear-gradient(135deg,#191b2c,#414972)}.theme-light{color:#172c4d;background:linear-gradient(135deg,#f5f9ff,#acd0e8)}.theme-pop{color:#3d1e43;background:linear-gradient(135deg,#ffdf80,#efa3e2)}.theme-minimal{color:#1d1c1a;background:#f2efe8}.theme-tech{color:#dcfffa;background:linear-gradient(135deg,#073234,#0b7971)}.theme-coral{color:#fff;background:linear-gradient(135deg,#d94b4f,#ff9f7a)}.theme-lines{width:65px;position:absolute;bottom:14px;right:16px}.theme-lines i{opacity:.35;background:currentColor;height:3px;margin:4px;display:block}.theme-lines i:nth-child(2){width:65%}.theme-lines i:nth-child(3){width:40%}.theme-card footer{justify-content:space-between;align-items:center;padding:11px 13px;display:flex}.theme-card footer div{flex-direction:column;display:flex}.theme-card footer b{font-size:12px}.theme-card footer span{color:var(--muted);margin-top:3px;font-size:9px}.theme-card footer em{color:var(--primary);align-items:center;gap:3px;font-size:10px;font-style:normal;display:flex}.generation-summary{color:#554e6c;background:#f0edff;border-radius:10px;align-items:center;gap:11px;margin-top:20px;padding:13px 15px;display:flex}.generation-summary>svg{color:var(--primary)}.generation-summary div{flex:1}.generation-summary b{font-size:12px}.generation-summary p{color:#777188;margin:3px 0 0;font-size:10px}.generation-summary>span{font-size:10px}.generation-page{background:#f7f7fa;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.generation-glow{filter:blur(60px);background:#e8e2ff;border-radius:50%;width:600px;height:600px;position:absolute;top:-300px}.generation-card{text-align:center;border:1px solid var(--line);width:680px;box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:38px 40px;position:relative}.generation-orbit{border:3px solid #e8e4ff;border-top-color:var(--primary);width:82px;height:82px;color:var(--primary);border-radius:50%;place-items:center;margin:0 auto 21px;animation:1.4s linear infinite spin;display:grid}.generation-orbit svg{animation:1.4s linear infinite reverse spin}.generation-card h1{margin:8px 0;font-size:26px}.generation-card>p{color:var(--muted);font-size:12px}.generation-progress{background:#eeeef2;border-radius:8px;height:8px;margin:21px 0 7px;overflow:hidden}.generation-progress i{border-radius:inherit;background:linear-gradient(90deg,var(--primary),#a38dff);height:100%;transition:width .3s;display:block}.progress-meta{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.progress-meta b{color:var(--ink)}.page-pills{grid-template-columns:repeat(5,1fr);gap:7px;margin:20px 0;display:grid}.page-pills span{color:#9899a2;background:#f2f2f5;border-radius:6px;padding:7px 4px;font-size:9px}.page-pills .done{color:var(--success);background:#eaf8f3}.page-pills .active{color:var(--primary);background:var(--primary-soft)}.generation-actions{justify-content:center;gap:9px;display:flex}.generation-card>small{color:#aaaab3;margin-top:13px;display:block}.editor-page{background:#e7e7eb;grid-template-rows:52px 1fr 28px;height:100vh;display:grid;overflow:hidden}.editor-topbar{z-index:25;background:#fff;border-bottom:1px solid #dddde3;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 10px;display:grid}.editor-file{align-items:center;min-width:0;display:flex}.editor-file .logo{margin:0 5px}.editor-file .logo-mark{border-radius:7px;width:26px;height:26px}.editor-file input{border:1px solid #0000;border-radius:6px;width:230px;padding:5px 7px;font-size:12px;font-weight:700}.editor-file input:hover,.editor-file input:focus{border-color:var(--line);outline:0}.save-indicator{color:var(--success);background:0 0;border:0;align-items:center;gap:4px;font-size:9px;display:flex}.save-indicator.failed{color:var(--danger)}.save-indicator.dirty,.save-indicator.saving{color:var(--warning)}.editor-history{align-items:center;gap:1px;display:flex}.editor-history>span{background:var(--line);width:1px;height:20px;margin:0 5px}.editor-actions{justify-self:end;align-items:center;gap:6px;display:flex}.save-banner{z-index:40;color:#fff;background:var(--danger);box-shadow:var(--shadow);border-radius:0 0 8px 8px;align-items:center;gap:7px;padding:8px 13px;font-size:11px;display:flex;position:fixed;top:52px;left:50%;transform:translate(-50%)}.save-banner button{color:var(--danger);background:#fff;border:0;border-radius:5px;padding:4px 7px;font-size:10px}.editor-layout{grid-template-columns:68px 212px 1fr 274px;min-height:0;display:grid}.editor-layout.properties-hidden{grid-template-columns:68px 212px 1fr 0}.tool-rail{z-index:10;background:#fff;border-right:1px solid #dddde3;flex-direction:column;gap:3px;padding:9px 6px;display:flex}.tool-rail button{color:#6d6e79;background:0 0;border:0;border-radius:8px;padding:7px 2px;font-size:9px}.tool-rail button span{place-items:center;width:27px;height:25px;margin:0 auto 2px;display:grid}.tool-rail button:hover,.tool-rail button.active{color:var(--primary);background:var(--primary-soft)}.tool-rail button.special{color:var(--primary);margin-top:8px}.slide-panel{background:#f7f7f9;border-right:1px solid #d9d9df;min-height:0;overflow:hidden}.slide-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:45px;padding:0 9px;display:flex}.slide-panel>header>div{align-items:center;display:flex}.slide-panel>header b{font-size:11px}.slide-panel>header span{color:#777883;background:#ececf0;border-radius:9px;margin-left:5px;padding:2px 5px;font-size:8px}.slide-panel .icon-button{width:27px;height:27px}.slide-panel .icon-button svg{width:14px}.slide-list{height:calc(100% - 45px);padding:11px 8px 35px;overflow:auto}.slide-thumbnail-row{grid-template-columns:18px 1fr;align-items:start;gap:4px;margin-bottom:9px;display:grid}.slide-thumbnail-row>span{color:#858690;text-align:center;padding-top:4px;font-size:8px}.slide-thumbnail{aspect-ratio:16/9;text-align:left;color:#fff;background:linear-gradient(135deg,#1b1d30,#444a77);border:2px solid #0000;border-radius:5px;width:100%;padding:11px;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000001a}.slide-thumbnail-row.active .slide-thumbnail{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.slide-thumbnail small{letter-spacing:.1em;color:#a99dff;font-size:5px}.slide-thumbnail b{width:75%;margin:8px 0 5px;font-size:8px;line-height:1.2;display:block}.slide-thumbnail>i{opacity:.55;background:#b9bdcf;width:58%;height:2px;margin:3px 0;display:block}.slide-thumbnail>i:nth-of-type(2){width:40%}.thumb-orb{opacity:.6;background:#6954ff;border-radius:50%;width:50px;height:50px;position:absolute;top:-18px;right:-16px}.canvas-workspace{background-color:#e7e7eb;background-image:radial-gradient(#c7c8ce .7px,#0000 .7px);background-size:16px 16px;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:auto}.canvas-toolbar{color:#777883;align-items:center;gap:8px;font-size:9px;display:flex;position:absolute;top:10px;left:12px}.presentation-canvas{aspect-ratio:16/9;color:#fff;transform-origin:50%;background:linear-gradient(135deg,#17192a,#373d65);flex:none;width:800px;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 18px 55px #1e1d303d}.canvas-glow{opacity:.57;background:#725cff;border-radius:50%;position:absolute}.canvas-glow.one{width:310px;height:310px;top:-160px;right:-120px}.canvas-glow.two{opacity:.14;width:180px;height:180px;bottom:-105px;left:-90px}.canvas-kicker{color:#a89cff;letter-spacing:.16em;font-size:10px;position:absolute;top:66px;left:61px}.canvas-title{letter-spacing:-.045em;outline:0;width:470px;font-size:42px;font-weight:800;line-height:1.12;position:absolute;top:115px;left:58px}.element-selected{outline-offset:7px;outline:2px solid #9b8bff}.handle{border:1px solid var(--primary);background:#fff;width:7px;height:7px;display:none;position:absolute}.element-selected .handle{display:block}.handle.nw{top:-12px;left:-12px}.handle.ne{top:-12px;right:-12px}.handle.sw{bottom:-12px;left:-12px}.handle.se{bottom:-12px;right:-12px}.canvas-subtitle{color:#cbd0df;outline:0;width:445px;font-size:15px;line-height:1.6;position:absolute;top:285px;left:61px}.canvas-tag{color:#d2ceff;border:1px solid #7268d9;border-radius:99px;padding:7px 11px;font-size:9px;position:absolute;bottom:48px;left:61px}.canvas-visual{background:#ffffff17;border:1px solid #ffffff38;border-radius:15px;width:215px;height:142px;position:absolute;bottom:58px;right:72px;transform:rotate(-4deg);box-shadow:0 18px 35px #0c0a2840}.canvas-visual>span,.canvas-visual>b{color:#b5aaff;font-size:42px;position:absolute;top:18px;left:21px}.canvas-visual>div{align-items:flex-end;gap:8px;width:75px;height:65px;display:flex;position:absolute;bottom:20px;right:22px}.canvas-visual i{background:#8f81ff;border-radius:3px 3px 0 0;flex:1}.canvas-visual i:first-child{height:35%}.canvas-visual i:nth-child(2){height:65%}.canvas-visual i:nth-child(3){background:#fff;height:100%}.page-folio{color:#9195aa;font-size:8px;position:absolute;bottom:18px;right:24px}.canvas-generated{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff16;border:1px solid #fff3;border-radius:15px;width:255px;min-height:158px;padding:15px;position:absolute;bottom:56px;right:52px;box-shadow:0 18px 35px #0c0a2840}.canvas-generated>header{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.canvas-generated>header>b{font-size:10px}.canvas-generated>header>span{color:#cfc9ff;background:#8471ff38;border-radius:20px;padding:3px 6px;font-size:6px}.canvas-generated article{min-width:0}.canvas-generated article b,.canvas-generated article small{display:block}.canvas-generated article small{color:#adb3c8;font-size:6px;line-height:1.35}.generated-metrics>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.generated-metrics article{background:#ffffff14;border-radius:8px;padding:8px}.generated-metrics strong{color:#b7adff;font-size:19px;line-height:1;display:block}.generated-metrics article>b{margin:5px 0 3px;font-size:7px}.generated-chart .generated-bars{align-items:flex-end;gap:8px;height:103px;display:flex}.generated-bars>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;height:100%;display:flex}.generated-bars i{background:linear-gradient(#a89cff,#6653e9);border-radius:4px 4px 1px 1px;width:100%;min-height:20%}.generated-bars div:nth-child(2n) i{background:linear-gradient(#fff,#aaaee3)}.generated-bars span{text-overflow:ellipsis;white-space:nowrap;color:#b6bbcd;max-width:42px;font-size:6px;overflow:hidden}.generated-list>div,.generated-timeline>div{gap:6px;display:grid}.generated-list article,.generated-timeline article{align-items:flex-start;gap:7px;display:flex}.generated-list article>em,.generated-timeline article>em{color:#d8d4ff;background:#6252c9;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;font-size:7px;font-style:normal;display:grid}.generated-list article span,.generated-timeline article span{min-width:0}.generated-list article b,.generated-timeline article b{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:8px;overflow:hidden}.generated-timeline>div{position:relative}.generated-timeline>div:before{content:"";background:#6f62c7;width:1px;position:absolute;top:14px;bottom:14px;left:10px}.generated-timeline article{position:relative}.generated-comparison>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.generated-comparison article{background:#ffffff14;border-radius:9px;min-height:89px;padding:9px}.generated-comparison article:nth-child(2){background:#745ef233}.generated-comparison em{color:#a89cff;font-size:7px;font-style:normal}.generated-comparison article>b{margin:12px 0 5px;font-size:9px}.generated-comparison p{color:#b8bdcf;margin:0;font-size:6px;line-height:1.4}.ai-component-summary{background:#f7f5ff}.ai-component-summary>b{color:var(--primary);text-transform:uppercase;background:#ebe7ff;border-radius:20px;padding:4px 7px;font-size:9px;display:inline-block}.ai-component-summary p{color:var(--muted);margin:7px 0 0;font-size:9px;line-height:1.5}.generation-orbit.failed{color:var(--danger);border-color:#f2c9cf;animation:none}.generation-orbit.failed svg{animation:none}.properties-panel{background:#fff;border-left:1px solid #dddde3;min-height:0;transition:all .2s;overflow:auto}.properties-hidden .properties-panel{overflow:hidden}.properties-panel>header{border-bottom:1px solid var(--line);height:42px;display:flex}.properties-panel>header>button:not(.icon-button){color:#777883;background:#fff;border:0;flex:1;font-size:11px}.properties-panel>header>button.active{color:var(--primary);border-bottom:2px solid var(--primary);font-weight:700}.properties-panel section{border-bottom:1px solid #eeeef2;padding:13px}.properties-panel h3{margin:0 0 10px;font-size:10px}.property-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.property-grid label{color:#888994;background:#fafafa;border:1px solid #dddde3;border-radius:6px;align-items:center;height:29px;padding:0 7px;font-size:9px;display:flex}.property-grid input,.property-grid select{color:#555661;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:10px}.properties-panel>section>select{margin-bottom:7px;padding:7px;font-size:10px}.format-buttons{gap:4px;margin-top:8px;display:flex}.format-buttons button{color:#60616c;background:#fff;border:1px solid #dddde3;border-radius:5px;flex:1;height:28px}.format-buttons button:hover,.format-buttons button.active{color:var(--primary);background:var(--primary-soft);border-color:#c5bdff}.format-buttons.wide{grid-template-columns:repeat(6,1fr);display:grid}.color-control{align-items:center;gap:7px;display:flex}.color-control i{background:#fff;border:1px solid #ddd;border-radius:6px;width:25px;height:25px}.color-control input{border:1px solid #dddde3;border-radius:6px;flex:1;min-width:0;padding:6px}.color-control span{font-size:9px}.editor-statusbar{z-index:15;color:#7b7c87;background:#fff;border-top:1px solid #dddde3;justify-content:space-between;align-items:center;padding:0 11px;font-size:9px;display:flex}.editor-statusbar>div{align-items:center;gap:4px;display:flex}.editor-statusbar button{background:0 0;border:0}.editor-statusbar input{width:90px;accent-color:var(--primary)}.editor-statusbar b{color:#555661;width:30px}.ai-panel{z-index:35;border-right:1px solid var(--line);background:#fff;width:355px;padding:17px;position:fixed;top:52px;bottom:28px;left:68px;box-shadow:12px 0 40px #1f1a4829}.ai-panel>header{justify-content:space-between;display:flex}.ai-panel h2{margin:5px 0;font-size:18px}.scope-select{color:var(--muted);justify-content:space-between;align-items:center;margin:14px 0 8px;font-size:10px;display:flex}.scope-select button{color:var(--primary);background:0 0;border:0;align-items:center;gap:4px;font-size:10px;display:flex}.ai-input{background:#fbfaff;border:1px solid #d6cffc;border-radius:11px;padding:10px}.ai-input textarea{resize:none;background:0 0;border:0;outline:0;width:100%;height:88px;font-size:12px;line-height:1.55}.ai-input footer{justify-content:space-between;align-items:center;display:flex}.ai-input footer>span{color:#85818f;align-items:center;gap:4px;font-size:9px;display:flex}.ai-suggestions h3,.ai-history h3{margin:19px 0 8px;font-size:11px}.ai-suggestions>button{text-align:left;border:1px solid var(--line);color:#5b5c68;background:#fff;border-radius:8px;align-items:center;gap:7px;width:100%;margin:6px 0;padding:9px;font-size:10px;display:flex}.ai-suggestions>button:hover{background:#faf9ff;border-color:#c7beff}.ai-suggestions>button svg:first-child{color:var(--primary)}.ai-suggestions>button svg:last-child{margin-left:auto}.ai-history>div{background:#f6f6f8;border-radius:8px;gap:8px;padding:9px;display:flex}.ai-history>div>svg{color:var(--success)}.ai-history span{flex-direction:column;font-size:10px;display:flex}.ai-history small{color:var(--muted);margin-top:3px}.modal-mask{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0e1985;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;outline:0;width:510px;max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 30px 90px #00000047}.modal-wide{width:840px}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:17px 19px;display:flex}.modal-header h2{margin:0;font-size:17px}.modal-header p{color:var(--muted);margin:4px 0 0;font-size:10px}.modal-body{padding:19px}.modal-footer{border-top:1px solid var(--line);background:#fafafa;justify-content:flex-end;gap:8px;padding:12px 19px;display:flex}.ai-compare{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ai-compare>div>span{align-items:center;gap:5px;margin-bottom:7px;font-size:10px;font-weight:700;display:flex}.after-label{color:var(--primary)}.compare-slide{aspect-ratio:16/9;color:#fff;background:#242840;border-radius:8px;padding:22px}.compare-slide.after{color:#1a2a46;background:linear-gradient(135deg,#f2f7fc,#a8c8e7)}.compare-slide small{letter-spacing:.14em;opacity:.7;font-size:7px}.compare-slide h3{margin:27px 0 8px;font-size:22px;line-height:1.15}.compare-slide p{opacity:.7;font-size:8px}.change-summary{color:#5b5376;background:#f1efff;border-radius:8px;gap:8px;margin-top:14px;padding:11px;font-size:10px;display:flex}.change-summary svg{color:var(--primary);flex:none}.export-formats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.export-formats button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;align-items:center;gap:9px;height:58px;padding:8px;display:flex}.export-formats button.active{border-color:var(--primary);background:#faf9ff}.export-formats button>b{color:#fff;background:#e35f43;border-radius:7px;place-items:center;width:35px;height:35px;display:grid}.export-formats button>span{flex-direction:column;font-size:11px;font-weight:700;display:flex}.export-formats small{color:var(--muted);margin-top:3px;font-size:8px}.export-formats svg{color:var(--primary);margin-left:auto}.export-warning{color:#825b18;background:#fff7e6;border:1px solid #f0d59f;border-radius:8px;gap:9px;padding:12px;display:flex}.export-warning>svg{flex:none}.export-warning b{font-size:11px}.export-warning p{margin:4px 0;font-size:9px;line-height:1.55}.export-warning button{color:#9c6711;background:0 0;border:0;padding:0;font-size:9px;text-decoration:underline}.export-progress{text-align:center;padding:9px}.generation-orbit.small{width:60px;height:60px}.export-progress h3{font-size:13px}.export-progress>b{font-size:11px}.export-progress p{color:var(--muted);font-size:10px}.export-done{text-align:center;padding:15px}.export-done>div{color:#fff;background:var(--success);border-radius:50%;place-items:center;width:55px;height:55px;margin:0 auto 12px;display:grid}.export-done h2{font-size:18px}.export-done p{color:var(--muted);font-size:10px}.toast-viewport{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;top:75px;right:22px}.toast{color:#fff;min-width:240px;box-shadow:var(--shadow);background:#282936;border-radius:9px;align-items:center;gap:8px;padding:11px 13px;font-size:11px;animation:.22s toast-in;display:flex}.toast-success{background:#167c5c}.toast-warning{background:#a76c16}.toast-danger{background:#b53c4b}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.preview-page{color:#fff;background:#0e0f16;grid-template-rows:55px 1fr 54px;height:100vh;display:grid}.preview-page>header{background:#171820;border-bottom:1px solid #262730;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.preview-page>header>span{color:#a8a9b1;font-size:11px}.preview-page .logo-mark{width:28px;height:28px}.preview-page>section{place-items:center;display:grid;overflow:hidden}.preview-canvas{aspect-ratio:16/9;background:linear-gradient(135deg,#17192a,#373d65);width:min(82vw,1050px);padding:8%;position:relative;overflow:hidden;box-shadow:0 28px 90px #000}.preview-canvas>span{color:#a99cff;letter-spacing:.16em;font-size:10px}.preview-canvas h1{letter-spacing:-.05em;width:65%;margin:8% 0 2%;font-size:clamp(35px,5vw,68px);line-height:1.05;position:relative}.preview-canvas>p{color:#cbd0df;font-size:clamp(11px,1.3vw,17px)}.preview-canvas .canvas-visual{transform-origin:100% 100%;transform:scale(1.3)rotate(-4deg)}.preview-page>footer{background:#171820;justify-content:center;align-items:center;gap:20px;display:flex;position:relative}.preview-page>footer button{color:#fff;background:#292a34;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.preview-page>footer span{font-size:11px}.preview-page>footer small{color:#777984;font-size:9px;position:absolute;right:20px}@media (width<=1250px){.dashboard-content{padding-left:22px;padding-right:22px}.project-grid,.template-row{grid-template-columns:repeat(2,1fr)}.hero-stack{margin-right:0}.editor-layout{grid-template-columns:64px 190px 1fr 250px}.presentation-canvas{width:700px}.properties-panel{font-size:90%}}