:root{--bg-paper:#fff;--bg-page:#f7f8fa;--bg-card:#fff;--bg-sunk:#f7f8fa;--bg-elevated:#fcfcfd;--ink-900:#0a0a0f;--ink-700:#2a2a33;--ink-600:#5c5c66;--ink-400:#a8a8b3;--ink-300:#c9c9d0;--line:#ececef;--line-strong:#d4d4da;--accent:#0a0a0f;--accent-700:#000;--accent-100:rgba(10,10,15,.14);--accent-50:rgba(10,10,15,.05);--warm:#c7572e;--success:#3f7d58;--warn:#b6863a;--font-display:"Fraunces","Newsreader",Georgia,serif;--font-ui:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--t-12:12px;--t-13:13px;--t-14:14px;--t-16:16px;--t-18:18px;--t-22:22px;--t-28:28px;--t-36:36px;--t-48:48px;--t-64:64px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:22px;--shadow-xs:0 1px 2px rgba(10,10,15,.04);--shadow-sm:0 1px 3px rgba(10,10,15,.06),0 1px 2px rgba(10,10,15,.04);--shadow-md:0 4px 12px rgba(10,10,15,.08);--shadow-lg:0 12px 32px rgba(10,10,15,.1);--shadow-xl:0 24px 64px rgba(10,10,15,.12);--shadow-paper:0 1px 0 rgba(10,10,15,.03),0 12px 40px rgba(10,10,15,.08);--ease:cubic-bezier(0.32,0.72,0,1)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg-paper);color:var(--ink-900);font-family:var(--font-ui);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer}::selection{background:var(--accent-100);color:var(--accent-700)}.serif{letter-spacing:-.01em}.serif,.serif-italic{font-family:var(--font-display);font-weight:400}.serif-italic{font-style:italic}.mono{font-family:var(--font-mono)}.smallcaps{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:500}.app-shell{min-height:100vh}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.82);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--line)}.topnav-inner{max-width:1280px;margin:0 auto;gap:28px;padding:14px 28px}.brand,.topnav-inner{display:flex;align-items:center}.brand{gap:10px;font-size:22px;letter-spacing:-.02em}.brand,.brand-mark{font-family:var(--font-display);font-weight:500}.brand-mark{width:26px;height:26px;display:inline-grid;place-items:center;background:var(--ink-900);color:var(--bg-paper);border-radius:6px;font-size:14px;font-style:italic}.nav-links{display:flex;gap:22px;align-items:center}.nav-links a{font-size:14px;color:var(--ink-600);cursor:pointer;transition:color .15s var(--ease)}.nav-links a.active,.nav-links a:hover{color:var(--ink-900)}.nav-links a.active{font-weight:500}.nav-spacer{flex:1 1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--r-md);padding:10px 16px;font-size:14px;font-weight:500;letter-spacing:-.005em;transition:transform .06s ease,background .15s,border-color .15s,color .15s,box-shadow .15s;white-space:nowrap}.btn:active{transform:translateY(.5px)}.btn-primary{background:var(--ink-900);color:var(--bg-paper);box-shadow:var(--shadow-xs)}.btn-primary:hover{background:#000;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-700);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--ink-700);border-color:var(--line-strong)}.btn-ghost:hover{background:var(--bg-card);border-color:var(--ink-400)}.btn-quiet{background:transparent;color:var(--ink-700)}.btn-quiet:hover{background:rgba(20,20,26,.04)}.btn-sm{padding:7px 12px;font-size:13px;border-radius:8px}.btn-lg{padding:14px 22px;font-size:16px;border-radius:12px}.kbd{font-family:var(--font-mono);font-size:11px;padding:2px 6px;border:1px solid var(--line-strong);border-radius:4px;color:var(--ink-600)}.card,.kbd{background:var(--bg-card)}.card{border:1px solid var(--line);border-radius:var(--r-lg)}.input,.select,.textarea{width:100%;background:var(--bg-card);border:1px solid var(--line-strong);border-radius:8px;padding:9px 12px;font-size:14px;color:var(--ink-900);font-family:var(--font-ui);transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-50)}.textarea{resize:vertical;min-height:76px;line-height:1.5}.label{display:block;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-600);margin-bottom:6px}.tag{display:inline-flex;align-items:center;gap:6px;background:var(--bg-sunk);border:1px solid var(--line);color:var(--ink-700);font-size:12px;padding:3px 9px;border-radius:999px}.tag-accent{background:var(--accent-50);border-color:var(--accent-100);color:var(--accent-700)}.section-eyebrow{font-family:var(--font-ui);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-600)}.container{max-width:1280px;margin:0 auto;padding:0 28px}.container-narrow{max-width:980px;margin:0 auto;padding:0 28px}.doc-page{background:#fff;width:816px;min-height:1056px;margin:0 auto;box-shadow:var(--shadow-paper);position:relative;overflow:hidden;color:#1a1a1a;font-family:var(--font-ui);font-size:11pt;line-height:1.45}.doc-page.A4{width:794px;min-height:1123px}.drag-handle{cursor:-webkit-grab;cursor:grab;color:var(--ink-400);display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px}.drag-handle:hover{color:var(--ink-700);background:var(--bg-sunk)}.drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.accordion{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-card);overflow:hidden}.accordion+.accordion{margin-top:8px}.accordion-head{display:flex;align-items:center;gap:8px;padding:10px 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.accordion-head:hover{background:rgba(20,20,26,.02)}.accordion-title{font-size:14px;font-weight:500;flex:1 1}.accordion-body{padding:4px 14px 16px;border-top:1px solid var(--line)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink-900);color:var(--bg-paper);padding:10px 18px;border-radius:999px;font-size:13px;z-index:200;box-shadow:var(--shadow-lg);animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.modal-backdrop{position:fixed;inset:0;background:rgba(20,20,26,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:grid;place-items:center;padding:32px;animation:fade-in .16s ease}.modal-panel{background:var(--bg-paper);border-radius:var(--r-xl);max-width:1080px;width:100%;max-height:88vh;overflow:auto;border:1px solid var(--line);box-shadow:var(--shadow-lg);animation:modal-in .28s var(--ease)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.slideover-backdrop{position:fixed;inset:0;background:rgba(20,20,26,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;animation:fade-in .2s ease}.slideover{position:fixed;top:0;right:0;bottom:0;width:380px;background:var(--bg-paper);border-left:1px solid var(--line);z-index:95;overflow-y:auto;animation:slide-in .32s var(--ease);box-shadow:var(--shadow-lg)}@keyframes slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}.swatch{width:22px;height:22px;border-radius:999px;border:1px solid rgba(20,20,26,.1);cursor:pointer}.swatch.active{box-shadow:0 0 0 2px var(--bg-paper),0 0 0 4px var(--ink-900)}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.quiet-scroll::-webkit-scrollbar{width:10px;height:10px}.quiet-scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.quiet-scroll::-webkit-scrollbar-thumb:hover{background:var(--ink-400);background-clip:padding-box;border:2px solid transparent}.hide-scroll::-webkit-scrollbar{display:none}.hide-scroll{scrollbar-width:none}.builder-grid{display:grid;grid-template-columns:minmax(420px,45fr) minmax(0,55fr);height:calc(100vh - 60px)}.mobile-tabbar{display:none}.mobile-pane{min-width:0;min-height:0}@media (max-width:900px){.builder-grid{grid-template-columns:1fr;height:auto}.mobile-tabbar{display:flex;gap:8px;padding:10px;border-bottom:1px solid var(--line);background:var(--bg-paper);position:-webkit-sticky;position:sticky;top:0;z-index:2}.mobile-pane{display:none}.mobile-pane.active{display:block}}.display{font-family:var(--font-display);font-weight:400;font-variation-settings:"opsz" 144,"SOFT" 50;letter-spacing:-.025em;line-height:1.02}.lift{transition:transform .22s var(--ease),box-shadow .22s var(--ease)}.lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.tpl-card{overflow:hidden}.tpl-card .tpl-thumb-frame{transition:transform .4s var(--ease)}.tpl-card:hover .tpl-thumb-frame{transform:scale(1.03)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal.in{opacity:1;transform:translateY(0)}.pdf-scan{position:absolute;left:0;right:0;height:60px;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--accent-100),transparent);animation:scan-sweep .9s ease-in-out;z-index:5}@keyframes scan-sweep{0%{top:-60px}to{top:100%}}.save-dot{width:7px;height:7px;border-radius:999px;background:var(--success);display:inline-block}.save-dot.pulse{animation:dot-pulse .6s var(--ease)}@keyframes dot-pulse{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}.section-row{display:flex;align-items:center;gap:6px}.section-row .drag-handle{opacity:0;transition:opacity .18s var(--ease)}.accordion-head:hover .drag-handle{opacity:1}.skill-chip{transition:transform .18s var(--ease),background .18s var(--ease)}.skill-chip:hover{background:var(--accent-50);transform:scale(1.04)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.tpl{color:#14141a}.tpl h1,.tpl h2,.tpl h3,.tpl p,.tpl ul{margin:0}.tpl ul{padding-left:18px}.page-divider{text-align:center;font-size:11px;color:var(--ink-400);margin:16px 0;letter-spacing:.16em;text-transform:uppercase}.dragging{opacity:.4}.drop-indicator{height:2px;background:var(--accent);margin:4px 0;border-radius:999px;animation:indicator-pulse 1s ease-in-out infinite}@keyframes indicator-pulse{0%,to{opacity:.5}50%{opacity:1}}@media (max-width:768px){.hero-grid{grid-template-columns:1fr!important}.hero-grid>:last-child{display:none}.cl-teaser-grid{grid-template-columns:1fr!important}.cl-teaser-thumbs{display:none!important}}@media print{body{background:#fff}.builder-editor,.builder-topbar,.modal-backdrop,.no-print,.preview-toolbar,.slideover,.slideover-backdrop,.toast,.topnav{display:none!important}.builder-grid{display:block;height:auto}.editor-pane{display:none!important}.mobile-pane.preview-pane-wrap,.mobile-pane.preview-pane-wrap.active,.preview-pane-wrap{display:block!important}.preview-pane{background:#fff!important;overflow:visible!important}.doc-page{box-shadow:none!important;transform:none!important;width:100%!important;min-height:0!important;margin:0!important}.preview-stage{padding:0!important}.preview-stage>div{width:auto!important;height:auto!important}}