:root{--studio-bg: #0b0f1a;--studio-panel: #111827;--studio-panel-2: #1f2937;--studio-border: #1f2937;--studio-border-2: #2d3748;--studio-text: #e5e7eb;--studio-muted: #94a3b8;--studio-accent: #818cf8;--studio-danger: #ef4444}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--studio-bg);color:var(--studio-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit}.app{display:grid;grid-template-columns:380px 1fr;grid-template-rows:56px 1fr;height:100vh;overflow:hidden}.topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--studio-panel);border-bottom:1px solid var(--studio-border);z-index:10}.topbar-left{display:flex;align-items:center;gap:16px}.topbar .name{font-weight:700;font-size:15px}.topbar .name input{background:transparent;border:1px solid transparent;color:var(--studio-text);padding:4px 8px;border-radius:6px;font-size:15px;font-weight:700;width:280px}.topbar .name input:hover{border-color:var(--studio-border-2)}.topbar .name input:focus{outline:none;border-color:var(--studio-accent)}.topbar-right{display:flex;gap:8px;align-items:center}.btn{background:var(--studio-panel-2);color:var(--studio-text);border:1px solid var(--studio-border-2);padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.btn:hover{background:#2a3441}.btn.primary{background:var(--studio-accent);color:#0b0f1a;border-color:var(--studio-accent)}.btn.primary:hover{background:#6366f1}.btn.ghost{background:transparent}.btn.danger{background:transparent;border-color:transparent;color:var(--studio-danger)}.btn.danger:hover{background:#ef44441a}.btn.tiny{padding:4px 8px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.sidebar{background:var(--studio-panel);border-right:1px solid var(--studio-border);display:flex;flex-direction:column;overflow:hidden}.tabs{display:flex;border-bottom:1px solid var(--studio-border);background:var(--studio-panel)}.tab{flex:1;padding:12px 8px;background:transparent;border:none;color:var(--studio-muted);font-size:13px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:var(--studio-text);border-bottom-color:var(--studio-accent)}.tab:hover{color:var(--studio-text)}.tab-content{flex:1;overflow-y:auto;padding:16px}.section{margin-bottom:24px}.section h4{margin:0 0 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--studio-muted)}.field{margin-bottom:12px}.field-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px;color:var(--studio-muted);font-weight:600}.field input[type=text],.field input[type=number],.field textarea,.field select{width:100%;background:var(--studio-panel-2);border:1px solid var(--studio-border-2);color:var(--studio-text);padding:8px 10px;border-radius:6px;font-size:13px}.field input[type=text]:focus,.field textarea:focus,.field select:focus,.field input[type=number]:focus{outline:none;border-color:var(--studio-accent)}.field textarea{min-height:64px;resize:vertical;font-family:inherit;line-height:1.4}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--studio-muted);cursor:pointer}.checkbox-row input{cursor:pointer}.color-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;cursor:pointer;position:relative}.color-row:hover{background:var(--studio-panel-2)}.color-swatch{width:28px;height:28px;border-radius:6px;border:1px solid var(--studio-border-2);flex-shrink:0}.color-row .color-name{flex:1;font-size:13px}.color-row .color-hex{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;color:var(--studio-muted)}.color-popover{position:absolute;top:100%;left:0;margin-top:6px;background:var(--studio-panel-2);border:1px solid var(--studio-border-2);border-radius:12px;padding:12px;z-index:100;box-shadow:0 20px 40px #0006}.color-popover input{margin-top:8px;width:100%}.slide-list{display:flex;flex-direction:column;gap:6px}.slide-item{display:flex;align-items:center;gap:8px;padding:10px;background:var(--studio-panel-2);border:1px solid transparent;border-radius:8px;cursor:pointer;transition:border-color .1s,transform .1s,opacity .1s;position:relative}.slide-item:hover{border-color:var(--studio-border-2)}.slide-item.active{border-color:var(--studio-accent);background:#818cf81a}.slide-item.dragging{opacity:.4}.slide-item.drop-above:before,.slide-item.drop-below:after{content:"";position:absolute;left:8px;right:8px;height:2px;background:var(--studio-accent);border-radius:1px;box-shadow:0 0 6px var(--studio-accent)}.slide-item.drop-above:before{top:-4px}.slide-item.drop-below:after{bottom:-4px}.drag-handle{color:var(--studio-muted);font-size:14px;letter-spacing:-2px;cursor:grab;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.slide-item .idx{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;color:var(--studio-muted);width:22px}.slide-item .title{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slide-item .type-tag{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--studio-muted);background:#ffffff0a;padding:2px 6px;border-radius:4px}.slide-item-actions{display:flex;gap:2px;margin-left:4px}.icon-btn{background:transparent;border:none;color:var(--studio-muted);cursor:pointer;padding:4px;border-radius:4px;font-size:12px}.icon-btn:hover{background:#ffffff0f;color:var(--studio-text)}.add-slide-bar{margin-top:12px;padding:10px;background:var(--studio-panel-2);border-radius:8px}.add-slide-bar .row{display:grid;grid-template-columns:1fr auto;gap:8px}.add-slide-hint{margin-top:8px;font-size:11px;color:var(--studio-muted);line-height:1.4}.slide-editor{display:flex;flex-direction:column;gap:6px}.block-section{background:var(--studio-panel-2);border:1px solid var(--studio-border-2);border-radius:8px;overflow:hidden}.block-section.filled{border-color:#818cf859}.block-section>summary{list-style:none;cursor:pointer;padding:10px 12px;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;font-size:13px}.block-section>summary::-webkit-details-marker{display:none}.block-section>summary:before{content:"▶";font-size:9px;color:var(--studio-muted);transition:transform .15s;flex-shrink:0}.block-section[open]>summary:before{transform:rotate(90deg)}.block-section .bs-title{flex:1;font-weight:600}.block-section .bs-status{font-size:14px;color:var(--studio-muted);line-height:1}.block-section.filled .bs-status{color:var(--studio-accent)}.block-section .bs-clear{background:transparent;border:none;color:var(--studio-muted);cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px}.block-section .bs-clear:hover{background:#ef44441f;color:var(--studio-danger)}.block-section .bs-body{padding:8px 12px 14px;border-top:1px solid var(--studio-border)}.block-section .bs-hint{font-size:11px;color:var(--studio-muted);margin-bottom:8px;line-height:1.4}.list-editor{display:flex;flex-direction:column;gap:8px}.list-item{padding:10px;background:var(--studio-panel-2);border-radius:8px;border:1px solid var(--studio-border-2);display:flex;flex-direction:column;gap:6px}.list-item .li-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:40px}.modal{width:min(720px,100%);max-height:90vh;display:flex;flex-direction:column;background:var(--studio-panel);border:1px solid var(--studio-border-2);border-radius:14px;box-shadow:0 30px 80px #0009;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--studio-border)}.modal-head h3{margin:0;font-size:16px;font-weight:700}.modal-body{padding:22px;overflow-y:auto;flex:1}.modal-foot{display:flex;gap:8px;justify-content:flex-end;padding:16px 22px;border-top:1px solid var(--studio-border);background:var(--studio-panel)}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.theme-card{background:var(--studio-panel-2);border:1px solid var(--studio-border-2);border-radius:10px;padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;text-align:left;color:var(--studio-text);transition:border-color .1s,transform .1s}.theme-card:hover{border-color:var(--studio-muted)}.theme-card.active{border-color:var(--studio-accent);box-shadow:0 0 0 2px #818cf833}.theme-preview{height:44px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.04)}.theme-preview .th-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.theme-name{font-size:12px;font-weight:600}.preview{background:radial-gradient(circle at 30% 20%,rgba(129,140,248,.06),transparent 50%),radial-gradient(circle at 80% 80%,rgba(192,132,252,.05),transparent 50%),var(--studio-bg);overflow:auto;position:relative}.preview-toolbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#0b0f1ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--studio-border)}.preview-toolbar .zoom{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--studio-muted)}.preview-canvas{padding:40px;display:flex;flex-direction:column;align-items:center;gap:40px}.preview-slide-wrap{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px #00000073;cursor:pointer;border:2px solid transparent;transition:border-color .15s}.preview-slide-wrap.active{border-color:var(--studio-accent);box-shadow:0 30px 60px #00000073,0 0 0 4px #818cf833}.preview-slide-label{position:absolute;top:12px;left:12px;background:#0b0f1ad9;color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.slide{width:1080px;height:1350px;background:var(--bg);color:var(--text);position:relative;overflow:hidden;padding:var(--padding);display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "body" "footer";row-gap:32px;font-family:var(--font-body);font-weight:var(--body-weight);font-size:30px;line-height:1.45}.slide .glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(20px);z-index:0}.slide .glow-a{top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,var(--glow-1) 0%,transparent 60%)}.slide .glow-b{bottom:-250px;left:-150px;width:500px;height:500px;background:radial-gradient(circle,var(--glow-2) 0%,transparent 60%)}.slide>header,.slide>main,.slide>footer{position:relative;z-index:1}.slide-header{grid-area:header;display:grid;grid-template-columns:1fr auto;align-items:center;min-height:56px;gap:24px}.slide-footer{grid-area:footer;display:grid;grid-template-columns:1fr auto;align-items:center;min-height:40px;gap:24px}.slot{display:flex;align-items:center}.slot-left{justify-content:flex-start}.slot-right{justify-content:flex-end}.slide-body{grid-area:body;display:flex;flex-direction:column;gap:36px;min-height:0}.slide-body.body-cover{justify-content:space-between;gap:0}.cover-top{display:flex;flex-direction:column;gap:48px}.slide .accent{background:linear-gradient(135deg,var(--g-start) 0%,var(--g-mid) 50%,var(--g-end) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand{display:flex;align-items:center;gap:14px}.logo{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--g-start) 0%,var(--g-mid) 50%,var(--g-end) 100%);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;letter-spacing:-.5px;color:var(--bg);box-shadow:0 8px 24px #00000040}.brand-text{font-size:22px;font-weight:700;letter-spacing:-.2px;color:var(--text);font-family:var(--font-footer)}.brand-text span{color:var(--muted);font-weight:500}.chip{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px;font-size:22px;font-weight:600;color:var(--accent);width:max-content;font-family:var(--font-body)}.chip .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.pagenum{font-size:20px;font-weight:600;color:var(--muted);letter-spacing:.5px;font-family:var(--font-footer)}.pagenum b{color:var(--text)}.footer-brand{display:flex;align-items:center;gap:12px;font-size:18px;color:var(--muted);font-family:var(--font-footer)}.footer-brand .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.h-cover{font-family:var(--font-heading);font-size:calc(116px * var(--heading-scale));font-weight:var(--heading-weight);line-height:.98;letter-spacing:-3.5px;margin:0;color:var(--text)}.h2{font-family:var(--font-heading);font-size:calc(76px * var(--heading-scale));font-weight:var(--heading-weight);line-height:1.03;letter-spacing:-2.2px;margin:0;color:var(--text)}.h3{font-family:var(--font-heading);font-size:calc(54px * var(--heading-scale));font-weight:800;line-height:1.08;letter-spacing:-1.3px;margin:0;color:var(--text)}.body{font-size:calc(30px * var(--body-scale));line-height:1.45;color:var(--muted-soft);font-weight:var(--body-weight);margin:0}.body.body-lg{font-size:calc(32px * var(--body-scale))}.body.body-sm{font-size:calc(26px * var(--body-scale))}.small{font-size:24px;line-height:1.45;color:var(--muted);font-weight:500;margin:0}.cover-sub{font-size:38px;line-height:1.3;color:var(--muted-soft);font-weight:500;max-width:880px}.swipe{display:flex;align-items:center;gap:16px;font-size:28px;font-weight:700;color:var(--accent);font-family:var(--font-body)}.swipe .arrow{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--g-start) 0%,var(--g-mid) 50%,var(--g-end) 100%);display:flex;align-items:center;justify-content:center;color:var(--bg);font-size:28px;font-weight:900;box-shadow:0 10px 30px #0000004d}.stat-card{padding:48px 56px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 10%,transparent),color-mix(in srgb,var(--g-end) 4%,transparent));border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:36px}.stat-num{font-family:var(--font-heading);font-size:180px;font-weight:900;line-height:.95;letter-spacing:-6px;background:linear-gradient(135deg,var(--g-start) 0%,var(--g-mid) 50%,var(--g-end) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-suffix{font-size:120px;letter-spacing:-4px}.stat-label{font-size:28px;color:var(--muted-soft);font-weight:500;line-height:1.35;margin-top:12px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:12px}.compare .col{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:40px}.col-h{font-size:22px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-weight:700;margin-bottom:16px;font-family:var(--font-footer)}.col-v{font-family:var(--font-heading);font-size:80px;font-weight:900;letter-spacing:-2px;line-height:1;color:var(--text)}.col-v.accent{background:linear-gradient(135deg,var(--g-start) 0%,var(--g-mid) 50%,var(--g-end) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.col-d{font-size:24px;color:var(--muted-soft);margin-top:14px;line-height:1.35}.reason-head{display:flex;align-items:center;gap:32px}.reason-num{width:140px;height:140px;border-radius:32px;background:linear-gradient(135deg,var(--g-start) 0%,var(--g-mid) 50%,var(--g-end) 100%);display:flex;align-items:center;justify-content:center;font-size:84px;font-weight:900;color:var(--bg);letter-spacing:-3px;font-family:var(--font-heading);flex-shrink:0}.reason-label{font-size:22px;text-transform:uppercase;letter-spacing:2.5px;color:var(--muted);font-weight:700;margin-bottom:8px;font-family:var(--font-footer)}.callout{background:var(--card);border-left:5px solid var(--accent);border-radius:0 24px 24px 0;padding:32px 36px;margin-top:12px}.callout-v{font-family:var(--font-heading);font-size:52px;font-weight:900;letter-spacing:-1.2px;background:linear-gradient(135deg,var(--g-start) 0%,var(--g-mid) 50%,var(--g-end) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.callout-t{font-size:26px;color:var(--muted-soft);margin-top:6px;line-height:1.4}.hook{font-family:var(--font-heading);font-size:38px;font-weight:800;line-height:1.2;margin-top:24px;color:var(--text)}.hero-stat{text-align:left}.hero-num{font-family:var(--font-heading);font-size:320px;font-weight:900;letter-spacing:-16px;line-height:.9;background:linear-gradient(135deg,var(--g-start) 0%,var(--g-mid) 50%,var(--g-end) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-num sup{font-size:140px;vertical-align:top;letter-spacing:-4px}.profiles{display:flex;flex-direction:column;gap:18px}.profile{display:flex;align-items:center;gap:28px;padding:26px 34px;background:var(--card);border:1px solid var(--border);border-radius:22px}.profile .profile-info{flex:1;min-width:0}.profile .profile-salary{margin-left:auto}.avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--g-start) 0%,var(--g-mid) 50%,var(--g-end) 100%);color:var(--bg);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;font-family:var(--font-heading)}.profile-info{display:flex;flex-direction:column;gap:4px;min-width:0}.profile-name{font-size:30px;font-weight:700;color:var(--text)}.profile-role{font-size:22px;color:var(--muted);font-weight:500}.profile-salary{font-family:var(--font-heading);font-size:32px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--g-start) 0%,var(--g-mid) 50%,var(--g-end) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.cta-headline{font-size:calc(96px * var(--heading-scale));letter-spacing:-3px;line-height:.98}.bullets{display:flex;flex-direction:column;gap:18px;margin-top:8px}.bullet{display:flex;align-items:flex-start;gap:22px;padding:24px 28px;background:var(--card);border:1px solid var(--border);border-radius:22px}.mark{width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent);font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bullet-txt{font-size:26px;line-height:1.4;color:var(--muted-soft)}.cta-card{margin-top:8px;padding:44px 48px;background:linear-gradient(135deg,var(--g-start) 0%,var(--g-mid) 50%,var(--g-end) 100%);border-radius:32px;color:var(--bg);display:flex;align-items:center;gap:28px;box-shadow:0 24px 60px #0003}.cta-icon{width:88px;height:88px;border-radius:24px;background:#0000001a;display:flex;align-items:center;justify-content:center;font-size:44px;flex-shrink:0}.cta-top{font-size:26px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;opacity:.7;font-family:var(--font-footer)}.cta-main{font-family:var(--font-heading);font-size:40px;font-weight:900;letter-spacing:-.5px;line-height:1.1;margin-top:4px}.keyword{display:inline-block;padding:0 14px;background:var(--bg);color:var(--text);border-radius:10px;font-weight:900}