:root{--pro-gold: #d4af37;--pro-gold-dark: #b8962d;--pro-gradient: linear-gradient(135deg, var(--pro-gold) 0%, var(--pro-gold-dark) 100%);--bg-color: #0a0a0a;--text-primary: #e6e6e6;--text-secondary: #999999;--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 #333;display:flex;flex-direction:column;background:#0f0f0f}.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:15px;background:#1a1a1a;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.toolbar h2{font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary)}.btn{background:#222;color:#fff;border:1px solid #444;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:12px;font-family:Inter,sans-serif;transition:all .2s}.btn:hover{background:#333}.btn-primary{background:var(--color-cta);border-color:var(--color-cta);color:#000;font-weight:700}.btn:disabled{opacity:.6;cursor:not-allowed}textarea{flex-grow:1;width:100%;background:#0f0f0f;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 1fr auto;padding:var(--spacing-padding)}.slide-header{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px;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;justify-content:center;position:relative}.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-bottom:10px;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-bottom:30px}.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)}.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)}.slide-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;font-family:var(--font-body);font-size:11px;letter-spacing:1px;color:var(--text-secondary);min-height:30px;height:30px}.slide-cta,.slide-cta .main-content{text-align:center;align-items:center}.cta-button{margin-top:30px;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)}.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(--color-cta);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 #333}.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{flex-wrap:wrap;gap:10px}.toolbar h2{font-size:12px}}@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:10px}.progress-container.active{display:block}.progress-bar{height:4px;background:#333;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--color-cta);width:0%;transition:width .3s ease}.progress-text{font-size:11px;color:var(--text-secondary);margin-top:5px;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:#222;border:1px solid #444;padding:12px 20px;border-radius:6px;font-size:13px;transform:translateY(100px);opacity:0;transition:all .3s ease}.toast.show{transform:translateY(0);opacity:1}.toast.error{border-color:#e74c3c}.toast.success{border-color:#2ecc71}@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 #333}.char-count.warning{color:#f39c12}.char-count.danger{color:#e74c3c}