:root{--pro-gold: #C9A66B;--pro-gold-dark: #A8884D;--pro-gold-light: #D4B87A;--pro-gradient: linear-gradient(135deg, var(--pro-gold) 0%, var(--pro-gold-dark) 100%);--pro-glow: rgba(201, 166, 107, .25);--chrome-bg-dark: #0f0f0f;--chrome-bg: #1a1a1a;--chrome-bg-elevated: #1f1f1f;--chrome-bg-hover: #252525;--chrome-border: #2a2a2a;--chrome-border-subtle: #222222;--chrome-border-hover: #3a3a3a;--bg-color: #0a0a0a;--text-primary: #e6e6e6;--text-secondary: #aaaaaa;--text-muted: #666666;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-hover: 0 4px 16px rgba(0, 0, 0, .5);--color-1: #2a9d8f;--color-2: #e76f51;--color-3: #457b9d;--color-cta: #d4af37;--pdf-width: 600px;--pdf-height: 750px;--font-heading: "Cormorant Garamond", serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-weight-heading: 300;--font-weight-body: 300;--font-weight-mono: 400;--font-size-h1: 3.5rem;--font-size-subtitle: 1.3rem;--font-size-label: 1rem;--font-size-value: 1.4rem;--spacing-padding: 50px;--spacing-gap: 40px;--spacing-feature-gap: 15px;--heading-letter-spacing: -1px;--body-line-height: 1.5;--mono-letter-spacing: 1px;--big-letter-opacity: .03;--big-letter-size: 16rem;--big-letter-italic: italic;--big-letter-top: -40px;--noise-opacity: .05;--feature-border-width: 1px;--feature-border-color: rgba(255, 255, 255, .2);--feature-padding-left: 20px;--bg-shape-opacity: .6;--bg-shape-blur: 10px;--cta-border: 1px solid var(--text-primary);--cta-padding: 18px 50px;--cta-bg: transparent;--cta-text: var(--text-primary)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#111;color:#fff;font-family:Inter,sans-serif;height:100vh;overflow:hidden}.editor-pane{width:40%;height:100%;border-right:1px solid var(--chrome-border);display:flex;flex-direction:column;background:var(--chrome-bg-dark)}.preview-pane{width:60%;height:100%;overflow-y:auto;background:#000;display:flex;flex-direction:column;align-items:center;padding:40px 0;gap:40px}.toolbar{padding:16px 20px;background:var(--chrome-bg);border-bottom:1px solid var(--chrome-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:16px}.btn{background:var(--chrome-bg-elevated);color:#fff;border:1px solid var(--chrome-border-hover);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:12px;font-family:Inter,sans-serif;font-weight:500;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:6px}.btn:hover{background:var(--chrome-bg-hover);border-color:#444;box-shadow:var(--shadow-hover)}.btn-primary{background:var(--pro-gradient);border-color:var(--pro-gold-dark);color:#000;font-weight:600}.btn-primary:hover{background:linear-gradient(135deg,var(--pro-gold-light) 0%,var(--pro-gold) 100%);border-color:var(--pro-gold);box-shadow:0 4px 16px var(--pro-glow)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn:disabled:hover{transform:none;box-shadow:none}textarea{flex-grow:1;width:100%;background:var(--chrome-bg-dark);color:#ddd;border:none;padding:20px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;resize:none;outline:none}.carousel-slide{width:var(--pdf-width);height:var(--pdf-height);background-color:var(--bg-color);position:relative;overflow:hidden;border:1px solid #222;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0}.noise-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:var(--noise-opacity);pointer-events:none;z-index:2;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:20px 20px}.bg-shape{position:absolute;z-index:0;mix-blend-mode:screen}.circle{border-radius:50%;background:radial-gradient(circle,var(--active-color) 0%,transparent 75%);width:500px;height:500px;opacity:var(--bg-shape-opacity);filter:blur(var(--bg-shape-blur))}.line-art{position:absolute;right:-50px;top:50%;transform:translateY(-50%);width:400px;height:400px;border:1px solid rgba(255,255,255,.05);border-radius:50%;z-index:0}.content-grid{position:relative;z-index:1;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;row-gap:6px;padding:var(--spacing-padding)}.slide-header{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px;display:flex;justify-content:space-between;align-items:flex-end;min-height:40px;height:40px}.brand{font-family:var(--font-body);font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--text-secondary)}.slide-num{font-family:var(--font-mono);font-size:14px;color:var(--text-secondary);opacity:.5}.main-content{display:flex;flex-direction:column;position:relative;overflow:hidden}.main-content:before,.main-content:after{content:"";flex:1}.big-letter{font-family:var(--font-heading);font-size:var(--big-letter-size);line-height:.7;position:absolute;top:var(--big-letter-top);left:-10px;opacity:var(--big-letter-opacity);z-index:-1;font-style:var(--big-letter-italic)}.carousel-slide h1{font-family:var(--font-heading);font-size:var(--font-size-h1);font-weight:var(--font-weight-heading);line-height:1;margin-top:6px;margin-bottom:14px;letter-spacing:var(--heading-letter-spacing);color:var(--text-primary)}.subtitle{font-family:var(--font-body);font-size:var(--font-size-subtitle);color:var(--text-secondary);max-width:85%;line-height:var(--body-line-height);font-weight:var(--font-weight-body);margin-top:0;margin-bottom:16px}.features{display:grid;grid-template-columns:auto 1fr;column-gap:16px;row-gap:var(--spacing-feature-gap);align-items:baseline;border-left:var(--feature-border-width) solid var(--feature-border-color);padding-left:var(--feature-padding-left);margin-top:0;margin-bottom:14px}.feature-row,.feature-row.no-label{display:contents}.feature-row.no-label .feature-value{grid-column:1 / -1}.feature-label{font-family:var(--font-mono);font-size:var(--font-size-label);text-transform:uppercase;color:var(--active-color);letter-spacing:var(--mono-letter-spacing);font-weight:600;padding:4px 10px;border-radius:4px;white-space:nowrap;justify-self:start;position:relative}.feature-label:before{content:"";position:absolute;inset:0;background:var(--active-color);opacity:.15;border-radius:inherit;z-index:-1}.feature-value{font-family:var(--font-heading);font-size:var(--font-size-value);font-weight:400;color:var(--text-primary)}.features.ordered{grid-template-columns:auto auto 1fr}.feature-number{font-family:var(--font-mono);font-size:var(--font-size-label);color:var(--text-secondary);opacity:.6;font-weight:500;min-width:1.5em;text-align:right}.features.ordered .feature-row.no-label .feature-value{grid-column:2 / -1}.slide-h2,.slide-h3,.slide-h4,.slide-h5,.slide-h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:var(--heading-letter-spacing);font-weight:var(--font-weight-heading);margin-top:12px;margin-bottom:8px}.slide-h2{font-size:2.2rem;line-height:1.1}.slide-h3{font-size:1.8rem;line-height:1.2}.slide-h4{font-size:1.5rem;line-height:1.25}.slide-h5{font-size:1.25rem;line-height:1.3}.slide-h6{font-size:1.1rem;line-height:1.35;text-transform:uppercase;letter-spacing:1px}.slide-h2+.features,.slide-h3+.features,.slide-h4+.features,.slide-h5+.features,.slide-h6+.features{margin-top:20px}.slide-code{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px 20px;overflow-x:auto;margin-top:0;margin-bottom:16px;max-width:100%}.slide-code code{font-family:var(--font-mono);font-size:.9rem;line-height:1.5;color:var(--text-primary);white-space:pre;display:block}.slide-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;font-family:var(--font-body);font-size:11px;letter-spacing:1px;color:var(--text-secondary);min-height:30px;height:30px}.slide-cta .main-content{text-align:center;align-items:center}.cta-button{margin-top:20px;display:inline-block;border:var(--cta-border);padding:var(--cta-padding);font-family:var(--font-mono);text-transform:uppercase;font-size:14px;letter-spacing:2px;color:var(--cta-text);text-decoration:none;background:var(--cta-bg)}.carousel-slide a{color:inherit;text-decoration-color:var(--active-color, var(--text-secondary));text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-color var(--transition-fast)}.carousel-slide a:hover{text-decoration-color:var(--text-primary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn:focus{outline:2px solid var(--pro-gold);outline-offset:2px}.btn:focus:not(:focus-visible){outline:none}.btn:focus-visible{outline:2px solid var(--pro-gold);outline-offset:2px}textarea:focus{outline:2px solid var(--color-1);outline-offset:-2px}@media(max-width:1200px){.preview-pane{padding:20px;gap:20px}.carousel-slide{--available-width: calc(60vw - 60px) ;--scale-by-width: calc(var(--available-width) / var(--pdf-width));--slide-scale: min(1, var(--scale-by-width));--margin-y: calc(var(--pdf-height) * (1 - var(--slide-scale)) / -2);transform:scale(var(--slide-scale));transform-origin:top center;margin-bottom:var(--margin-y)}}@media(max-width:1024px){.editor-pane{width:45%}.preview-pane{width:55%}.carousel-slide{--available-width: calc(55vw - 50px) ;--scale-by-width: calc(var(--available-width) / var(--pdf-width));--slide-scale: min(.95, var(--scale-by-width))}}@media(max-width:900px){body{flex-direction:column;height:auto;overflow:auto}.editor-pane{width:100%;flex:1 1 auto;min-height:35vh;max-height:none;border-right:none;border-bottom:1px solid var(--chrome-border)}.preview-pane{width:100%;--slide-scale: .55;--scaled-height: calc(var(--pdf-height) * var(--slide-scale));height:calc(var(--scaled-height) + 40px);min-height:auto;padding:20px 0;flex-direction:row;align-items:center;overflow-x:auto;overflow-y:hidden;gap:0;scroll-snap-type:x mandatory;scroll-padding:20px;-webkit-overflow-scrolling:touch}.carousel-slide{--slide-scale: .55;--gap: 16px;--margin-x: calc((var(--pdf-width) * (1 - var(--slide-scale)) / -2) + var(--gap));--margin-y: calc(var(--pdf-height) * (1 - var(--slide-scale)) / -2);transform:scale(var(--slide-scale));transform-origin:center center;flex-shrink:0;scroll-snap-align:center;margin:var(--margin-y) var(--margin-x)}.carousel-slide:first-child{margin-left:calc((var(--pdf-width) * (1 - var(--slide-scale)) / -2) + 24px)}.carousel-slide:last-child{margin-right:calc((var(--pdf-width) * (1 - var(--slide-scale)) / -2) + 24px)}.toolbar{gap:10px}}@media(max-width:480px){.editor-pane{min-height:30vh}.preview-pane{--slide-scale: .5;--scaled-height: calc(var(--pdf-height) * var(--slide-scale));height:calc(var(--scaled-height) + 30px)}.carousel-slide{--slide-scale: .5;--gap: 12px;--margin-x: calc((var(--pdf-width) * (1 - var(--slide-scale)) / -2) + var(--gap));--margin-y: calc(var(--pdf-height) * (1 - var(--slide-scale)) / -2)}.carousel-slide:first-child{margin-left:calc((var(--pdf-width) * (1 - var(--slide-scale)) / -2) + 16px)}.carousel-slide:last-child{margin-right:calc((var(--pdf-width) * (1 - var(--slide-scale)) / -2) + 16px)}textarea{font-size:14px;padding:15px}}.progress-container{display:none;margin-top:12px;padding:0 20px}.progress-container.active{display:block}.progress-bar{height:4px;background:var(--chrome-border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--pro-gradient);width:0%;transition:width var(--transition-slow)}.progress-text{font-size:11px;color:var(--text-secondary);margin-top:6px;display:block}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 40px)}.toast{background:var(--chrome-bg-elevated);border:1px solid var(--chrome-border-hover);padding:12px 20px;border-radius:8px;font-size:13px;transform:translateY(100px);opacity:0;transition:all var(--transition-slow);box-shadow:var(--shadow-lg)}.toast.show{transform:translateY(0);opacity:1}.toast.error{border-color:#e74c3c;background:linear-gradient(135deg,var(--chrome-bg-elevated) 0%,rgba(231,76,60,.1) 100%)}.toast.success{border-color:#2ecc71;background:linear-gradient(135deg,var(--chrome-bg-elevated) 0%,rgba(46,204,113,.1) 100%)}@media(max-width:480px){.toast-container{left:10px;right:10px;bottom:10px}.toast{padding:10px 16px;font-size:12px}}.char-count{font-size:11px;color:var(--text-secondary);padding:8px 20px;border-top:1px solid var(--chrome-border);transition:color var(--transition-fast)}.char-count.warning{color:#f39c12}.char-count.danger{color:#e74c3c}.carousel-slide.has-split-image{display:flex;flex-direction:row}.carousel-slide .content-grid{position:relative;z-index:2}