.tool{gap:var(--space-5);grid-template-areas:"add""choose""preview""download";align-items:start;display:grid}.step-add{grid-area:add}.step-choose{grid-area:choose}.step-preview{grid-area:preview}.step-download{grid-area:download}@media (width>=62rem){.tool{gap:var(--space-5) var(--space-6);grid-template-columns:minmax(0,27rem) minmax(0,1fr);grid-template-areas:"add preview""choose preview""download preview"}.step-preview{top:var(--space-4);grid-row:1/span 3;position:sticky}}.surface{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:0}.step-choose,.step-download{padding-top:var(--space-5);border-top:1px solid var(--rule)}.step-preview{padding:var(--space-3)}@media (width>=30rem){.stage{padding:var(--space-4)}}@media (width>=48rem){.step-preview{padding:var(--space-5)}}.step-title{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-lg);font-weight:700;line-height:1.3;display:flex}.step-no{background:var(--accent);color:#fff;width:1.75rem;height:1.75rem;font-size:var(--text-sm);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.surface h3{font-size:var(--text-base);font-weight:650;line-height:1.3}.chip{border:1px solid var(--rule-strong);border-radius:var(--radius-pill);background:var(--paper);min-height:2.75rem;color:var(--ink);font-size:var(--text-sm);cursor:pointer;transition:background-color .16s var(--ease-out), border-color .16s var(--ease-out), color .16s var(--ease-out);align-items:center;margin:0;padding:.5rem .9rem;font-weight:550;display:inline-flex;position:relative}.chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.chip:has(input:checked){border-color:var(--accent);background:var(--accent-tint);color:var(--accent-deep);font-weight:650}.chip:has(input:focus-visible){box-shadow:var(--ring)}@media (hover:hover){.chip:hover{border-color:var(--accent)}}.stack{gap:var(--space-4);display:grid}.muted{color:var(--ink-soft);font-size:var(--text-sm)}label,.label{margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:550;line-height:1.3;display:block}input[type=date],input[type=time],input[type=datetime-local]{cursor:pointer;font-variant-numeric:tabular-nums}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.65}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=text],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input:not([type]),select,textarea{border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--paper);width:100%;min-height:2.75rem;color:var(--ink);font:inherit;transition:box-shadow .16s var(--ease-out), border-color .16s var(--ease-out);padding:.5rem .75rem;font-size:1rem;line-height:1.4}textarea{resize:vertical;min-height:9.5rem;font-family:var(--font-code);font-variant-numeric:tabular-nums;white-space:pre;overflow-wrap:normal;tab-size:3;font-size:.9375rem;line-height:1.55;overflow-x:auto}textarea::placeholder{color:var(--ink-soft)}.tool-section{min-height:min(100vh,1500px);padding-top:var(--space-7)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23485766' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;padding-right:2.25rem}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:var(--ring);outline:none}input[aria-invalid=true]{border-color:var(--danger)}.fields{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.fields .wide{grid-column:1/-1}.check{align-items:center;gap:var(--space-3);min-height:2.75rem;font-size:var(--text-base);cursor:pointer;margin:0;font-weight:450;display:flex}.check input{width:1.25rem;height:1.25rem;accent-color:var(--accent);flex:none;margin:0}.checks{column-gap:var(--space-5);flex-wrap:wrap;display:flex}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.actions{gap:var(--space-3);display:grid}@media (width>=30rem){.actions.two{grid-template-columns:repeat(2,minmax(0,1fr))}}.segmented{border-radius:var(--radius);background:var(--track);gap:2px;padding:3px;display:flex}.segmented button{border-radius:var(--radius-sm);min-height:2.5rem;color:var(--ink-soft);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:background-color .16s var(--ease-out), color .16s var(--ease-out), box-shadow .16s var(--ease-out);background:0 0;border:0;flex:1 1 0;padding:.375rem .25rem;font-weight:550;line-height:1.25}.segmented button[aria-selected=true]{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-sm)}@media (hover:hover){.segmented button[aria-selected=false]:hover{color:var(--ink)}}.tabpanel{margin-top:var(--space-4);gap:var(--space-3);display:grid}.count{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--ink-soft);font-weight:550}.count strong{color:var(--ink);font-weight:700}.pill{border-radius:var(--radius-pill);font-size:var(--text-xs);padding:.125rem .625rem;font-weight:600;line-height:1.5;display:inline-block}.pill.warn{background:var(--warn-tint);color:var(--warn)}.pill.bad{background:var(--danger-tint);color:var(--danger)}.pill.good{background:var(--ok-tint);color:var(--ok)}.notice{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius);background:var(--warn-tint);color:var(--warn);font-size:var(--text-sm);align-items:flex-start;line-height:1.45;display:flex}.notice.bad{background:var(--danger-tint);color:var(--danger)}.notice.good{background:var(--ok-tint);color:var(--ok)}.notice svg{flex:none;width:1.125rem;height:1.125rem;margin-top:.1rem}.notice ul{gap:var(--space-1);margin-top:var(--space-2);display:grid}.notice ul li{margin-left:1.1rem;list-style:outside}.problems{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--rule);gap:var(--space-3);display:grid}.problem{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper);display:grid}.problem .error{gap:var(--space-2);color:var(--danger);font-size:var(--text-sm);font-weight:550;line-height:1.4;display:flex}.problem .error svg{flex:none;width:1rem;height:1rem;margin-top:.15rem}.problem .fixed{color:var(--ok);font-size:var(--text-sm);font-weight:600}.problem .hint{align-items:center;gap:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--ink-soft);flex-wrap:wrap;display:flex}.stage{padding:var(--space-2);border-radius:var(--radius);background:var(--track);place-items:center;display:grid}.stage .sheet{width:100%;max-width:40rem;box-shadow:var(--shadow);background:#fff}.stage .sheet svg{width:100%;height:auto;max-height:34rem;display:block}.stage:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pager{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);display:flex}.pager .where{font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:center;font-weight:550}.empty{gap:var(--space-3);padding:var(--space-5) var(--space-4);border-radius:var(--radius);background:var(--track);color:var(--ink-soft);justify-items:start;display:grid}.empty p{max-width:30rem}.group+.group{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--rule)}.group>.label{margin-bottom:var(--space-2)}.group .help{margin-bottom:var(--space-3)}.inline{gap:var(--space-3);display:grid}@media (width>=30rem){.inline.picker{grid-template-columns:minmax(0,1fr) auto auto;align-items:end}}progress{appearance:none;border-radius:var(--radius-pill);background:var(--track);border:0;width:100%;height:.625rem;overflow:hidden}progress::-webkit-progress-bar{background:var(--track)}progress::-webkit-progress-value{background:var(--accent);transition:width .16s var(--ease-out)}progress::-moz-progress-bar{background:var(--accent)}.working{gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius);background:var(--accent-tint);font-size:var(--text-sm);font-weight:550;display:grid}.working .row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}details.fold{padding-top:var(--space-4);border-top:1px solid var(--rule)}details.fold summary{min-height:2.25rem;font-size:var(--text-base);cursor:pointer;font-weight:600}details.fold[open] summary{margin-bottom:var(--space-3)}.share-btn{margin-top:var(--space-2)}.scanner{gap:var(--space-4);max-width:40rem;display:grid}.scan-start{gap:var(--space-3);flex-wrap:wrap;display:flex}.file-btn{margin:0;position:relative}.file-btn:has(input:focus-visible){box-shadow:var(--ring)}.scan-view{border-radius:var(--radius-lg);background:var(--ink);display:none;position:relative;overflow:hidden}.scan-view.on{display:block}.scan-view video{object-fit:cover;width:100%;max-height:60vh;display:block}.scan-frame{border-radius:var(--radius);border:2px dashed #fff;position:absolute;inset:18% 12%}.scan-results{gap:var(--space-3);display:grid}.scan-results li{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--paper);justify-items:start;display:grid}.scan-text{max-width:100%;font-size:var(--text-lg);overflow-wrap:anywhere}.scan-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.helper-entry{gap:var(--space-2);padding-top:var(--space-3);border-top:1px dashed var(--rule-strong);display:grid}.helper-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.helper-example{align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.helper-example .muted{font-size:var(--text-sm)}.helper-copies{align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}.helper-copies>div{flex:0 10rem}.helper-holds{font-size:var(--text-sm);overflow-wrap:anywhere}details.more-types{margin-top:var(--space-2)}details.more-types summary{min-height:2.25rem;font-size:var(--text-sm);cursor:pointer;font-weight:600}details.more-types summary .muted{margin-left:var(--space-1);font-weight:400}details.more-types[open] summary{margin-bottom:var(--space-2)}.swatch{width:.875rem;height:.875rem;margin-right:var(--space-2);border:1px solid var(--rule-strong);border-radius:50%;flex:none}.swatch-empty{background:0 0;border-style:dashed}.chip.picked{border-color:var(--accent);background:var(--accent-tint);color:var(--accent-deep);font-weight:650}.logo-row{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.logo-thumb{object-fit:contain;border:1px solid var(--rule);border-radius:var(--radius-sm);background:#fff;width:2rem;height:2rem}.logo-name{overflow-wrap:anywhere}