.label-tool{gap:var(--space-2);padding-top:var(--space-4);padding-bottom:var(--space-5);flex-direction:column;display:flex}.tool-intro{padding-bottom:var(--space-2)}.tool-intro h1{max-width:20ch}.tool-heading{font-size:var(--display-m)}.tool-lede{margin-top:var(--space-1);max-width:var(--measure);font-size:var(--text-l);color:var(--color-text)}.tool-step{padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-l);box-shadow:var(--shadow-1)}@media (width<=480px){.tool-step{padding:var(--space-2);border-radius:var(--radius-m)}}.step-heading{margin:0 0 var(--space-2);font-family:var(--font-sans);letter-spacing:-.01em;color:var(--color-ink);align-items:center;gap:12px;font-size:1.125rem;font-weight:700;line-height:1.3;display:flex}.step-number{background:var(--color-ink);width:28px;height:28px;color:var(--color-canvas);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:.875rem;font-weight:700;display:grid}.tool-step.is-done .step-number{background:var(--color-accent);color:var(--color-accent-ink)}.dropzone{position:relative}.dropzone-input{opacity:0;cursor:pointer;z-index:0;width:100%;height:100%;position:absolute;inset:0}.dropzone-body{z-index:1;min-height:168px;padding:var(--space-3) var(--space-2);border:1.5px dashed var(--color-control);border-radius:var(--radius-m);background:var(--color-sunken);text-align:center;color:var(--color-ink);cursor:pointer;transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:6px;margin:0;display:flex;position:relative}.dropzone-icon{color:var(--color-ink);margin-bottom:2px}.dropzone-title{font-size:var(--text-l);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:.25em;font-weight:700;text-decoration-thickness:2px}@media (pointer:coarse){.dropzone-drag{display:none}}.dropzone-sub{font-size:var(--text-s);color:var(--color-muted);font-weight:500}.dropzone-input:focus-visible+.dropzone-body{outline:2px solid var(--color-accent);outline-offset:2px;border-color:var(--color-accent)}.dropzone.is-dragover .dropzone-body{border-color:var(--color-accent);background:var(--color-accent-soft);border-style:solid}.dropzone.is-busy .dropzone-body{cursor:progress;opacity:.7}@media (hover:hover) and (pointer:fine){.dropzone-body:hover{border-color:var(--color-ink)}}@media (width<=480px){.dropzone-body{min-height:132px}}.source-alt{align-items:center;gap:2px var(--space-1);margin-top:var(--space-2);font-size:var(--text-s);flex-wrap:wrap;display:flex}.source-alt .link-button{font-size:var(--text-s)}.source-alt-sep{color:var(--color-muted)}.paste-field{margin-top:var(--space-2)}.paste-field textarea{font-family:var(--font-mono);font-size:var(--text-s);white-space:pre;overflow-wrap:normal;min-height:120px}.paste-field .secondary-button{margin-top:var(--space-2)}.source-card{margin-top:var(--space-2);padding:12px var(--space-2);border:1px solid var(--color-accent);border-radius:var(--radius-m);background:var(--color-accent-soft);color:var(--color-ink);align-items:center;gap:12px;display:flex}.source-card-icon{color:var(--color-accent);flex:none}.source-card-text{flex:1;min-width:0}.source-name{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.source-meta{font-size:var(--text-s);color:var(--color-text)}.source-actions{gap:var(--space-2);flex:none;display:flex}.source-actions .link-button{font-size:var(--text-s)}.header-check,#sheet-picker-field{margin-top:var(--space-2)}.notice{margin-top:var(--space-2);border-radius:var(--radius-s);font-size:var(--text-s);padding:10px 14px;line-height:1.5}.notice-error,.notice[data-level=block]{background:var(--color-danger-soft);color:var(--color-danger);border:1px solid color-mix(in srgb, var(--color-danger) 35%, transparent)}.notice-warn,.notice[data-level=warn]{background:var(--color-warn-soft);color:var(--color-warn-ink);border:1px solid color-mix(in srgb, var(--color-warn-ink) 30%, transparent)}.notice:empty{border:0;margin:0;padding:0}[aria-disabled=true].primary-button,[aria-disabled=true].secondary-button{opacity:.55;cursor:not-allowed}[aria-busy=true].primary-button,[aria-busy=true].secondary-button{opacity:.8;cursor:progress}.pager-button[aria-disabled=true]{opacity:.4;cursor:default}.data-peek,.tool-disclosure{margin-top:var(--space-2);border-top:1px solid var(--color-line)}.data-peek>summary,.tool-disclosure>summary{align-items:center;gap:var(--space-1);min-height:var(--tap-min);font-size:var(--text-s);color:var(--color-ink);cursor:pointer;font-weight:650;list-style:none;display:flex}.data-peek>summary::-webkit-details-marker{display:none}.tool-disclosure>summary::-webkit-details-marker{display:none}.data-peek>summary:before,.tool-disclosure>summary:before{content:"";width:8px;height:8px;transition:transform var(--dur) var(--ease);border-bottom:1.75px solid;border-right:1.75px solid;flex:none;margin-right:4px;transform:rotate(-45deg)}.data-peek[open]>summary:before,.tool-disclosure[open]>summary:before{transform:rotate(45deg)}.disclosure-meta{color:var(--color-muted);text-align:right;margin-left:auto;font-weight:500}.tool-disclosure-body{padding:var(--space-1) 0 var(--space-1)}.data-peek .table-frame{margin-top:0}#sheet-preview td{text-overflow:ellipsis;max-width:280px;overflow:hidden}.token-row{margin-bottom:var(--space-1);flex-wrap:wrap;gap:6px;display:flex}.token{appearance:none;border:1px solid var(--color-control);border-radius:var(--radius-pill);background:var(--color-surface);max-width:100%;min-height:30px;font:inherit;font-size:var(--text-s);color:var(--color-ink);cursor:pointer;align-items:center;gap:4px;padding:0 10px;font-weight:550;display:inline-flex}.token:before{content:"+";color:var(--color-accent);font-weight:700}.token-text{text-overflow:ellipsis;white-space:nowrap;max-width:22ch;overflow:hidden}.token.is-used{background:var(--color-accent-soft);border-color:var(--color-accent)}@media (hover:hover) and (pointer:fine){.token:hover{border-color:var(--color-ink)}}@media (pointer:coarse){.token{min-height:var(--tap-min);padding:0 14px}}.layout-editor{font-family:var(--font-mono);white-space:pre;overflow-wrap:normal;background:var(--color-surface);min-height:7.5em;font-size:.9375rem;line-height:1.7;overflow-x:auto}.layout-status{font-size:var(--text-s);color:var(--color-muted);min-height:1.5em;margin-top:6px}.layout-status[data-level=warn]{color:var(--color-warn-ink);font-weight:600}.style-row{gap:var(--space-2);margin-bottom:var(--space-2);grid-template-columns:minmax(0,11rem) minmax(0,1fr);align-items:end;display:grid}.style-row .field{margin-bottom:0}.style-row select,.style-row .segmented-options{box-sizing:border-box;height:var(--control-height);min-height:var(--control-height)}@media (width<=420px){.style-row{grid-template-columns:minmax(0,1fr)}}.segmented{border:0;min-width:0;margin-inline:0;padding:0}.segmented legend{padding:0}.segmented-options{border:1px solid var(--color-control);border-radius:var(--radius-s);background:var(--color-sunken);flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex}.segmented-options label{color:var(--color-text);cursor:pointer;margin:0;font-weight:550;position:relative}.segmented-options input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.segmented-options span{min-height:calc(var(--control-height) - 8px);font-size:var(--text-s);border-radius:4px;justify-content:center;align-items:center;padding:0 14px;display:inline-flex}.segmented-options input:checked+span{background:var(--color-surface);color:var(--color-ink);box-shadow:0 0 0 1px var(--color-control), 0 1px 2px rgb(var(--color-shadow) / .1);font-weight:650}.segmented-options input:focus-visible+span{outline:2px solid var(--color-accent);outline-offset:1px}@media (forced-colors:active){.segmented-options input:checked+span{outline:2px solid highlight}}@media (pointer:coarse){.segmented-options span{min-height:calc(var(--tap-min) - 6px)}.style-row .segmented-options{padding-block:2px}}.per-line-body{gap:var(--space-1);flex-direction:column;display:flex}.line-style-row{gap:var(--space-1);grid-template-columns:4.5rem minmax(0,7rem) minmax(0,8rem) auto;align-items:center;display:grid}.line-index{font-size:var(--text-s);color:var(--color-muted);font-variant-numeric:tabular-nums;font-weight:600}.line-style-row .checkline{font-size:var(--text-s)}@media (width<=420px){.line-style-row{grid-template-columns:3.5rem minmax(0,1fr) minmax(0,1fr)}.line-style-row .checkline{grid-column:2/-1}}.barcode-metrics{margin-top:var(--space-1);font-size:var(--text-s);color:var(--color-muted)}.barcode-metrics[data-level=warn]{color:var(--color-warn-ink)}.barcode-metrics[data-level=block]{color:var(--color-danger)}.template-link{margin-top:var(--space-2);font-size:var(--text-s);text-align:left}.position-grid{border:1px solid var(--color-line);border-radius:var(--radius-s);background:var(--color-paper);gap:3px;max-width:320px;padding:8px;display:grid}.position-cell{appearance:none;min-height:26px;font:inherit;font-variant-numeric:tabular-nums;color:#55534c;cursor:pointer;background:#fff;border:1px solid #8b887e;border-radius:3px;padding:0;font-size:.75rem}.position-cell.is-skipped{color:#55534c;background:repeating-linear-gradient(135deg,#f4f3ef 0 4px,#e9e7e0 4px 8px);text-decoration:line-through}.position-cell.is-start{color:#0e6b50;background:#e3f1eb;border:2px solid #0e6b50;font-weight:700}.position-cell:focus-visible{outline-offset:1px;outline:2px solid #0e6b50}@media (forced-colors:active){.position-cell.is-start{outline-offset:-3px;outline:3px solid highlight}}@media (pointer:coarse){.position-grid{max-width:360px}.position-cell{min-height:var(--tap-min)}}.tool-preview{padding:var(--space-3);background:var(--color-sunken);border:1px solid var(--color-line);border-radius:var(--radius-l)}@media (width<=480px){.tool-preview{padding:var(--space-2);border-radius:var(--radius-m)}}.preview-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:12px;display:flex}.preview-title{font-size:1.125rem;font-weight:700}.preview-source{font-size:var(--text-s);color:var(--color-muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:550;overflow:hidden}.preview-source[data-sample=true]:before{content:"";background:var(--color-warn-ink);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.sheet-stage{justify-content:center;align-items:flex-start;display:flex}.sheet-stage canvas,.label-stage canvas{box-shadow:var(--shadow-paper);background:#fff;border-radius:2px;display:block}.sheet-stage canvas{width:100%;max-width:420px;height:auto}.preview-pager{justify-content:center;align-items:center;gap:var(--space-2);margin-top:12px;display:flex}.pager-button{appearance:none;border:1px solid var(--color-control);background:var(--color-surface);width:36px;height:36px;color:var(--color-ink);cursor:pointer;border-radius:50%;place-items:center;display:grid}@media (pointer:coarse){.pager-button{width:var(--tap-min);height:var(--tap-min)}}.pager-status{text-align:center;min-width:9ch;font-size:var(--text-s);color:var(--color-ink);font-weight:600}.label-stage{max-width:420px;margin-top:var(--space-3);margin-inline:auto}.label-stage-caption{margin-bottom:var(--space-1);font-size:var(--text-s);color:var(--color-muted);font-weight:550}.label-stage canvas{width:100%;max-width:420px;height:auto}.print-summary{margin-bottom:var(--space-2);font-size:var(--text-l);color:var(--color-text)}.print-summary strong{color:var(--color-ink)}.print-actions{gap:var(--space-1) 12px;flex-wrap:wrap;display:flex}.print-actions .primary-button{flex:auto;max-width:320px}@media (width<=480px){.print-actions .primary-button,.print-actions .secondary-button{flex:100%;max-width:none}}.print-tip{margin-top:var(--space-2);font-size:var(--text-s);color:var(--color-muted);line-height:1.55}.print-tip strong{color:var(--color-ink)}.tool-dock{z-index:30;justify-content:space-between;align-items:center;gap:var(--space-2);padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom,0px));background:var(--color-surface);border-top:1px solid var(--color-line);box-shadow:0 -8px 24px -12px rgb(var(--color-shadow) / .25);display:flex;position:fixed;bottom:0;left:0;right:0}.tool-dock-summary{font-size:var(--text-s);color:var(--color-ink);min-width:0;font-weight:600}.tool-dock .primary-button{flex:none}@media (width>=1100px){.tool-dock{display:none!important}}body.has-dock{padding-bottom:72px}html:has(body.has-dock){scroll-padding-bottom:calc(72px + env(safe-area-inset-bottom,0px) + var(--space-2))}@media (width>=1100px){.label-tool{column-gap:var(--space-5);row-gap:var(--space-2);padding-top:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:start;display:grid}.label-tool>.tool-intro,.label-tool>.tool-step{grid-column:1}.label-tool>.tool-preview{background:0 0;border:0;grid-area:1/2/span 5;align-self:stretch;padding:0}.tool-preview-sticky{top:calc(var(--header-height) + var(--space-3));max-height:calc(100vh - var(--header-height) - 2 * var(--space-3));padding:var(--space-3);background:var(--color-sunken);border:1px solid var(--color-line);border-radius:var(--radius-l);flex-direction:column;display:flex;position:sticky;overflow:auto}.sheet-stage,.label-stage{flex:none}.sheet-stage canvas,.label-stage canvas{max-width:none}}.step-optional{color:var(--color-muted);font-weight:400}
