:root{font-synthesis:none;text-rendering:optimizelegibility;font-family:Avenir Next,Avenir,Noto Sans SC,PingFang SC,ui-sans-serif,sans-serif}*{box-sizing:border-box}html{background:#f3f0e8}body{min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{border:0}.studio-shell{--paper:#f3f0e8;--panel:#f8f6ef;--proof:#fffdf8;--ink:#171713;--muted:#62635d;--quiet:#62635d;--rule:#17171333;--rule-strong:#1717137a;--blue:#2457d6;--blue-soft:#e6ebfa;--magenta:#e44772;--yellow:#f0b429;--danger:#a13239;background:var(--paper);min-height:100dvh;color:var(--ink);isolation:isolate;position:relative;overflow-x:hidden}.studio-shell:before{z-index:-1;background-image:var(--paper-grain);opacity:.075;content:"";pointer-events:none;background-repeat:repeat;background-size:512px 512px;position:fixed;inset:0}.studio-shell[data-dark=true]{--paper:#151713;--panel:#191b17;--proof:#1e201c;--ink:#f0eee6;--muted:#b3b5ad;--quiet:#8b8e86;--rule:#f0eee62b;--rule-strong:#f0eee66b;--blue:#83a4f6;--blue-soft:#252d43;--magenta:#f07498;--yellow:#f3c650;--danger:#f28a8f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.studio-shell[data-dark=true]:before{filter:invert();opacity:.055}@media (prefers-color-scheme:dark){.studio-shell[data-appearance=system]{--paper:#151713;--panel:#191b17;--proof:#1e201c;--ink:#f0eee6;--muted:#b3b5ad;--quiet:#8b8e86;--rule:#f0eee62b;--rule-strong:#f0eee66b;--blue:#83a4f6;--blue-soft:#252d43;--magenta:#f07498;--yellow:#f3c650;--danger:#f28a8f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.studio-shell[data-appearance=system]:before{filter:invert();opacity:.055}}::selection{background:var(--blue);color:var(--proof)}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.skip-link{z-index:100;border:1px solid var(--ink);background:var(--proof);color:var(--ink);border-radius:4px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-header{z-index:5;border-bottom:1px solid var(--rule-strong);background:var(--paper);justify-content:space-between;align-items:center;gap:24px;min-height:60px;padding:8px 22px;display:flex;position:relative}.brand{min-width:max-content;color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.registration-mark{flex:none;width:36px;height:36px;display:block}.brand h1{letter-spacing:-.025em;margin:0;font-size:clamp(1.18rem,2vw,1.48rem);font-weight:760;line-height:1}.brand h1 span{color:var(--muted);font-weight:460}.header-tools,.pane-actions,.preview-tabs,.primary-actions{align-items:center;display:flex}.header-tools{gap:8px}.privacy-mark{border-right:1px solid var(--rule);min-height:38px;color:var(--ink);align-items:center;gap:8px;padding:0 12px;font-size:.8rem;display:flex}.status-dot{background:var(--blue);border-radius:50%;flex:none;width:8px;height:8px}.privacy-detail{color:var(--muted)}.action-button,.icon-text-button,.preview-tabs button,.theme-option,.tool-button{border:1px solid var(--rule-strong);min-height:38px;color:var(--ink);cursor:pointer;background:0 0;border-radius:6px;transition:background-color .14s ease-out,color .14s ease-out,border-color .14s ease-out}.action-secondary:hover,.icon-text-button:hover,.theme-option:hover,.tool-button:hover{border-color:var(--ink);background:var(--blue-soft)}button:disabled{cursor:not-allowed;opacity:.55}.icon-text-button{gap:7px;padding:0 11px;font-size:.8rem;text-decoration:none}.icon-text-button,.locale-select{align-items:center;display:inline-flex}.locale-select{border:1px solid var(--rule-strong);min-height:38px;color:var(--ink);border-radius:6px;gap:5px;padding-left:10px;transition:background-color .14s ease-out,border-color .14s ease-out;position:relative}.locale-select:focus-within,.locale-select:hover{border-color:var(--ink);background:var(--blue-soft)}.locale-select:focus-within{outline:2px solid var(--blue);outline-offset:3px}.locale-select select{appearance:none;min-height:36px;color:inherit;cursor:pointer;background:0 0;border:0;outline:0;padding:0 29px 0 2px;font-size:.8rem}.locale-select option{background:var(--panel);color:var(--ink)}.select-chevron{pointer-events:none;position:absolute;right:8px}.ui-icon{flex:none;display:block}.workspace{background:var(--paper);grid-template-columns:minmax(0,44fr) 80px minmax(0,49fr);height:calc(100dvh - 60px);min-height:630px;display:grid}.seo-content{border-top:1px solid var(--rule-strong);background:var(--paper);padding:clamp(68px,9vw,132px) clamp(22px,6vw,88px) clamp(82px,11vw,156px)}.seo-lead,.seo-section{width:min(100%,1180px);margin-left:auto;margin-right:auto}.seo-lead{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(38px,7vw,104px);display:grid}.seo-lead h2{letter-spacing:-.035em;text-wrap:balance;max-width:12ch;margin:0;font-size:clamp(2.4rem,5.4vw,4.8rem);font-weight:720;line-height:.98}.seo-intro{max-width:69ch;padding-top:.3rem}.seo-intro p{color:var(--muted);margin:0;font-size:clamp(1rem,1.5vw,1.14rem);line-height:1.76}.seo-intro p+p{margin-top:1.25rem}.seo-section{border-top:1px solid var(--rule-strong);margin-top:clamp(66px,9vw,118px);padding-top:22px}.seo-section-heading h3,.seo-section>h3{letter-spacing:-.028em;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(1.7rem,3.2vw,2.65rem);font-weight:700;line-height:1.08}.seo-section-heading{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,7vw,104px);display:grid}.seo-section-heading p{max-width:69ch;color:var(--muted);margin:0;line-height:1.72}.seo-proof-notes{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:42px;display:grid}.seo-proof-notes article{padding:26px 26px 30px 0}.seo-proof-notes article+article{border-left:1px solid var(--rule);padding-left:26px}.seo-content h4{letter-spacing:-.012em;margin:0 0 .7rem;font-size:1rem;font-weight:730;line-height:1.25}.faq-list p,.seo-content article p,.seo-workflow li p{max-width:69ch;color:var(--muted);margin:0;font-size:.94rem;line-height:1.7}.seo-style-ledger{border-top:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));margin:42px 0 0;display:grid}.seo-style-ledger>div{border-bottom:1px solid var(--rule);grid-template-columns:minmax(132px,.42fr) minmax(0,1fr);align-items:start;gap:20px;min-height:92px;padding:22px 22px 22px 0;display:grid}.seo-style-ledger>div:nth-child(2n){border-left:1px solid var(--rule);padding-left:22px;padding-right:0}.seo-style-ledger dt{color:var(--ink);align-items:center;gap:9px;font-size:.82rem;font-weight:730;display:flex}.seo-style-ledger dd{color:var(--muted);margin:0;font-size:.88rem;line-height:1.62}.seo-workflow ol{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);counter-reset:workflow;grid-template-columns:repeat(3,minmax(0,1fr));margin:42px 0 0;padding:0;list-style:none;display:grid}.seo-workflow li{counter-increment:workflow;padding:58px 28px 30px 0;position:relative}.seo-workflow li+li{border-left:1px solid var(--rule);padding-left:28px}.seo-workflow li:before{color:var(--blue);content:counter(workflow,decimal-leading-zero);font:700 .7rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;top:22px}.faq-list{border-top:1px solid var(--rule);margin-top:42px}.faq-list details{border-bottom:1px solid var(--rule)}.faq-list summary{min-height:58px;color:var(--ink);cursor:pointer;padding:18px 8px 18px 0;font-size:1rem;font-weight:680;line-height:1.35}.faq-list summary::marker{color:var(--blue)}.faq-list summary:hover{color:var(--blue)}.faq-list details p{padding:0 38px 24px 20px}.pane{background:color-mix(in srgb,var(--panel) 94%,transparent);flex-direction:column;min-width:0;min-height:0;display:flex}.pane-header{border-bottom:1px solid var(--rule);gap:14px;min-height:58px;padding:8px 14px}.pane-header,.pane-title{align-items:center;display:flex}.pane-title{gap:8px;min-width:max-content}.pane-title h2{letter-spacing:-.01em;margin:0;font-size:.96rem;font-weight:720}.plate-tag{color:#fff;letter-spacing:.02em;border-radius:3px;place-items:center;min-width:25px;height:20px;font:700 .64rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:inline-grid}.plate-tag-md{background:#2457d6}.plate-tag-html{background:#d83b6a}.source-header{justify-content:space-between}.pane-actions{gap:6px;min-width:0}.tool-button{align-items:center;gap:6px;padding:0 9px;font-size:.74rem;display:inline-flex}.tool-button-danger:hover{border-color:var(--danger);color:var(--danger);background:0 0}.editor-stage{flex:1;grid-template-columns:48px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.line-numbers{border-right:1px solid var(--rule);color:var(--quiet);background:color-mix(in srgb,var(--paper) 72%,transparent);text-align:right;-webkit-user-select:none;user-select:none;padding:20px 9px 34px 0;font:400 .82rem/1.68 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.line-numbers span{display:block}.markdown-editor{resize:none;width:100%;min-height:0;color:var(--ink);caret-color:var(--blue);tab-size:2;white-space:pre;background:0 0;border:0;outline:0;padding:20px 22px 36px;font:400 .88rem/1.68 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.markdown-editor:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}.pane-status{border-top:1px solid var(--rule);min-height:34px;color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:14px;padding:6px 12px;font-size:.67rem;display:flex}.file-state{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:auto;overflow:hidden}.registration-rail{z-index:2;border-left:1px solid var(--rule-strong);background:var(--paper);justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.rail-ruler,.registration-rail{border-right:1px solid var(--rule-strong)}.rail-ruler{background-image:repeating-linear-gradient(to bottom,transparent 0 9px,var(--rule-strong) 9px 10px,transparent 10px 19px);opacity:.72;background-repeat:repeat-y;background-size:11px 20px;width:21px;position:absolute;inset:0 auto 0 8px}.rail-ruler:after{background-image:repeating-linear-gradient(to bottom,transparent 0 4px,var(--rule) 4px 5px,transparent 5px 9px);content:"";width:8px;position:absolute;inset:0 0 0 auto}.rail-crosshair{width:100%;height:76px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.rail-crosshair:before{border-top:1px dashed var(--rule-strong);content:"";position:absolute;top:50%;left:0;right:0}.crosshair-rings,.registration-mini{border:1px solid var(--ink);border-radius:50%;width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-rings:after,.crosshair-rings:before,.registration-mini:after,.registration-mini:before{content:"";position:absolute}.crosshair-rings:before,.registration-mini:before{border-top:1px solid var(--ink);top:50%;left:-9px;right:-9px}.crosshair-rings:after,.registration-mini:after{border-left:1px solid var(--ink);top:-9px;bottom:-9px;left:50%}.rail-crosshair .crosshair-rings{box-sizing:border-box;background:var(--ink);box-shadow:inset 0 0 0 10px var(--panel),inset 0 0 0 11px var(--magenta);background-clip:content-box;padding:15px}.rail-html,.rail-md{position:absolute;top:calc(50% - 10px)}.rail-md{right:calc(50% + 27px)}.rail-html{left:calc(50% + 27px)}.rail-status{border:1px solid var(--rule-strong);background:var(--panel);min-width:max-content;color:var(--muted);border-radius:4px;padding:5px 7px;font:600 .61rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;top:59%}.ink-stack,.rail-status{position:absolute;left:50%;transform:translate(-50%)}.ink-stack{gap:8px;display:grid;top:68%}.ink{border:1px solid var(--rule);width:22px;height:22px;display:block}.ink-blue{background:#2457d6}.ink-magenta{background:#e44772}.ink-yellow{background:#f0b429}.ink-black{background:#171713}.registration-mini{width:20px;height:20px;top:auto;bottom:7%}.crop-corner{border-left:1px solid var(--rule-strong);width:24px;height:24px;position:absolute;left:50%;transform:translate(-50%)}.crop-corner:after{content:"";width:14px;position:absolute;left:0}.crop-corner-top,.crop-corner:after{border-top:1px solid var(--rule-strong)}.crop-corner-top{top:16px}.crop-corner-top:after{top:0}.crop-corner-bottom{border-bottom:1px solid var(--rule-strong);bottom:16px}.crop-corner-bottom:after{bottom:0}.proof-pane{background:color-mix(in srgb,var(--proof) 94%,transparent)}.proof-header{min-height:58px}.preview-tabs{border:1px solid var(--rule);border-radius:6px;gap:2px;margin-left:auto;padding:2px}.preview-tabs button{border-color:#0000;align-items:center;gap:6px;min-height:31px;padding:0 8px;font-size:.69rem;display:inline-flex}.preview-tabs button.active{border-color:var(--rule-strong);background:var(--panel);color:var(--blue)}.primary-actions{gap:6px}.action-button{justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:.73rem;font-weight:680;display:inline-flex}.action-primary{color:#fff;background:#2457d6;border-color:#2457d6}.action-primary:hover{background:#173fa8;border-color:#173fa8}.action-secondary{border-color:var(--blue);color:var(--blue)}.theme-selector{border:0;border-bottom:1px solid var(--rule);min-height:52px;margin:0;padding:7px 14px}.theme-selector-inner{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;display:grid}.theme-selector-label{color:var(--muted);margin-right:4px;font-size:.68rem;font-weight:700}.theme-options{overscroll-behavior-inline:contain;scrollbar-width:thin;gap:5px;min-width:0;padding:2px 0;display:flex;overflow-x:auto}.theme-option{min-height:32px;color:var(--muted);border-color:#0000;flex:none;align-items:center;gap:6px;padding:0 8px;font-size:.67rem;display:inline-flex}.theme-option.active{border-color:var(--ink);background:var(--panel);color:var(--ink)}.theme-ink{border:1px solid var(--rule-strong);background:var(--theme-color);width:13px;height:13px}.proof-stage{background:var(--proof);flex:1;min-height:0;position:relative;overflow:hidden}.proof-frame{transform-origin:top;border:0;display:block}.html-source,.proof-frame{background:var(--proof);width:100%;height:100%}.html-source{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;margin:0;padding:22px;font:400 .76rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.proof-status{justify-content:flex-start}.proof-status>:nth-child(2){margin-left:auto}.shortcut-hint{color:var(--quiet)}.drop-target{z-index:80;border:2px solid var(--blue);background:var(--paper);color:var(--ink);text-align:center;place-content:center;justify-items:center;gap:14px;display:grid;position:fixed;inset:14px}.drop-target .registration-mark{width:64px;height:64px}.drop-target strong{font-size:clamp(1rem,3vw,1.5rem)}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}*{scrollbar-width:thin;scrollbar-color:var(--rule-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--rule-strong);background-clip:padding-box;border:3px solid #0000}@keyframes paper-feed{0%{filter:blur();transform:translateY(0)}42%{filter:blur(.35px);transform:translateY(5px)}to{filter:blur();transform:translateY(0)}}.proof-frame.is-feeding{animation:.28s cubic-bezier(.16,1,.3,1) paper-feed}@media (width<=1240px){.appearance-label,.preview-tabs button span,.privacy-detail,.source-actions .tool-button span{display:none}.preview-tabs button,.source-actions .tool-button{justify-content:center;width:36px;padding:0}.workspace{grid-template-columns:minmax(0,43fr) 72px minmax(0,50fr)}.proof-header{gap:8px}.action-button{padding:0 9px}}@media (width<=940px){.workspace{grid-template-columns:1fr;height:auto;min-height:0}.source-pane{border-bottom:0;min-height:62dvh}.registration-rail{border:1px solid var(--rule-strong);border-left:0;border-right:0;min-height:74px}.rail-ruler{border-right:0;border-bottom:1px solid var(--rule-strong);background-image:repeating-linear-gradient(to right,transparent 0 9px,var(--rule-strong) 9px 10px,transparent 10px 19px);background-repeat:repeat-x;background-size:20px 11px;width:auto;height:20px;inset:8px 0 auto}.rail-ruler:after{background-image:repeating-linear-gradient(to right,transparent 0 4px,var(--rule) 4px 5px,transparent 5px 9px);width:auto;height:8px;inset:auto 0 0}.rail-crosshair{width:min(440px,72%);height:50px;top:59%}.crosshair-rings{width:36px;height:36px}.rail-status{top:42px;left:auto;right:12px;transform:none}.ink-stack{display:flex;top:42px;left:12px;transform:none}.ink{width:15px;height:15px}.crop-corner,.registration-mini{display:none}.proof-pane{min-height:78dvh}.seo-lead,.seo-section-heading{grid-template-columns:1fr;gap:26px}.seo-lead h2{max-width:14ch}.seo-proof-notes,.seo-workflow ol{grid-template-columns:1fr}.seo-proof-notes article,.seo-proof-notes article+article,.seo-workflow li,.seo-workflow li+li{border-left:0;padding-left:0;padding-right:0}.seo-proof-notes article+article,.seo-workflow li+li{border-top:1px solid var(--rule)}}@media (width<=680px){.app-header{gap:10px;min-height:56px;padding:7px 12px}.registration-mark{width:30px;height:30px}.brand{gap:7px}.brand h1{font-size:1rem}.privacy-mark{display:none}.icon-text-button{min-height:44px;padding:0 8px}.locale-select{min-height:44px}.locale-select select{min-height:42px;padding-right:27px}.preview-tabs button,.source-actions .tool-button{width:44px;min-height:44px}.pane-header{min-height:54px;padding:7px 10px}.source-header{align-items:center}.pane-title h2{font-size:.82rem}.editor-stage{grid-template-columns:40px minmax(0,1fr)}.line-numbers{padding-top:16px;font-size:.75rem}.markdown-editor{padding:16px 14px 30px;font-size:.81rem}.proof-status>:first-child,.shortcut-hint,.source-status>:nth-child(3),.source-status>:nth-child(4){display:none}.theme-selector{min-height:58px;padding:7px 10px}.theme-selector-label{margin-bottom:0}.theme-option{flex:none;justify-content:flex-start;min-height:44px}.proof-header{flex-wrap:wrap}.preview-tabs{margin-left:auto}.primary-actions{justify-content:stretch;width:100%}.action-button{flex:1;min-height:44px}.proof-pane{min-height:88dvh}.seo-content{padding-left:16px;padding-right:16px}.seo-style-ledger{grid-template-columns:1fr}.seo-style-ledger>div,.seo-style-ledger>div:nth-child(2n){border-left:0;min-height:0;padding:18px 0}.seo-style-ledger>div{grid-template-columns:118px minmax(0,1fr)}.faq-list details p{padding-left:0;padding-right:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}