@font-face{font-family:GeistWork;src:url(/fonts/geist.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:LibreWork;src:url(/fonts/libre-baskerville.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:GeistMonoWork;src:url(/fonts/geist-mono.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--color-paper:oklch(97% .012 100);--color-surface:oklch(99% .006 100);--color-ink:oklch(26% .02 155);--color-muted:oklch(45% .022 155);--color-line:oklch(82% .024 100);--color-soft:oklch(93% .02 100);--color-accent:oklch(39% .065 155);--color-accent-hover:oklch(32% .06 155);--color-tint:oklch(92% .032 155);--color-accent-ink:oklch(99% .006 100);--color-warning:oklch(41% .08 66);--color-warning-bg:oklch(94% .045 85);--color-error:oklch(44% .13 28);--color-error-bg:oklch(96% .025 28);--color-hole:oklch(48% .1 65);--color-focus:oklch(48% .17 260);--color-canvas:oklch(96% .009 100);--color-grid:oklch(87% .014 100);--color-clear:oklch(97% .012 100/0);--font-body:GeistWork, system-ui, sans-serif;--font-display:LibreWork, Georgia, serif;--font-data:GeistMonoWork, ui-monospace, monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-control:12px;--space-inset:20px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-display:40px;--text-display-s:36px;--radius-sm:3px;--radius-md:6px;--rule-thin:1px;--rule-bold:2px;--dur-short:.12s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}.page-jumps{gap:var(--space-sm) var(--space-lg);margin-top:var(--space-md);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.page-jumps a{padding:var(--space-xs) 0}.intro-svg .intro-aside{align-items:center;gap:var(--space-md);display:flex}.intro-svg .intro-aside img{width:72px;height:72px}.task-content{margin:var(--space-2xl) 0 var(--space-3xl)}.task-section{padding:var(--space-2xl) 0;border-top:var(--rule-thin) solid var(--color-line);scroll-margin-top:var(--space-xl)}.task-section p{max-width:70ch}.task-section>h2{max-width:28ch}.task-section figure{min-width:0;margin:0}.task-section figcaption{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-muted)}.format-choice,.dxf-specification,.dxf-case,.svg-case,.svg-file-answer,.calibration-section,.engineering-records,.scope-answer{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;display:grid}.format-options{gap:var(--space-lg);display:grid}.format-options>a{padding-bottom:var(--space-lg);border-bottom:var(--rule-thin) solid var(--color-line);text-decoration:none;display:block}.format-options h3{color:var(--color-ink)}.format-options p{color:var(--color-muted);margin-bottom:var(--space-sm)}.format-options span{text-underline-offset:var(--space-xs);text-decoration:underline}.gallery-pair{gap:var(--space-xl);margin-top:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.gallery-image,.case-image{background:var(--color-surface);padding:var(--space-lg);border:var(--rule-thin) solid var(--color-line);place-items:center;display:grid}.gallery-image{aspect-ratio:2}.gallery-image img{object-fit:contain;width:100%;height:100%;max-height:220px}.case-comparison{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.case-image{aspect-ratio:1}.case-image img{object-fit:contain;width:100%;height:auto;max-height:260px}.case-image-result{background:var(--color-tint)}.case-links{gap:var(--space-sm) var(--space-lg);margin-top:var(--space-md);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.case-links a{padding:var(--space-xs) 0;overflow-wrap:anywhere}.conversion-steps ol{gap:var(--space-xl);padding-left:var(--space-lg);margin:var(--space-xl) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));list-style:decimal;display:grid}.conversion-steps li{padding-left:var(--space-xs)}.conversion-steps li::marker{color:var(--color-accent);font-family:var(--font-data)}.conversion-steps li p{margin-bottom:0}.steps-dxf ol{gap:var(--space-lg);grid-template-columns:minmax(0,1fr);max-width:70ch}.steps-dxf{gap:var(--space-2xl);grid-template-columns:1fr 1.4fr;display:grid}.steps-dxf ol{margin:0}.output-spec{grid-template-columns:minmax(0,1fr);margin:0;display:grid}.output-spec dt{color:var(--color-muted);font-size:var(--text-sm);margin-top:var(--space-md)}.output-spec dd{margin:var(--space-xs) 0 0;padding-bottom:var(--space-md);border-bottom:var(--rule-thin) solid var(--color-line)}.dxf-case{align-items:center}.dxf-case.compact-case{max-width:760px;display:block}.svg-case{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center}.calibration-section{padding:var(--space-xl);margin:var(--space-lg) 0 var(--space-2xl);background:var(--color-soft);border-top:0}.import-figure img{width:100%;height:auto;display:block}.case-note{font-size:var(--text-sm);color:var(--color-muted)}.svg-file-answer pre{background:var(--color-soft);font:var(--text-sm)/1.7 var(--font-data);padding:var(--space-lg);white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;overflow-x:auto}.svg-file-answer code{font:inherit}.task-faq{gap:var(--space-2xl);grid-template-columns:1fr 1.4fr;display:grid}.task-faq details{border-bottom:var(--rule-thin) solid var(--color-line)}.task-faq summary{cursor:pointer;padding:var(--space-md) 0;min-height:44px;font-weight:600}.task-faq details p{padding:0 0 var(--space-md);margin:0}.task-end-links{gap:var(--space-md) var(--space-xl);padding-top:var(--space-xl);border-top:var(--rule-thin) solid var(--color-line);flex-wrap:wrap;display:flex}.task-end-links a{padding:var(--space-sm) 0}#workbench{scroll-margin-top:var(--space-lg)}@media (width<=900px){.intro-svg .intro-aside{display:none}.format-choice,.dxf-specification,.dxf-case,.svg-case,.svg-file-answer,.calibration-section,.engineering-records,.scope-answer,.steps-dxf,.task-faq,.conversion-steps ol{gap:var(--space-lg);grid-template-columns:minmax(0,1fr)}.task-section{padding:var(--space-xl) 0}.calibration-section{padding:var(--space-lg)}}@media (width<=520px){.gallery-pair{grid-template-columns:minmax(0,1fr)}.case-image{padding:var(--space-sm)}.case-image img{max-height:160px}.task-content{margin-top:var(--space-xl)}}.transparent-case{background-color:var(--color-surface);background-image:conic-gradient(var(--color-soft) 25%, transparent 0 50%, var(--color-soft) 0 75%, transparent 0);background-size:20px 20px}.transparent-case img{image-rendering:pixelated}.lightburn-guide li{margin-bottom:var(--space-md);max-width:70ch}.lightburn-guide>.task-section:first-child{padding-top:var(--space-lg)}.case-facts{gap:var(--space-md) var(--space-xl);margin:var(--space-lg) 0 var(--space-sm);flex-wrap:wrap;display:flex}.case-facts dt{font-size:var(--text-sm);color:var(--color-muted)}.case-facts dd{margin:var(--space-xs) 0 0;font-weight:600}.case-record{margin:var(--space-sm) 0}.case-record summary{cursor:pointer;min-height:44px;padding:var(--space-sm) 0;font-size:var(--text-sm)}.guide-article,.shell.guide-index{width:100%;min-width:0;max-width:70ch;padding-block:var(--space-xl) var(--space-3xl);overflow-wrap:anywhere;margin-inline:auto}.guide-article .guide-intro,.guide-index .guide-intro{margin:0 0 var(--space-xl);display:block}.guide-article .guide-intro h1,.guide-index .guide-intro h1{text-wrap:balance;max-width:100%}.guide-article .guide-intro .lede,.guide-index .guide-intro .lede{max-width:70ch;color:var(--color-muted)}.guide-answer{margin-block:0 var(--space-2xl);font-size:var(--text-lg);line-height:1.65}.guide-section{border-top:var(--rule-thin) solid var(--color-line);min-width:0;padding-block:var(--space-xl);scroll-margin-top:var(--space-xl)}.guide-section h2{margin-bottom:var(--space-lg)}.guide-section p{margin-block:var(--space-md)}.guide-steps,.guide-links,.guide-downloads,.guide-related ul{margin-block:var(--space-lg);padding-inline-start:var(--space-lg)}.guide-steps{list-style:decimal}.guide-steps>li{margin-block:var(--space-lg);padding-inline-start:var(--space-sm)}.guide-steps>li::marker{color:var(--color-accent);font-weight:650}.guide-steps h3{margin-block:0 var(--space-sm)}.guide-links li,.guide-downloads li,.guide-related li{margin-block:var(--space-control)}.guide-table-wrap{width:100%;min-width:0;max-width:100%;margin-block:var(--space-lg);overflow-x:auto}.guide-table-wrap:focus-visible{outline:var(--rule-bold) solid var(--color-focus);outline-offset:var(--space-xs)}.guide-table-wrap table{min-width:36rem;font-size:var(--text-base);line-height:1.55}.guide-table-wrap th,.guide-table-wrap td{min-width:9rem;padding:var(--space-md)}.guide-table-wrap caption{padding-block:0 var(--space-md);text-align:start;color:var(--color-muted);font-size:var(--text-sm)}.guide-figure{margin:var(--space-xl) 0}.guide-figure img{width:100%;height:auto;display:block}.guide-figure figcaption{margin-top:var(--space-sm);color:var(--color-muted);font-size:var(--text-sm);line-height:1.6}.guide-index-list{margin:0;padding:0;list-style:none}.guide-index-list>li{border-top:var(--rule-thin) solid var(--color-line);padding-block:var(--space-xl)}.guide-index-list h2{margin-bottom:var(--space-md)}.guide-index-list p{color:var(--color-muted);margin:0}:lang(zh) .guide-article,:lang(zh) .guide-index{line-height:1.8}@media (width<=600px){.guide-article,.shell.guide-index{padding-block:var(--space-lg) var(--space-2xl)}.guide-article h1,.guide-index h1{font-size:var(--text-2xl);line-height:1.25}.guide-answer{font-size:var(--text-base)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-paper);color:var(--color-ink);font:var(--text-base)/1.6 var(--font-body);margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:var(--color-clear)}a{color:var(--color-accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img,svg{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--font-display);font-weight:400;line-height:1.25}h1{font-size:var(--text-display);letter-spacing:-.03em;margin-bottom:var(--space-md)}h2{font-size:var(--text-2xl);letter-spacing:-.02em;margin-bottom:var(--space-lg)}h3{font-size:var(--text-lg);margin-bottom:var(--space-sm);font-weight:600;line-height:1.4}p{margin-bottom:var(--space-md)}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}button,a[role=button],.header a,.footer a{white-space:nowrap}.skip{z-index:5;background:var(--color-surface);padding:var(--space-control);position:absolute;top:-100px;left:16px}.skip:focus{top:16px}.draft-bar{background:var(--color-soft);font-size:var(--text-xs);padding:var(--space-sm) var(--space-lg);justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;display:flex}.draft-bar a{white-space:nowrap;font-weight:600}.shell{max-width:1360px;padding:0 var(--space-xl);margin:0 auto}.header{justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl) var(--space-xl);display:flex}.wordmark{align-items:center;gap:var(--space-sm);font-size:var(--text-base);color:var(--color-ink);font-weight:650;text-decoration:none;display:inline-flex}.wordmark svg{width:28px;height:28px}.header nav{gap:var(--space-lg);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.header nav a{color:var(--color-muted);text-decoration:none}.header nav a[aria-current=page]{color:var(--color-accent);text-decoration:underline}.page-intro{align-items:flex-start;gap:var(--space-xl);margin:var(--space-lg) 0 var(--space-xl);justify-content:space-between;display:flex}.page-intro h1{max-width:780px}.page-intro .lede{max-width:60ch;font-size:var(--text-base)}.intro-aside{max-width:280px;padding-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-muted);flex-shrink:0}.intro-aside p{margin:0}.home-intro h1{font-size:var(--text-display-s)}.home-intro .lede{margin-bottom:0}.mini-spec{align-items:center;gap:var(--space-md);color:var(--color-accent);display:flex}.mini-spec svg{flex-shrink:0;width:80px}.measure{font:var(--text-sm)/1.5 var(--font-data)}.button{border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);min-height:44px;color:var(--color-accent-ink);padding:var(--space-control) var(--space-md);line-height:1.3;font-size:var(--text-sm);justify-content:center;align-items:center;gap:var(--space-sm);white-space:nowrap;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-accent-hover);text-decoration:none}.button:active{transform:translateY(1px)}.button.secondary{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-line)}.button.secondary:hover{background:var(--color-soft)}.text-button{padding:var(--space-sm) 0;color:var(--color-accent);text-underline-offset:4px;font-size:var(--text-sm);background:0 0;border:0;text-decoration:underline}.tool-head{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);font-size:var(--text-sm);display:flex}.tool-head label{gap:var(--space-sm);align-items:center;display:flex}.tool-head select{background:var(--color-surface);border:1px solid var(--color-line);padding:var(--space-sm);font-size:var(--text-xs);border-radius:var(--radius-sm);max-width:150px}.workbench{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:240px minmax(0,1fr) 280px;min-height:480px;display:grid}.tool-input,.tool-result{padding:var(--space-lg);min-width:0}.tool-input{border-right:1px solid var(--color-line)}.tool-result{border-left:1px solid var(--color-line)}.panel-title{font:600 var(--text-sm)/1.4 var(--font-body);margin-bottom:var(--space-md)}.dropzone{justify-content:center;align-items:flex-start;gap:var(--space-sm);border:1px dashed var(--color-line);min-height:116px;padding:var(--space-md);background:var(--color-paper);margin-bottom:var(--space-md);flex-direction:column;display:flex}.dropzone strong{font-size:var(--text-sm);font-weight:500}.dropzone .button{min-height:36px;padding:var(--space-sm) var(--space-control)}.small{font-size:var(--text-xs);color:var(--color-muted);line-height:1.55}.tool-input .small{margin-bottom:var(--space-md)}.field{margin-top:var(--space-lg)}.field label,.field-label{font-size:var(--text-xs);margin-bottom:var(--space-sm);font-weight:600;display:block}.field .range-top{font-size:var(--text-xs);justify-content:space-between;display:flex}input[type=range]{width:100%;accent-color:var(--color-accent)}.check-label{align-items:flex-start;gap:var(--space-sm);font-size:var(--text-sm);margin-top:var(--space-md);display:flex}input[type=checkbox]{accent-color:var(--color-accent);margin-top:var(--space-xs)}.tool-input>.button{width:100%;margin-top:var(--space-lg)}.tool-canvas{flex-direction:column;min-width:0;display:flex}.view-tabs{gap:var(--space-sm);padding:var(--space-control) var(--space-md);border-bottom:1px solid var(--color-line);flex-wrap:wrap;display:flex}.view-tabs button{border:0;border-bottom:2px solid var(--color-clear);font-size:var(--text-xs);padding:var(--space-sm) 2px;white-space:nowrap;background:0 0}.view-tabs button[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent);font-weight:600}.canvas{background-color:var(--color-canvas);background-image:linear-gradient(var(--color-grid) 1px, var(--color-clear) 1px), linear-gradient(90deg, var(--color-grid) 1px, var(--color-clear) 1px);min-height:300px;padding:var(--space-lg);background-size:24px 24px;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.canvas svg{width:90%;max-height:300px;overflow:visible}.canvas-placeholder{text-align:center;max-width:230px;color:var(--color-muted);font-size:var(--text-sm)}.canvas-placeholder .sample-shape{margin-bottom:var(--space-md);opacity:.35}.canvas-meta{font-size:var(--text-xs);color:var(--color-muted);justify-content:space-between;gap:var(--space-sm);display:flex;position:absolute;bottom:12px;left:16px;right:16px}.canvas-tools{justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);border-top:1px solid var(--color-line);display:flex}.canvas-tools button{font-size:var(--text-xs);padding:var(--space-xs);color:var(--color-accent);background:0 0;border:0}.canvas-tools>div{align-items:center;gap:var(--space-sm);display:flex}.legend{gap:var(--space-md);padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);display:flex}.legend span{align-items:center;gap:var(--space-sm);display:flex}.legend i{border-top:2px solid var(--color-accent);width:14px;height:0}.legend i.hole{border-color:var(--color-hole);border-top-style:dashed}.size-heading{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}select,input[type=number]{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);padding:var(--space-sm);min-width:0}select{font-size:var(--text-sm)}.size-heading .panel-title{margin:0}.size-fields{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.size-fields label{font-size:var(--text-xs);gap:var(--space-xs);display:grid}.size-fields input{width:100%;font:var(--text-sm)/1.5 var(--font-data)}.size-fields input[aria-invalid=true]{border-color:var(--color-error)}.inspection{margin-top:var(--space-lg);border-top:1px solid var(--color-line);padding-top:var(--space-md)}.inspection ul{margin:0;padding:0;list-style:none}.inspection li{font-size:var(--text-xs);padding:var(--space-sm) 0;gap:var(--space-sm);display:flex}.inspection li:before{content:"—";color:var(--color-muted)}.inspection li.ok:before{content:"✓";color:var(--color-accent)}.inspection li.bad{color:var(--color-error)}.inspection li.bad:before{content:"×";color:var(--color-error)}.inspection li.unchecked{color:var(--color-muted)}.result-status{font-size:var(--text-xs);padding:var(--space-sm) var(--space-md);background:var(--color-soft);margin:var(--space-md) 0}.result-status.warning{background:var(--color-warning-bg);color:var(--color-warning)}.result-status.blocked,.result-status.failed{background:var(--color-error-bg);color:var(--color-error)}.download-row{gap:var(--space-sm);display:grid}.download-row .button{width:100%}.demo-message{font-size:var(--text-xs);color:var(--color-muted);margin:var(--space-sm) 0 0}.tool-footnote{font-size:var(--text-xs);margin:var(--space-sm) 0 var(--space-xl);color:var(--color-muted)}.rule{border:0;border-top:1px solid var(--color-line);margin:var(--space-xl) 0}.wide-section{margin:var(--space-3xl) 0}.section-row{gap:var(--space-3xl);padding:var(--space-xl) 0;border-top:1px solid var(--color-line);grid-template-columns:1fr 1.65fr;display:grid}.section-row p{max-width:65ch}.split{gap:var(--space-2xl);margin:var(--space-xl) 0;grid-template-columns:1fr 1fr;display:grid}.scope-list{padding-left:var(--space-inset)}.scope-list li{margin-bottom:var(--space-sm)}.facts{gap:var(--space-sm) var(--space-lg);font-size:var(--text-sm);grid-template-columns:150px 1fr;display:grid}.facts dt{color:var(--color-muted)}.facts dd{margin:0}.measure-strip{gap:var(--space-xl);padding:var(--space-lg) 0;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);font:var(--text-sm)/1.5 var(--font-data);flex-wrap:wrap;display:flex}.route-list{display:grid}.route-list a{justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-md) 0;border-bottom:1px solid var(--color-line);font-size:var(--text-lg);text-decoration:none;display:flex}.route-list small{font-size:var(--text-xs);color:var(--color-muted);font-weight:400}.note{padding:var(--space-md) var(--space-lg);background:var(--color-soft);font-size:var(--text-sm);margin:var(--space-lg) 0}.evidence{margin:var(--space-lg) 0;padding:var(--space-lg);border:1px dashed var(--color-line);font-size:var(--text-sm)}.evidence h3{font-size:var(--text-base)}.evidence p:last-child,.note p:last-child{margin-bottom:0}.article-layout{gap:var(--space-3xl);margin:var(--space-xl) 0 var(--space-4xl);grid-template-columns:230px minmax(0,760px);display:grid}.article-nav{font-size:var(--text-sm);align-items:flex-start;gap:var(--space-sm);padding-top:var(--space-sm);flex-direction:column;display:flex}.article-nav a{padding:var(--space-xs) 0;text-decoration:none}.prose{min-width:0;max-width:75ch}.prose>section{margin:0 0 var(--space-2xl)}.prose h2{font-size:var(--text-xl);margin-top:var(--space-xl);margin-bottom:var(--space-md)}.prose h3{font-size:var(--text-base);margin-top:var(--space-lg)}.prose li{margin-bottom:var(--space-sm)}.prose .steps h3{margin-top:0}.steps{padding-left:var(--space-lg);list-style:decimal}.steps li{padding-left:var(--space-sm);margin-bottom:var(--space-lg)}.steps li::marker{color:var(--color-accent);font-weight:600}.inspection-table{max-width:100%;margin:var(--space-lg) 0;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-sm);text-align:left}th,td{border-bottom:1px solid var(--color-line);padding:var(--space-control) var(--space-md) var(--space-control) 0;vertical-align:top}th{background:var(--color-clear);font-weight:600}table th:last-child,table td:last-child{padding-right:0}.figure{margin:var(--space-xl) 0}.figure svg{width:100%}.figure figcaption{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-sm)}.measure-example{background:var(--color-soft);padding:var(--space-xl);margin:var(--space-xl) 0;gap:var(--space-xl);align-items:center;display:flex}.measure-example strong{font:400 44px/1.2 var(--font-data);color:var(--color-accent)}.guide-header{padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-line);margin-bottom:var(--space-xl)}.back-link{font-size:var(--text-sm);margin-bottom:var(--space-lg);display:inline-block}.footer{border-top:1px solid var(--color-line);padding:var(--space-lg) 0 var(--space-xl);justify-content:space-between;gap:var(--space-lg);font-size:var(--text-xs);color:var(--color-muted);display:flex}.footer nav{gap:var(--space-lg);flex-wrap:wrap;display:flex}.footer a{color:var(--color-muted)}.preview-bar{background:var(--color-soft);color:var(--color-muted);padding:8px 32px;font-size:12px}.file-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.tool-input .field select{width:100%;font-size:12px}.field output{float:right;font-family:var(--font-data)}.field-error{color:var(--color-error);font-size:12px}.tool-input .cancel,.lock{margin-top:8px}.download-note{margin-top:12px}.canvas{min-height:380px;overflow:hidden}.canvas svg{aspect-ratio:4/3;width:90%;max-height:380px}.raster-preview{object-fit:contain;max-width:90%;max-height:380px}.canvas-placeholder{padding:32px 0}.warning{background:var(--color-warning-bg);padding:12px;font-size:12px}.tool-input>h2,.tool-result h2{font-family:var(--font-body)}.article-layout{grid-template-columns:220px minmax(0,760px);gap:64px;min-height:65vh;padding-top:32px;padding-bottom:64px;display:grid}.article-nav{flex-direction:column;gap:12px;display:flex}.missing{padding-top:64px}.header nav a{white-space:normal}.workbench{grid-template-columns:240px minmax(0,1fr) 280px}.section-row{margin-top:48px}.footer{margin-top:64px}button:disabled{opacity:.65}.tool-input .small{font-size:12px}.view-tabs button{min-height:44px}.text-button{min-height:36px}.check-label{line-height:1.5}.wordmark svg{flex-shrink:0}.lede{max-width:62ch}.tool-input>.button{min-height:44px}@media (width<=1100px){.workbench{grid-template-columns:220px minmax(0,1fr)}.tool-result{border-left:0;border-top:1px solid var(--color-line);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0 32px;display:grid}.tool-result .size-heading,.tool-result .size-fields,.tool-result>.small,.tool-result>.field-error{grid-column:1}.inspection{border:0;grid-area:1/2/6;margin-top:0;padding:0}.result-status,.download-row,.download-note{grid-column:1/-1}.download-row{grid-template-columns:1fr 1fr}.tool-input{padding:20px}.intro-aside{display:none}}@media (width<=700px){.shell{padding-left:16px;padding-right:16px}.preview-bar{padding:8px 16px}.header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 16px}.header nav{gap:12px;font-size:12px}.page-intro{margin:20px 0 24px}.home-intro h1{font-size:29px}.workbench{flex-direction:column;display:flex}.tool-input{border-right:0;border-bottom:1px solid var(--color-line)}.tool-result{padding:20px;display:block}.tool-result .inspection{border-top:1px solid var(--color-line);margin-top:24px;padding-top:16px}.download-row{grid-template-columns:1fr}.canvas{min-height:300px}.canvas svg{max-height:300px}.canvas-tools{flex-wrap:wrap}.section-row{grid-template-columns:1fr;gap:12px;margin-top:32px;padding:24px 0}.section-row h2{font-size:24px}.footer{flex-direction:column;margin-top:32px}.article-layout{grid-template-columns:1fr;gap:24px;padding-top:20px}.article-nav{flex-flow:wrap}.prose h1{font-size:30px}.size-fields input{min-height:44px}.view-tabs{gap:12px}.view-tabs button{font-size:12px}.canvas-tools button,.text-button{min-height:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.trace-details{color:var(--color-muted);margin-top:8px;font-size:12px}.trace-details summary{cursor:pointer;min-height:36px}.trace-details p{margin:8px 0}.tool-input .dropzone{min-height:96px}.tool-input .text-button{font-size:12px}.header{padding-bottom:16px}.page-intro{margin-top:12px;margin-bottom:24px}[hidden]{display:none!important}.workbench.is-empty{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);min-height:0}.workbench.is-empty .tool-input{padding:var(--space-xl);flex-direction:column;justify-content:center;display:flex}.workbench.is-empty .dropzone{min-height:156px;padding:var(--space-lg)}.workbench.is-empty .dropzone .button{min-height:44px}.empty-example{padding:var(--space-xl);min-width:0}.empty-example h2{font-size:var(--text-xl);margin-bottom:var(--space-md)}.empty-comparison{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.empty-comparison figure{min-width:0;margin:0}.empty-comparison img{background:var(--color-paper);width:100%;height:auto;display:block}.empty-comparison figcaption{margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--color-muted)}.svg-size-mode{gap:var(--space-sm);margin-bottom:var(--space-md);font-size:var(--text-xs);flex-direction:column;grid-column:1;display:flex}.svg-size-mode select{width:100%;min-width:0;min-height:44px;padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm)}.pixel-size-note{grid-column:1}.input-error,.run-status{font-size:var(--text-xs);background:var(--color-soft);margin:12px 0;padding:12px}.input-error,.run-status.failed{background:var(--color-error-bg);color:var(--color-error)}.input-error p{margin:0}.input-error p+p{margin-top:8px}.size-prompt{color:var(--color-accent);font-size:var(--text-sm)}.inspection summary{cursor:pointer;font-size:var(--text-xs)}.inspection .unchecked{margin:8px 0}.view-tabs{flex-wrap:wrap}.tool-canvas{scroll-margin-top:16px}.header nav a,.footer nav a,.article-nav a{align-items:center;min-height:44px;display:inline-flex}.check-label,.trace-details summary,.inspection summary{min-height:44px}.check-label{align-items:center}.field input[type=range],.field select,.size-heading select{min-height:44px}@media (width>=1101px){.workbench{grid-template-columns:280px minmax(0,1fr) 280px}}.tool-input{padding:16px}.tool-input .dropzone{min-height:76px;margin-bottom:8px}.tool-input>.small,.tool-input>.file-name{margin-bottom:8px}.tool-input .field{margin-top:12px}.tool-input .field label{margin-bottom:4px}.tool-input .field .small{margin:4px 0 0}.tool-input .check-label{margin-top:8px}.tool-input>.button{margin-top:12px}.canvas-tools button{min-width:44px;min-height:44px}.example-comparison{grid-template-columns:1fr 1fr;gap:20px;display:grid}.example-comparison figure{margin:0}.example-comparison img{object-fit:contain;background:var(--color-surface);border:1px solid var(--color-line);width:100%;max-height:260px}.example-comparison figcaption{font-size:var(--text-xs);margin-top:8px}@media (width<=700px){.workbench.is-empty{grid-template-columns:minmax(0,1fr)}.workbench.is-empty .tool-input{padding:var(--space-inset);border-right:0}.workbench.is-empty .dropzone{min-height:116px}.empty-example{padding:var(--space-inset);border-top:1px solid var(--color-line)}.empty-example h2{font-size:var(--text-lg)}.header nav{gap:0 16px}.header{gap:8px}.home-intro h1{font-size:27px}.page-intro{margin-bottom:16px}.tool-input,.tool-result{padding:16px}.download-row{grid-template-columns:1fr 1fr}.view-tabs{gap:0 12px;padding:8px 12px}.canvas{min-height:250px}.canvas svg,.raster-preview{max-height:250px}.example-comparison{gap:12px}}.input-advice{margin:var(--space-md) 0;font-size:var(--text-xs);line-height:1.6}.input-advice p{margin:0 0 var(--space-xs)}.input-advice a{padding:var(--space-xs) 0;display:inline-block}.svg-output-options,.image-adjustments{margin:var(--space-sm) 0 var(--space-md)}.svg-output-options>summary,.image-adjustments>summary{cursor:pointer;min-height:44px;padding:var(--space-sm) 0;font-size:var(--text-sm)}.svg-output-options .size-heading{margin-top:var(--space-sm)}.svg-output-options>.button,.svg-output-options .size-fields{margin-top:var(--space-md)}.svg-primary-download{grid-template-columns:minmax(0,1fr)}@media (width>=701px) and (width<=1100px){.svg-output-size,.svg-output-options{grid-column:1}}.workbench-top{justify-content:space-between;align-items:center;gap:var(--space-md);min-width:0;padding:var(--space-sm) var(--space-inset);border-bottom:1px solid var(--color-line);font-size:var(--text-xs);grid-column:1/-1;display:flex}.workbench-top .file-name{overflow-wrap:anywhere;min-width:0;margin:0;font-weight:600}.sample-badge{color:var(--color-accent);font-weight:600}.workbench-top-status{color:var(--color-muted);text-align:right}.workbench.is-empty{grid-template-columns:280px minmax(0,1fr) 280px}.workbench.is-empty .tool-input{padding:var(--space-inset);justify-content:flex-start}.empty-example{padding:var(--space-inset);border-left:0}.empty-result{grid-column:1/-1;align-self:start}.empty-result>p:not(.small){font-size:var(--text-sm);line-height:1.5}.result-summary{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-line)}.summary-measure{margin:0 0 var(--space-xs);font-size:var(--text-sm);overflow-wrap:anywhere}.result-summary>.small{margin:0 0 var(--space-md)}.summary-counts,.summary-details dl{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.summary-counts>div,.summary-details dl>div{min-width:0}.summary-counts dt,.summary-details dt{color:var(--color-muted);font-size:var(--text-xs)}.summary-counts dd,.summary-details dd{overflow-wrap:anywhere;font:500 var(--text-sm)/1.5 var(--font-data);margin:0}.summary-details{margin-top:var(--space-md);font-size:var(--text-xs)}.summary-details>summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.summary-details dl{padding-top:var(--space-sm)}.size-next-action{white-space:normal;text-align:center;width:100%;margin-bottom:var(--space-md)}.highlight-note{padding:var(--space-sm) var(--space-md);background:var(--color-tint);border-top:1px solid var(--color-line);font-size:var(--text-xs)}.highlight-note p{margin:0}.highlight-note .text-button{white-space:normal}.diagnostic-card{border-left:3px solid var(--color-line);background:var(--color-paper);padding:var(--space-control);margin:var(--space-sm) 0;font-size:var(--text-xs);overflow-wrap:anywhere;line-height:1.5}.diagnostic-card.error{border-color:var(--color-error);background:var(--color-error-bg)}.diagnostic-card.warning{border-color:var(--color-warning);background:var(--color-warning-bg)}.diagnostic-card.not_checked,.diagnostic-card.needs-size{border-color:var(--color-muted)}.diagnostic-card.pass{border-color:var(--color-accent)}.diagnostic-card h3{align-items:baseline;gap:var(--space-sm);font:600 var(--text-sm)/1.4 var(--font-body);margin:0 0 var(--space-sm);display:flex}.diagnostic-card>p{margin:var(--space-xs) 0}.diagnostic-impact{font-weight:600}.diagnostic-symbol{border:1px solid;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:inline-grid}.diagnostic-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.diagnostic-card button,.download-row button{white-space:normal}.diagnostic-card details{margin-top:var(--space-sm)}.diagnostic-card summary,.passed-checks>summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.passed-checks{font-size:var(--text-xs)}.download-disabled-reason{margin:var(--space-sm) 0}.download-disabled-reason strong{color:var(--color-ink)}.download-followup{margin:var(--space-md) 0;padding:var(--space-control);background:var(--color-tint);font-size:var(--text-xs);line-height:1.5}.download-followup p{margin:0 0 var(--space-sm)}.result-status.review_warning{background:var(--color-warning-bg);color:var(--color-warning)}@media (width<=1100px){.workbench.is-empty{grid-template-columns:220px minmax(0,1fr)}.workbench.is-empty .tool-result,.result-summary{grid-column:1/-1}.tool-result .inspection{grid-row:auto}}@media (width<=700px){.workbench-top{padding:var(--space-sm) var(--space-md);flex-direction:column;align-items:flex-start}.workbench-top-status{text-align:left}.workbench.is-empty{display:flex}.empty-example{border-top:0}.empty-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=390px){.empty-comparison{grid-template-columns:minmax(0,1fr)}.summary-counts,.summary-details dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}