@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/fraunces-vietnamese-wght-normal.0i7lhkw2ij3q1.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/fraunces-latin-ext-wght-normal.0t2awsxbm3c7a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/fraunces-latin-wght-normal.1v4l5w6-86t-v.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/source-sans-3-cyrillic-ext-wght-normal.33w7g65vd3xz5.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/source-sans-3-cyrillic-wght-normal.2rcjvmmvk3bh-.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/source-sans-3-greek-ext-wght-normal.40-hzj_rqvbfk.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/source-sans-3-greek-wght-normal.0vfp1ugcsto3b.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/source-sans-3-vietnamese-wght-normal.0bv79zydc9idm.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/source-sans-3-latin-ext-wght-normal.1zvx38bd_81k2.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/source-sans-3-latin-wght-normal.319-552wy8l00.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f8f5ec;--desk:#eee9dd;--rule:#d4cdbf;--ink:#23251f;--muted:#5c5f53;--accent:#2346b4;--issue:#a43c26;--wash:#e5ebfa;--radius:6px;--body:"Source Sans 3 Variable", "Noto Sans SC", system-ui, sans-serif;--display:"Fraunces Variable", Georgia, serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:17px/1.5 var(--body);margin:0}::selection{background:var(--wash)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}img{max-width:100%}h1,h2,h3,p,figure{margin:0}a{color:var(--accent);text-underline-offset:4px}button,input,select{font:inherit}button,summary{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}input,select{border-radius:var(--radius);width:100%;min-width:0;color:var(--ink);background:#fffdf8;border:1px solid #a59d8c;padding:8px 10px}label{gap:5px;font-weight:600;display:grid}hr{border:0;border-top:1px solid var(--rule);margin:22px 0}.sr-only,.skip:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:5;background:#fff;padding:8px;position:absolute;top:8px;left:8px}.brand{color:var(--ink);align-items:center;gap:9px;font-size:25px;font-weight:750;line-height:1.2;text-decoration:none;display:inline-flex}.brand img{flex:none}.site-header,.site-footer{justify-content:space-between;align-items:center;gap:20px;margin-inline:max(24px,50% - 712px);padding:18px 0;display:flex}.site-header{border-bottom:1px solid var(--rule)}.site-footer{border-top:1px solid var(--rule)}.site-header nav,.site-footer nav{align-items:center;gap:clamp(13px,2.6vw,38px);display:flex}.site-header nav a,.site-footer nav a,.feature-menu summary{color:var(--ink);text-decoration:none}.site-header nav a:hover,.site-footer nav a:hover{text-decoration:underline}.site-header nav .accent{color:var(--accent);font-weight:650}.feature-menu{position:relative}.feature-menu summary{align-items:center;gap:4px;list-style:none;display:flex}.feature-menu>div{z-index:4;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);min-width:196px;padding:6px;display:grid;position:absolute;right:0}.feature-menu a{padding:7px 10px}.landing{max-width:1472px;margin:0 auto;padding:0 24px}.hero{border-bottom:1px solid var(--rule);grid-template-columns:46% 54%;align-items:center;min-height:570px;display:grid}.hero-copy{z-index:1;padding:44px 14px 44px 4px;position:relative}.hero h1{font:650 clamp(44px,5.1vw,77px)/1.01 var(--display);letter-spacing:-.037em;text-wrap:balance;max-width:14ch}.hero p{max-width:36ch;margin:25px 0 28px;font-size:clamp(18px,2vw,24px)}.home-image-picker{max-width:510px}.home-dropzone{border:1px dashed var(--accent);border-radius:var(--radius);background:var(--desk);width:100%;min-height:132px;color:var(--accent);cursor:pointer;align-content:center;place-items:center;gap:10px;padding:18px;display:grid}.home-dropzone>*{pointer-events:none}.home-dropzone strong{font-size:19px;line-height:1.25}.home-dropzone:hover,.home-dropzone[data-dragging=true]{background:var(--wash)}.home-upload-help,.home-upload-links{color:var(--muted);font-size:15px}.home-upload-help{margin-top:8px}.home-upload-error{color:var(--issue);margin-top:8px;font-weight:650}.home-upload-links{flex-wrap:wrap;align-items:center;gap:6px 20px;margin-top:13px;display:flex}.hero-art img{object-fit:contain;width:100%;height:auto;display:block}.actions{flex-wrap:wrap;align-items:center;gap:14px 23px;display:flex}.button{background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:var(--radius);text-align:center;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 17px;font-weight:650;line-height:1.2;text-decoration:none;display:inline-flex}.button:not(:disabled):hover{background:#17348e}.button.secondary{color:var(--accent);background:0 0}.button.secondary:not(:disabled):hover{background:var(--wash)}.tool-list{grid-template-columns:1fr 1fr;gap:0 28px;display:grid}.tool-list a{border-bottom:1px solid var(--rule);grid-template-columns:1fr auto;gap:0 20px;padding:15px 3px;text-decoration:none;display:grid}.tool-list a:nth-child(-n+2){border-top:1px solid var(--rule)}.tool-list p{color:var(--muted);grid-column:1}.read-page,.shell{max-width:min(880px,100% - 44px);min-height:54vh;margin:auto;padding:58px 0 72px}.read-page h1,.shell h1{font:640 clamp(37px,5vw,60px)/1.06 var(--display);letter-spacing:-.034em;margin-bottom:18px}.read-page p,.shell p{max-width:65ch;margin-bottom:17px}.read-page>.actions{margin-top:22px}.stack{align-content:start;gap:14px;display:grid}.muted{color:var(--muted)}.field-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.calculator{max-width:700px;margin:30px 0 0}.size-results{border-block:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:18px;margin:24px 0;padding:16px 0;display:grid}.size-results dd{font-variant-numeric:tabular-nums;margin:0;font-size:25px;font-weight:700}.studio{background:var(--paper);min-height:100dvh}.studio-header,.studio-toolbar,.studio-footer{background:var(--paper);border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:8px 15px;padding:9px 18px;display:flex}.studio-header .brand{font-size:19px}.title-input{max-width:195px;display:block}.title-input input{background:0 0;border-color:#0000;padding:4px 6px;font-weight:650}.title-input input:hover{border-color:var(--rule)}.save-state{color:var(--muted);font-size:14px}.header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.studio-toolbar{padding-block:4px}.studio-toolbar select{width:auto}.tab,.text-button,.icon-button{color:var(--ink);border-radius:var(--radius);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:5px 10px;text-decoration:none;display:inline-flex}.tab[aria-pressed=true],.icon-button[aria-pressed=true]{background:var(--wash);color:var(--accent);font-weight:700}.text-button{color:var(--accent)}.tab:not(:disabled):hover,.text-button:not(:disabled):hover,.icon-button:hover{background:var(--wash)}.editor-layout{grid-template-columns:55px minmax(0,1fr) minmax(260px,22%);min-height:calc(100dvh - 170px);display:grid}.tool-rail{border-right:1px solid var(--rule);align-content:start;gap:4px;padding:10px 6px;display:grid}.icon-button{min-width:39px;padding:5px}.chart-desk{background:var(--desk);place-items:start center;max-height:86vh;padding:18px;display:grid;overflow:auto}.canvas-wrap{min-width:160px;max-width:none}.chart-canvas{width:100%;height:auto;display:block}.chart-canvas.interactive{touch-action:none;cursor:crosshair;max-width:min(100%,90vh);margin:0 auto}.inspector{border-left:1px solid var(--rule);max-height:86vh;padding:14px 18px;overflow:auto}.inspector-tabs{border-bottom:1px solid var(--rule);gap:8px;margin-bottom:13px;padding-bottom:7px;display:flex}.inspector h2{font-size:23px;line-height:1.15}.cleanup p{margin-bottom:12px}.cleanup>select{border-color:var(--issue)}.before-after{text-align:center;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;font-size:14px;display:grid}.mini-grid{aspect-ratio:1;background:#8c8272;border:1px solid #8c8272;grid-template-columns:repeat(5,1fr);gap:1px;display:grid}.mini-grid span{background:#fffbf0}.full{width:100%}.palette-list{margin:12px 0 0;padding:0;list-style:none}.palette-list li{border-top:1px solid var(--rule)}.palette-list button,.palette-list li>div{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:22px 20px 1fr auto;align-items:center;gap:9px;padding:7px;display:grid}.palette-list button[aria-pressed=true]{background:var(--wash)}.palette-list i{aspect-ratio:1;border:1px solid #8c8272;border-radius:3px}.studio-footer{border-block:1px solid var(--rule);font-size:15px}.studio-status{background:var(--wash);align-items:center;gap:14px;padding:4px 18px;display:flex}.import-empty{text-align:center;align-self:center;justify-items:center;gap:14px;max-width:420px;padding:24px 6px;display:grid}.import-empty svg{color:var(--accent)}.import-sheet{grid-template-columns:1.2fr 1fr;align-items:start;gap:20px;width:100%;display:grid}.import-sheet img{object-fit:contain;width:100%;max-height:62vh}.import-sheet>div{gap:12px;display:grid}.proof-layout{grid-template-columns:144px minmax(0,1fr) minmax(235px,22%);min-height:calc(100dvh - 64px);display:grid}.proof-pages{background:var(--desk);border-right:1px solid var(--rule);flex-direction:column;align-items:stretch;gap:4px;padding:16px 9px;display:flex}.proof-area{background:var(--desk);padding:20px clamp(12px,4vw,58px)}.proof-area h1{margin-bottom:13px;font-size:29px}.paper{border:1px solid var(--rule);background:#fff;max-width:720px;margin-inline:auto;padding:clamp(12px,3vw,38px)}.paper h2{font-size:24px}.paper p{color:var(--muted);margin-bottom:10px}.proof-settings label{margin-bottom:14px}.checks{margin:11px 0 22px;padding:0;list-style:none}.checks li{padding:5px 0 5px 24px;position:relative}.checks li:before{content:"";border:solid var(--accent);border-width:0 0 2px 2px;width:9px;height:5px;position:absolute;top:13px;left:2px;transform:rotate(-45deg)}.dialog{background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:10px;width:100%;max-width:min(500px,100% - 28px);max-height:90vh;padding:23px}.dialog::backdrop{background:#23251f70}.dialog .dialog-head{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.dialog form,.dialog .account-content{gap:14px;display:grid}.dialog h2{font-size:24px}@media (max-width:900px){.site-header,.site-footer{flex-wrap:wrap;align-items:flex-start}.site-header nav,.site-footer nav{flex-wrap:wrap}.hero{grid-template-columns:1fr 1fr;min-height:0}.editor-layout{grid-template-columns:49px minmax(0,1fr)}.editor-layout .inspector{border-left:0;border-top:1px solid var(--rule);grid-column:1/-1;max-height:none}.before-after{max-width:290px}.proof-layout{grid-template-columns:1fr}.proof-pages{white-space:nowrap;flex-direction:row;padding:8px;overflow-x:auto}.proof-settings{border-left:0}}@media (max-width:620px){.site-header,.site-footer{gap:12px;margin-inline:16px;padding:13px 0}.site-header nav a,.site-header summary{align-items:center;min-height:37px;display:flex}.landing{padding:0 16px}.hero{grid-template-columns:1fr}.hero-copy{padding:29px 0 8px}.hero h1{font-size:clamp(37px,10.5vw,55px)}.hero p{margin:16px 0}.hero-art{margin-block:9px 10px}.read-page,.shell{padding-block:36px}.studio-header,.studio-toolbar,.studio-footer{gap:4px 8px;padding-inline:8px}.header-actions{margin-left:0}.chart-desk{padding:6px}.import-sheet{grid-template-columns:1fr}.import-sheet img{max-height:200px}.field-grid{gap:9px}.size-results dd{font-size:20px}.feature-menu>div{left:0;right:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.account-content{gap:13px;max-width:520px;display:grid}.account-content form{gap:12px;display:grid}.offer-row{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-block:12px;display:flex}.hero-art figcaption{color:var(--muted);text-align:right;padding:6px 4px 12px;font-size:14px}.home-section{border-bottom:1px solid var(--rule);padding:clamp(38px,6vw,78px) 4px}.home-section h2{font:625 clamp(29px, 4vw, 53px)/1.08 var(--display);letter-spacing:-.028em;text-wrap:balance}.section-heading{max-width:850px;margin-bottom:clamp(24px,4vw,46px)}.section-heading p{color:var(--muted);max-width:62ch;margin-top:13px;font-size:19px}.home-example{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:clamp(22px,5vw,72px);display:grid}.home-example+.home-example{border-top:1px solid var(--rule);margin-top:clamp(24px,4vw,50px);padding-top:clamp(24px,4vw,50px)}.example-plates{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(7px,2vw,18px);display:grid}.example-plates figure{min-width:0}.example-plates img{aspect-ratio:1;border:1px solid var(--rule);background:var(--desk);width:100%;height:auto;display:block}.example-plates figcaption{border-bottom:1px solid var(--rule);color:var(--muted);padding:8px 0;font-size:14px;line-height:1.3}.example-copy{align-content:center;gap:11px;display:grid}.example-copy h3{font:640 clamp(25px, 3vw, 41px)/1.09 var(--display);letter-spacing:-.025em}.example-copy p{max-width:47ch}.example-label{color:var(--muted);font-size:15px}.example-spec{font-size:15px;font-weight:650}.example-copy .actions{gap:10px;margin-top:3px}.proof-link{justify-self:start}.workflow-section{background:var(--desk);padding-inline:clamp(16px,4vw,52px)}.home-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px clamp(18px,4vw,48px);margin:0;padding-left:1.4em;display:grid}.home-steps li{padding-left:5px}.home-steps li::marker{color:var(--accent);font-weight:700}.home-steps h3{margin-bottom:8px;font-size:21px;line-height:1.2}.home-steps p{max-width:43ch}.tool-list a:hover{background:var(--desk)}.tool-list svg{grid-area:1/2/3;align-self:center}.faq-section{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:12px clamp(18px,5vw,68px);display:grid}.faq-list{border-top:1px solid var(--rule)}.faq-list details{border-bottom:1px solid var(--rule)}.faq-list summary{justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:14px 2px;font-size:19px;font-weight:650;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:hover{color:var(--accent)}.faq-list summary svg{color:var(--accent);flex-shrink:0}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list p{max-width:66ch;padding:0 31px 16px 2px}.home-closing{background:var(--desk);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 32px;padding-inline:clamp(16px,4vw,52px);display:flex}.home-closing p{margin-top:10px}@media (max-width:760px){.home-example,.faq-section,.home-steps,.tool-list{grid-template-columns:1fr}.tool-list a:nth-child(2){border-top:0}.faq-section .section-heading{margin-bottom:4px}}