*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--lf-color-text);font-family:var(--lf-type-family-ui);font-size:15px;line-height:1.55;min-height:100vh}button,input,select,textarea{font:inherit}a{color:var(--lf-product-accent);text-underline-offset:3px}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a,button,input,select,textarea,summary{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--lf-color-focus)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.025em;line-height:1.25}h1{font-size:30px;font-weight:600}h2{font-size:22px;font-weight:600}h3{font-size:16px;font-weight:600}p{margin-top:10px}.muted,.help{color:var(--lf-color-muted)}.help{font-size:13px;line-height:1.6;max-width:65ch}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--lf-color-muted)}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--lf-color-card);padding:12px}.skip-link:focus{top:12px}.app-header{min-height:84px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:30px;padding:14px 32px;border-bottom:1px solid var(--lf-color-border);background:var(--lf-color-card)}.brand{display:flex;align-items:center;flex-shrink:0;text-decoration:none}.brand img{width:auto;height:40px}.wordmark-short{display:none!important}.dark-mark{display:none}[data-lf-theme=dark] .light-mark{display:none}[data-lf-theme=dark] .dark-mark{display:block}.header-context{font-size:13px;color:var(--lf-color-muted);border-left:1px solid var(--lf-color-border);padding-left:28px}.header-actions{display:flex;align-items:center;gap:20px;margin-left:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid var(--lf-color-border);border-radius:9px;padding:10px 17px;background:var(--lf-color-field);color:var(--lf-color-text);box-shadow:var(--lf-shadow-secondary);text-decoration:none;font-weight:600;font-size:13px;white-space:normal;transition:box-shadow 240ms,transform 120ms}.button:hover:not(:disabled){box-shadow:var(--lf-shadow-secondary-hover);transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(2px);box-shadow:var(--lf-shadow-pressed)}.button.compact{min-height:40px;padding:8px 13px}.text-button{border:0;background:none;padding:4px 0;color:var(--lf-product-accent);font-size:13px;text-decoration:underline;text-underline-offset:4px;box-shadow:none}.loading-state{min-height:70vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--lf-color-border);border-top-color:var(--lf-product-accent);border-radius:50%;animation:spin 800ms linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.welcome{max-width:1140px;margin:0 auto;padding:72px 30px 32px}.welcome-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:70px;align-items:center}.welcome h1,.landing h1{font-size:clamp(38px,5vw,62px);font-weight:500;letter-spacing:-.045em;line-height:1.06;margin-top:20px}.lead{font-size:17px;line-height:1.75;color:var(--lf-color-muted);max-width:52ch;margin:24px 0}.welcome .action-row{margin-top:28px}.action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.welcome-note{font-size:12px;margin-top:16px;color:var(--lf-color-muted)}.sample-page{background:var(--lf-color-card);border:1px solid var(--lf-color-border);box-shadow:0 16px 50px var(--lf-color-shadow);border-radius:18px;overflow:hidden;transform:rotate(1deg)}.sample-cover{height:110px;background:linear-gradient(120deg,var(--lf-product-soft),var(--lf-color-rail));position:relative;border-bottom:1px solid var(--lf-color-border)}.sample-cover::after{content:"";position:absolute;width:60px;height:60px;left:30px;bottom:-26px;background:var(--lf-product-accent);border:5px solid var(--lf-color-card);border-radius:50%;opacity:.8}.sample-content{padding:46px 30px 25px}.sample-content h2{font-size:28px}.sample-content .sample-rule{height:1px;background:var(--lf-color-border);margin:22px 0}.sample-tabs{display:flex;gap:20px;font-size:12px;font-weight:600;padding-bottom:12px;border-bottom:1px solid var(--lf-color-border)}.sample-tabs span:first-child{border-bottom:2px solid var(--lf-product-accent);padding-bottom:12px;margin-bottom:-13px}.sample-article{display:grid;grid-template-columns:1fr 70px;gap:15px;padding:18px 0;border-bottom:1px solid var(--lf-color-border)}.sample-article small{font-size:10px;color:var(--lf-color-muted)}.sample-article h3{font-size:14px;margin-top:5px}.sample-thumbnail{background:var(--lf-color-rail);border-radius:4px;min-height:60px}.sample-label{font-size:10px;color:var(--lf-color-muted);padding:0 30px 20px}.welcome-features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid var(--lf-color-border);padding:32px 0;margin-top:65px}.welcome-features h3{font-size:14px;margin-bottom:7px}.welcome-features p{font-size:13px;color:var(--lf-color-muted)}.workspace{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:calc(100vh - 84px)}.sidebar{background:var(--lf-color-rail);border-right:1px solid var(--lf-color-border);padding:28px 18px;display:flex;flex-direction:column;gap:26px}.publication-name{font-size:15px;font-weight:600;margin-top:5px;overflow-wrap:anywhere}.pub-url{font-size:12px;color:var(--lf-color-muted);overflow-wrap:anywhere}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.author-nav{display:grid;gap:7px;max-height:52vh;overflow-y:auto;padding:3px}.author-button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:10px;border:1px solid transparent;border-radius:10px;min-height:60px;color:var(--lf-color-text);background:transparent}.author-button:hover{background:var(--lf-color-card)}.author-button[aria-current=true]{background:var(--lf-color-card);border-color:var(--lf-color-border);box-shadow:0 2px 3px var(--lf-color-shadow)}.avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:var(--lf-product-soft);color:var(--lf-product-accent);font-size:12px;font-weight:700;object-fit:cover}.author-meta{min-width:0}.author-meta strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}.author-meta small{font-size:10px;color:var(--lf-color-muted)}.sidebar-link{width:100%;display:flex;align-items:center;gap:9px;background:none;border:0;border-radius:8px;color:var(--lf-color-text);font-size:12px;font-weight:500;min-height:42px;text-decoration:none;padding:10px}.sidebar-link:hover{background:var(--lf-color-card)}.sidebar-bottom{margin-top:auto}.workspace-footer{font-size:11px;color:var(--lf-color-muted);padding-top:25px;border-top:1px solid var(--lf-color-border)}.footer-links{display:flex;flex-wrap:wrap;gap:7px 13px;margin-top:8px}.footer-links a{color:inherit;text-decoration:none}.editor-area{padding:32px clamp(20px,3vw,44px);min-width:0}.editor-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:26px}.editor-top h1{margin-top:5px}.editor-title{display:flex;gap:16px;align-items:center}.editor-title .avatar{height:48px;width:48px;font-size:17px}.state-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;border:1px solid var(--lf-color-border);border-radius:30px;padding:5px 10px;min-height:29px;background:var(--lf-color-soft);color:var(--lf-color-text)}.state-pill[data-state=unsaved]{border-style:dashed}.state-pill[data-state=error],.error-message{color:var(--lf-color-error-text);background:var(--lf-color-error-bg)}.editor-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.editor-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(340px,1.03fr);gap:28px;align-items:start}.editor-panel{min-width:0}.tabs{display:flex;border-bottom:1px solid var(--lf-color-border);gap:22px;margin-bottom:24px;overflow:auto}.tab{flex-shrink:0;border:0;border-bottom:2px solid transparent;background:none;color:var(--lf-color-muted);font-weight:600;font-size:12px;padding:12px 1px 14px}.tab[aria-selected=true]{border-bottom-color:var(--lf-product-accent);color:var(--lf-product-accent)}.form-section{border:1px solid var(--lf-color-border);border-radius:14px;background:var(--lf-color-card);padding:24px;margin-bottom:20px}.section-heading{display:flex;gap:12px;align-items:center;margin-bottom:21px}.section-number{font-size:10px;color:var(--lf-product-accent);background:var(--lf-product-soft);height:25px;width:25px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700}.section-heading h2{font-size:16px}.field{display:block;margin-top:20px}.field:first-child{margin-top:0}.field>span,.field-label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.field input:not([type=checkbox]),.field select,.field textarea,.link-row input{width:100%;min-width:0;min-height:46px;border:1px solid var(--lf-color-input-border);border-radius:8px;background:var(--lf-color-field);color:var(--lf-color-text);padding:11px 12px;box-shadow:var(--lf-shadow-field);font-size:13px}.field textarea{resize:vertical;min-height:110px;line-height:1.65}.field textarea.code{font-family:var(--lf-type-family-mono);font-size:12px;min-height:120px}.field .help{display:block;margin-top:8px;font-weight:400}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.field-grid>.field{margin-top:20px}.field-grid>.field:first-child{margin-top:20px}.link-rows{display:grid;gap:10px}.link-row{display:grid;grid-template-columns:.8fr 1.2fr 32px;gap:7px;align-items:center}.link-row .remove-link{width:30px;min-height:38px;padding:0;border:0;background:none;color:var(--lf-color-muted);font-size:18px}.link-row input{font-size:12px;padding:9px;min-height:40px}.add-link{margin-top:12px}.checkbox-row{display:flex;align-items:flex-start;gap:11px;margin-top:20px;font-size:13px}.checkbox-row input{accent-color:var(--lf-product-accent);width:18px;height:18px;flex-shrink:0;margin:2px 0 0}.checkbox-row strong{font-size:12px;display:block;font-weight:600}.checkbox-row small{display:block;font-size:12px;color:var(--lf-color-muted);margin-top:4px}.preview-panel{position:sticky;top:113px;min-width:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.preview-toolbar h2{font-size:13px}.viewport-buttons{display:flex;border:1px solid var(--lf-color-border);border-radius:8px;padding:3px;background:var(--lf-color-rail)}.viewport-buttons button{border:0;background:none;color:var(--lf-color-muted);font-size:11px;padding:5px 9px;min-height:30px;border-radius:5px}.viewport-buttons button[aria-pressed=true]{background:var(--lf-color-card);color:var(--lf-color-text);box-shadow:0 1px 2px var(--lf-color-shadow)}.preview-frame-wrap{height:calc(100vh - 238px);min-height:440px;max-height:900px;border:1px solid var(--lf-color-border);border-radius:14px;background:var(--lf-color-rail);padding:7px;display:flex;justify-content:center;overflow:auto;box-shadow:0 9px 30px var(--lf-color-shadow)}.preview-frame-wrap iframe{border:0;background:#fff;width:100%;height:100%;border-radius:8px;transition:width 200ms}.preview-frame-wrap[data-viewport=mobile] iframe{width:375px;max-width:100%}.preview-note{margin-top:12px;font-size:11px;color:var(--lf-color-muted)}.preview-empty{display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;color:var(--lf-color-muted);padding:24px}.inline-notice{border:1px solid var(--lf-color-border);background:var(--lf-color-rail);border-radius:10px;padding:14px 16px;font-size:12px;margin-top:16px}.inline-notice p{margin-top:5px}.inline-notice.warning{border-color:var(--lf-color-warning-text);color:var(--lf-color-warning-text);background:var(--lf-color-warning-bg)}.inline-notice.error{border-color:var(--lf-color-error-text);color:var(--lf-color-error-text);background:var(--lf-color-error-bg)}.onboarding{max-width:950px;margin:auto;padding:50px 28px}.onboarding-heading{max-width:600px;margin-bottom:32px}.onboarding-heading h1{font-size:38px;margin-top:12px;font-weight:500}.setup-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:25px;align-items:start}.setup-aside{padding:25px;border-left:1px solid var(--lf-color-border)}.setup-aside h2{font-size:14px}.setup-aside ol{padding-left:17px;font-size:12px;color:var(--lf-color-muted);line-height:1.8}.setup-aside li{margin-bottom:13px}.setup-aside a{overflow-wrap:anywhere}.steps{display:flex;gap:9px;align-items:center;margin-bottom:25px;font-size:11px;color:var(--lf-color-muted)}.steps span{display:flex;align-items:center;gap:6px}.steps b{font-size:10px;width:22px;height:22px;border-radius:50%;border:1px solid var(--lf-color-border);display:flex;align-items:center;justify-content:center}.steps .active{color:var(--lf-product-accent);font-weight:600}.steps .active b{background:var(--lf-product-soft);border-color:var(--lf-product-accent)}.steps .line{height:1px;flex:1;background:var(--lf-color-border)}.setup-actions{display:flex;gap:10px;margin-top:25px;align-items:center;justify-content:space-between}.empty-state{padding:60px 20px;text-align:center}.empty-state p{max-width:50ch;margin:12px auto 24px;color:var(--lf-color-muted)}.empty-icon{width:55px;height:55px;border:1px solid var(--lf-color-border);border-radius:16px;background:var(--lf-color-card);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--lf-product-accent);margin:0 auto 20px}.settings-panel{max-width:880px}.settings-panel>h1{margin-bottom:12px}.settings-panel>.muted{margin-bottom:25px}.file-zone{border:1px dashed var(--lf-color-input-border);border-radius:10px;background:var(--lf-color-field);padding:20px;margin-top:18px}.file-zone input{max-width:100%;font-size:12px;margin-top:12px}.file-zone label{font-size:12px;font-weight:600}.release-list{margin-top:18px;display:grid;gap:10px}.release-row{padding:13px;border:1px solid var(--lf-color-border);border-radius:9px;display:flex;flex-wrap:wrap;gap:5px 20px;align-items:center;justify-content:space-between;font-size:12px}.release-row small{color:var(--lf-color-muted)}.mobile-preview-toggle{display:none}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:60;max-width:calc(100vw - 36px);width:max-content;padding:14px 20px;border:1px solid var(--lf-color-border);border-radius:12px;background:var(--lf-color-tooltip);color:var(--lf-color-text);box-shadow:var(--lf-shadow-popover);font-size:13px}.toast[data-error=true]{color:var(--lf-color-error-text)}.dialog{border:1px solid var(--lf-color-border);border-radius:18px;background:var(--lf-color-card);color:var(--lf-color-text);box-shadow:var(--lf-shadow-popover);padding:30px;max-width:min(500px,calc(100vw - 32px));width:100%}.dialog::backdrop{background:#1116}.dialog h2{font-size:21px}.dialog p{font-size:14px;color:var(--lf-color-muted);margin-top:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.bottom-save{display:none}.main-footer{font-size:11px;color:var(--lf-color-muted);max-width:1140px;padding:30px;margin:0 auto;display:flex;gap:15px;justify-content:space-between;border-top:1px solid var(--lf-color-border)}.main-footer .footer-links{margin:0}.landing{max-width:1140px;margin:0 auto;padding:60px 30px}.landing .welcome-grid{gap:70px}.landing .eyebrow{color:var(--lf-product-accent)}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:60px 0 40px}.capability-card{padding:25px;background:var(--lf-color-card);border:1px solid var(--lf-color-border);border-radius:14px}.capability-card h2{font-size:16px}.capability-card p{font-size:13px;color:var(--lf-color-muted)}.landing-bottom{border-top:1px solid var(--lf-color-border);padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.landing-bottom p{font-size:13px;max-width:65ch;margin-top:0;color:var(--lf-color-muted)}
@media(min-width:1600px){.workspace{grid-template-columns:264px minmax(0,1fr)}.editor-area{padding:38px 50px}.editor-grid{gap:40px;grid-template-columns:minmax(380px,.85fr) minmax(450px,1.15fr)}}
@media(max-width:1180px){.workspace{grid-template-columns:210px minmax(0,1fr)}.editor-grid{grid-template-columns:minmax(0,1fr)}.preview-panel{position:static}.preview-frame-wrap{height:650px}.mobile-preview-toggle{display:inline-flex}.preview-panel[data-mobile-hidden=true]{display:none}.editor-actions{max-width:300px}.editor-area{padding:26px 23px}.form-section{padding:22px}.sidebar{padding:24px 13px}.editor-top{gap:15px}}
@media(max-width:800px){.welcome-grid,.landing .welcome-grid{grid-template-columns:1fr;gap:45px}.welcome{padding-top:40px}.welcome-grid>div:first-child{max-width:600px}.sample-page{max-width:500px;width:100%;margin:auto}.welcome-features,.capability-grid{grid-template-columns:1fr;gap:20px;margin-top:40px}.welcome-features{padding-top:25px}.setup-grid{grid-template-columns:1fr}.setup-aside{border-left:0;border-top:1px solid var(--lf-color-border);padding:25px 0}.workspace{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding:22px 10px}.editor-area{padding:24px 18px}.editor-top{flex-direction:column}.editor-actions{justify-content:flex-start;max-width:none}.header-context{display:none}.app-header{gap:18px;padding:14px 22px}.landing-bottom{flex-direction:column;align-items:flex-start}.main-footer{flex-wrap:wrap}}
@media(max-width:639px){.app-header{min-height:72px;padding:12px 18px;gap:10px}.brand img.wordmark-full{display:none}.brand img.wordmark-short.light-mark{display:block!important}[data-lf-theme=dark] .brand img.wordmark-short.light-mark{display:none!important}[data-lf-theme=dark] .brand img.wordmark-short.dark-mark{display:block!important}.brand img{height:36px}.header-actions{gap:12px}.header-actions .compact{min-height:38px;padding:7px 10px;font-size:12px}.workspace{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--lf-color-border);padding:18px;gap:15px}.sidebar-pub{display:flex;gap:12px;align-items:center;justify-content:space-between}.sidebar-pub .eyebrow{display:none}.publication-name{font-size:13px;margin:0}.pub-url{font-size:11px}.sidebar-heading{margin-bottom:7px}.author-nav{display:flex;overflow-x:auto;max-height:none;gap:6px;padding:3px 3px 8px}.author-button{width:auto;flex-shrink:0;min-height:53px;max-width:220px;padding:7px 10px}.author-meta strong{font-size:11px;white-space:normal}.author-meta small{font-size:10px}.author-button .avatar{width:30px;height:30px}.sidebar-bottom{display:none}.sidebar-mobile-links{display:flex;gap:12px}.sidebar-mobile-links .sidebar-link{font-size:11px;padding:5px 0;min-height:35px;width:auto}.editor-area{padding:25px 18px 35px}.editor-top{gap:17px;margin-bottom:18px}.editor-title{gap:11px}.editor-title h1{font-size:25px}.editor-title .avatar{width:40px;height:40px}.editor-actions{width:100%;gap:8px}.editor-actions .button{font-size:12px;flex:1;padding:9px 11px}.editor-actions .state-pill{width:100%;flex:none;justify-content:center}.tabs{gap:23px;margin-bottom:20px}.tab{font-size:11px}.form-section{padding:20px 17px;border-radius:12px}.field-grid{grid-template-columns:1fr;gap:0}.link-row{grid-template-columns:minmax(0,.7fr) minmax(0,1fr) 25px;gap:5px}.link-row .remove-link{width:25px}.preview-frame-wrap{height:620px;min-height:450px}.preview-toolbar{flex-wrap:wrap}.welcome,.landing{padding:35px 20px 25px}.welcome h1,.landing h1{font-size:40px}.lead{font-size:15px;margin:20px 0}.welcome .button{font-size:12px}.sample-content{padding:42px 23px 20px}.sample-content h2{font-size:25px}.sample-label{padding-left:23px}.sample-page{transform:none}.onboarding{padding:32px 18px}.onboarding-heading h1{font-size:31px}.setup-actions{flex-wrap:wrap}.steps{gap:6px;font-size:10px}.steps b{width:20px;height:20px}.setup-actions .button{font-size:12px}.dialog{padding:24px}.dialog-actions{flex-wrap:wrap}.dialog-actions .button{flex:1;font-size:12px}.main-footer{padding:25px 20px}.toast{bottom:16px;font-size:12px}.capability-grid{margin-top:35px}.capability-card{padding:23px}.loading-state{min-height:65vh}.settings-panel h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.sample-page{transform:none}}

@media(max-width:639px){.marketing-header{flex-wrap:wrap;align-items:center}.marketing-header .header-actions{display:contents}.marketing-header .lf-theme-toggle{margin-left:auto}.marketing-header .header-actions>.button{width:calc(50% - 5px);max-width:calc(50% - 5px);flex:none;justify-content:center;margin-top:3px}}

.release-review{width:100%;font-size:12px;line-height:1.65;color:var(--lf-color-warning-text);background:var(--lf-color-warning-bg);border:1px solid var(--lf-color-warning-border);border-radius:8px;padding:14px;margin-top:8px}.release-review a{color:inherit}.release-review p:first-child{margin-top:0}

.workspace+.main-footer{display:none}@media(max-width:639px){.workspace+.main-footer{display:flex;flex-direction:column;gap:12px;margin:0 18px;padding:25px 0}.preview-panel{scroll-margin-top:95px}}
