.seo-tool.tool-workspace{background:#fff;color:var(--ink);box-shadow:none;border-top:3px solid var(--ink);border-bottom:1px solid #dce2e7}
.tool-workspace .seo-tool-head{display:block;margin-bottom:24px}.tool-workspace .seo-kicker{display:none}
.tool-workspace .tool-field>span{color:#465869;letter-spacing:0;font-size:12px;text-transform:none}
.tool-workspace .tool-field input:not([type=checkbox]),.tool-workspace .tool-field select,.tool-workspace .tool-field textarea{background:#f6f8fa;color:#233b50;border:1px solid #cbd5de;border-radius:4px;font-weight:500}
.tool-workspace input::placeholder,.tool-workspace textarea::placeholder{color:#667585}
.tool-workspace .tool-field :is(input,select,textarea):focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.tool-workspace .tool-note{color:#526170;font-size:13px;line-height:1.55}
.tool-workspace .text-action{color:var(--ink)}
.tool-workspace .tool-verdict:not(.tool-verdict--ok):not(.tool-verdict--bad){background:#f0f4f7;color:#465869}
.tool-workspace .code-download{padding:12px 0;border-top:1px solid #dce2e7}
.tool-workspace .code-download select{color:var(--ink);background:#fff;border:1px solid #cbd5de;border-radius:4px}
.tool-workspace details{border-color:#cbd5de;color:var(--ink)}
.batch-sheet--styled{grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(var(--batch-size) + 12px)),1fr))}
[data-batch="style"]{margin-top:16px;padding:0 0 12px;border:0;border-top:1px solid #cbd5de;border-bottom:1px solid #cbd5de;background:none}
[data-batch="style"] summary{padding:12px 0;overflow-wrap:anywhere}
[data-batch-style="notice"]:empty{display:none}

/* Working interiors: form, result and continued work are separate live areas. */
@media screen {
  .seo-tool.tool-workspace{border:0;border-radius:0;background:transparent;padding:0;box-shadow:none;color:#172238}
  .seo-tool.tool-workspace>.seo-tool-head{margin:0 0 24px;padding:0}
  .has-tool-workspace{min-width:0;color:#172238}
  .tw-workspace{--tw-ink:#172238;--tw-blue:#244baa;--tw-muted:#758092;--tw-line:#dfe4ee;font:400 16px/1.6 Onest,sans-serif;color:var(--tw-ink);min-width:0}
  .tw-workspace [hidden]{display:none!important}
  .tw-workspace input[type=hidden]{display:none!important}
  .tw-workspace :is(section,div,fieldset,figure,label){min-width:0;box-sizing:border-box}
  .tw-workspace :is(p,span,b,strong,small,legend,h3,h4,a,button){overflow-wrap:anywhere}
  .tw-orientation{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:22px 0 24px;border-top:1px solid var(--tw-line)}
  .tw-context{margin:0;max-width:550px;color:#657185;font-size:15px;line-height:1.65}
  .tw-stages{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:flex-end;max-width:430px}
  .tw-stages a{display:inline-block;color:var(--tw-blue);font-size:13px;line-height:1.5;text-decoration:none;padding:5px 0;border-bottom:1px solid #c6d0e8}
  .tw-modes{margin-bottom:24px}
  .tw-modes :is(.cabinet-tabs,.pl-templates,.pdf-images-modes,.barcode-start-actions,.scan-profile-router nav){display:flex;flex-wrap:wrap;gap:8px;border:0;background:none;padding:0;margin:0}
  .tw-modes :is(button,a){flex:0 1 auto;min-height:46px;padding:11px 17px!important;border:1px solid #e1e6ef!important;border-radius:24px!important;background:#f2f4f8!important;color:#68758a!important;font:500 14px/1.5 Onest,sans-serif!important;text-decoration:none;box-shadow:none!important;min-width:0;max-width:100%}
  .tw-modes :is([aria-pressed="true"],.active,.is-active){background:#172238!important;border-color:#172238!important;color:#fff!important}
  .tw-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
  .tw-input,.tw-result{padding:25px;border:1px solid var(--tw-line);border-radius:25px;background:#fff;scroll-margin-top:110px}
  .tw-result{background:#f3f5fa;border-color:#f3f5fa;position:sticky;top:96px}
  .tw-pane-head{display:flex;align-items:center;gap:13px;margin:0 0 25px;padding:0 0 20px;border-bottom:1px solid var(--tw-line)}
  .tw-pane-number{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:11px;background:#e6ecfb;color:#244baa;font:600 12px/1 Onest,sans-serif}
  .tw-result .tw-pane-number{background:#e8efcf;color:#586f25}
  .tw-pane-head h3{margin:0!important;color:var(--tw-ink)!important;font:600 18px/1.45 Unbounded,sans-serif!important;letter-spacing:-.035em}
  .tw-pane-body{display:flex;flex-direction:column;gap:19px}
  .tw-pane-body> :is(div,fieldset,figure,label,p,section,details,button,ol,span){margin:0!important}
  .tw-workspace .tool-field,.tw-workspace .qm-field,.tw-workspace .printer-calibration-grid>label,.tw-workspace .pdf-qr-overlay__grid>label{display:flex;flex-direction:column;gap:9px;margin:0;min-width:0}
  .tw-workspace .tool-field>span,.tw-workspace .qm-field,.tw-workspace .printer-calibration-grid>label>span,.tw-workspace .pdf-qr-overlay__grid>label>span{color:#34435b;font:500 14px/1.55 Onest,sans-serif;text-transform:none;letter-spacing:0}
  .tw-workspace :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:49px;padding:12px 14px;border:1px solid #d9e0ec!important;border-radius:12px!important;background:#f8f9fc!important;color:#172238!important;font:400 16px/1.5 Onest,sans-serif!important;box-shadow:none;outline-offset:3px;letter-spacing:0}
  /* The native template select backs the visible choice buttons. Keep its
     original accessible 1px box; the general field size must not enlarge an
     absolutely positioned control beyond the narrow pane. */
  .tw-workspace .price-template-picker>select{width:1px!important;inline-size:1px!important;max-width:1px!important;height:1px!important;block-size:1px!important;min-height:0!important;min-width:0!important;padding:0!important;border:0!important;position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .tw-workspace .price-template-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:10px;width:100%;min-width:0}
  .tw-workspace .price-template-gallery>.price-template-choice{display:grid;grid-template-columns:80px minmax(0,1fr);grid-template-rows:auto auto;gap:5px 16px;align-items:center;justify-content:normal;width:100%;min-width:0;min-height:94px;padding:12px;border:1px solid #dce3ee;border-radius:15px;background:#fff;color:#244baa;text-align:left;white-space:normal}
  .tw-workspace .price-template-choice>.price-template-choice__sheet{grid-column:1;grid-row:1/3;display:grid;align-content:space-between;width:80px;min-width:80px;min-height:64px;padding:7px;justify-self:start;box-sizing:border-box}
  .tw-workspace .price-template-choice__sheet b{font:600 17px/1.2 Onest,sans-serif;white-space:nowrap;overflow-wrap:normal}
  .tw-workspace .price-template-choice>strong{grid-column:2;grid-row:1;align-self:end;min-width:0;font:600 15px/1.35 Onest,sans-serif;overflow-wrap:normal;word-break:normal}
  .tw-workspace .price-template-choice>small{grid-column:2;grid-row:2;align-self:start;min-width:0;font:400 13px/1.5 Onest,sans-serif;overflow-wrap:normal;word-break:normal}
  .tw-workspace .price-template-gallery>.price-template-choice[aria-pressed=true]{border-color:#244baa;background:#f1f5ff;box-shadow:0 0 0 1px #244baa}
  .tw-workspace .price-template-gallery>.price-template-choice:hover{border-color:#91a8d8}
  @media(max-width:600px){.tw-workspace .price-template-gallery{grid-template-columns:minmax(0,1fr)}}
  .tw-workspace textarea{min-height:104px;resize:vertical;white-space:pre-wrap}
  .tw-workspace textarea[readonly],.tw-workspace input[readonly]{background:#fff!important;color:#46556d!important}
  .tw-workspace input::placeholder,.tw-workspace textarea::placeholder{color:#94a0b2!important;opacity:1}
  .tw-workspace :is(input,select,textarea,button,a):focus-visible{outline:3px solid #aec2ef!important;outline-offset:3px;border-color:#648be0!important}
  .tw-workspace :is(input[type=checkbox],input[type=radio]){width:19px;height:19px;min-height:19px;accent-color:#244baa;flex:0 0 19px}
  .tw-workspace :is(.tool-check,.wifi-hidden){display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#40516b}
  .tw-workspace .tool-check input{margin:3px 0 0}
  .tw-workspace :is(.calc-grid,.calc-grid--series,.calc-grid--payment,.calc-grid--roll,.printer-calibration-grid,.pdf-qr-overlay__grid,.batch-options,.batch-series-fields){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;align-items:start}
  .tw-workspace .tool-field--wide,.tw-workspace .tool-field--area{grid-column:1/-1}
  .tw-workspace .tw-grouped-fields{display:flex;flex-direction:column;gap:25px}
  .tw-field-group{padding:0;border:0;border-radius:0;margin:0}
  .tw-field-group legend{padding:0 0 15px;color:#244baa;font:600 14px/1.5 Onest,sans-serif}
  .tw-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .tw-workspace :is(.batch-actions,.tool-actions,.tool-inline-actions,.pl-actions,.pdf-pack-actions,.pdf-qr-overlay__actions,.pdf-images-actions,.qm-export,.tw-run-actions,.tw-export-actions){display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:0;background:transparent;border:0}
  .tw-workspace :is(button,.paper-action,.text-action,.primary-action){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;min-height:46px;padding:11px 16px;border:1px solid #dbe2ed;border-radius:12px;background:#fff;color:#244baa;font:500 14px/1.5 Onest,sans-serif;cursor:pointer;text-align:center;text-decoration:none;box-shadow:none}
  .tw-workspace .primary-action,.tw-workspace .tw-run-actions>button:not(.text-action),.tw-workspace [data-build],.tw-workspace [data-bm="build"],.tw-workspace [data-pay="build"],.tw-workspace [data-wifi="build"],.tw-workspace [data-batch="build"]{background:#d34616;color:#fff;border-color:#d34616;padding:13px 19px;font-weight:600;min-height:49px}
  .tw-workspace :is(button,.paper-action,.text-action):disabled{opacity:.4;cursor:default}
  .tw-workspace :is(.tool-note,small,.tool-next-step){color:#758092!important;font:400 13px/1.65 Onest,sans-serif}
  .tw-workspace .tool-verdict{padding:14px 16px!important;border:1px solid #dce4f1!important;border-radius:14px!important;background:#e9eef8!important;color:#435771!important;font:400 15px/1.6 Onest,sans-serif!important;margin:0}
  .tw-workspace .tool-verdict--ok{background:#edf3df!important;border-color:#dbe8be!important;color:#486127!important}
  .tw-workspace .tool-verdict--bad,.tw-workspace [role=alert]:not(:empty){background:#fff0e8!important;border-color:#f2cbb9!important;color:#a34420!important}
  .tw-workspace :is(.calc-results,.printer-calibration-summary){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tw-workspace :is(.calc-results,.printer-calibration-summary)>article{display:flex;flex-direction:column;gap:6px;min-width:0;padding:17px;border:0;border-radius:15px;background:#fff;color:#172238}
  .tw-workspace :is(.calc-results,.printer-calibration-summary)>article>b{font:600 clamp(17px,2vw,27px)/1.25 Onest,sans-serif;letter-spacing:-.03em}
  .tw-workspace :is(.calc-results,.printer-calibration-summary)>article>span{color:#7c8798;font-size:12px}
  .tw-workspace :is(.bm-stage,.wifi-card,.payment-plate,[data-preview],.qm-stage){padding:24px;background:#fff;border-radius:20px;border:0;box-shadow:0 12px 34px #25407009;max-width:100%;color:#172238}
  .tw-workspace :is(canvas,figure img,.pl-preview img){display:block;max-width:100%;height:auto;margin-inline:auto}
  .tw-workspace .ean-segments{display:flex;flex-wrap:wrap;gap:5px;min-width:0}
  .tw-workspace .ean-seg{max-width:100%;display:inline-flex;flex-wrap:wrap;border-radius:8px;padding:8px;font-size:14px;overflow-wrap:anywhere}
  .tw-workspace .ean-seg b{font-size:19px;padding:0 2px}
  .tw-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:24px;color:#65748e;border:1px dashed #d4ddec;border-radius:18px;background:#ffffff70}
  .tw-empty-mark{display:grid;place-items:center;width:53px;height:53px;border:1px solid #dae3f5;border-radius:17px;background:#eef2fb;color:#244baa;font:400 30px/1 Onest,sans-serif;transform:rotate(-7deg);margin-bottom:8px}
  .tw-empty b{color:#435570;font-size:17px;font-weight:500}
  .tw-empty p{font-size:14px;line-height:1.7;max-width:300px;margin:0}
  .tw-support{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;border-top:1px solid var(--tw-line);padding-top:26px;margin-top:30px;scroll-margin-top:105px}
  .tw-support>.tool-note,.tw-support>.tool-next-step{margin:0}
  .tw-support>:is(.work-library,.work-backup,.pl-catalog,.scanner-scan-help,.scan-steps,.tool-next){grid-column:1/-1}
  .tw-workspace details{border:1px solid #e0e5ef!important;border-radius:15px;padding:0 17px!important;background:#fff;color:#172238;margin:0}
  .tw-workspace details>summary{padding:16px 0!important;color:#344967!important;font:500 14px/1.6 Onest,sans-serif;cursor:pointer;list-style-position:inside}
  .tw-workspace details[open]>summary{border-bottom:1px solid #e7ebf2;margin-bottom:17px}
  .tw-workspace details>:last-child:not(summary){margin-bottom:17px}
  .tw-workspace .batch-series{width:100%}
  .tw-workspace .code-download{padding:16px 0 0;border-top:1px solid #d8e0ee;display:flex;flex-wrap:wrap;gap:10px;width:100%}
  .tw-workspace .code-download label{display:flex;flex-direction:column;gap:6px;flex:1 1 170px}
  .tw-workspace .code-download select{min-height:46px}
  .tw-workspace input[type=file]{width:100%;max-width:100%;padding:10px;border:1px dashed #c8d5ee;border-radius:12px;background:#f7f9fd;color:#71809a;font:400 13px/1.5 Onest,sans-serif}
  .tw-workspace input[type=file]::file-selector-button{padding:10px 12px;margin:0 10px 0 0;border:0;border-radius:8px;background:#e4ebfb;color:#244baa;font:500 13px/1.5 Onest,sans-serif}
  .tw-workspace .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .tw-workspace .scan-phone{max-width:100%;width:100%;margin:0;padding:0;border:0;background:none;border-radius:20px}
  .tw-workspace .scan-stage{aspect-ratio:1/1;max-height:440px;border-radius:20px;overflow:hidden}
  .tw-workspace .scan-idle{border-radius:20px;border:0;padding:25px;background:#172238;color:#fff;width:100%;height:100%;flex-direction:column}
  .tw-workspace .scan-idle>b{color:#fff;font-size:22px}
  .tw-workspace .scan-idle-note{color:#aebdd9!important;font-size:14px}
  .tw-workspace .scan-start{background:#d34616!important;border-radius:12px;padding:12px 18px;color:#fff;min-height:46px}
  .tw-workspace .scan-paste{padding:17px;border:1px dashed #c4d3ee;border-radius:14px;background:#f4f7fd;color:#71829c;display:flex;flex-direction:column;gap:6px;font-size:13px}
  .tw-workspace .scan-paste b{color:#244baa;font-size:15px}
  .tw-workspace .scan-results{display:flex;flex-direction:column;gap:16px;background:none;padding:0}
  .tw-workspace .scan-results>.scan-card{padding:20px;border:1px solid #dce4f3;border-radius:18px;background:#fff;color:#172238}
  .tw-workspace--scan .tw-support .scan-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;margin:0;list-style:none}
  .tw-workspace--scan .scan-steps li{display:flex;align-items:flex-start;gap:10px;padding:17px;border-radius:15px;background:#f3f5fa;color:#64738b;font-size:14px}
  .tw-workspace .pl-fields,.tw-workspace .qm-editor,.tw-workspace .qm-result{padding:0;background:none;border:0;border-radius:0;display:flex;flex-direction:column;gap:19px}
  .tw-workspace .sign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0}
  .tw-workspace :is([data-single],.badge-design-controls,.badge-image-controls){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .tw-workspace--panels>.tw-context{margin-bottom:24px;max-width:760px}
  .tw-workspace--panels .tw-preserved-owner{display:block;padding:0;border:0;background:none;border-radius:0;max-width:none}
  .tw-workspace--panels .tw-preserved-owner>.tw-columns{margin:24px 0 0}
  .tw-workspace--panels .tw-preserved-owner>.tw-support{margin-bottom:25px}
  .tw-workspace--panels .seo-tool-example{padding:20px;border:1px solid #dfe5ef;border-radius:17px;background:#f8f9fc;margin:0 0 22px;color:#546980}
  .tw-workspace--panels .price-print-result{padding:0;border:0;background:none;display:flex;flex-direction:column;gap:16px}
  .tw-workspace--panels .price-print-result>figure{padding:20px;border-radius:17px;background:#fff;margin:0}
  .tw-workspace--panels .price-print-result figcaption{margin-top:16px;color:#738098;font-size:13px}
  .tw-workspace--panels .pdf-images-toolbar,.tw-workspace--panels .pdf-images-options{display:flex;flex-wrap:wrap;gap:12px}
  .tw-workspace .pl-preview{margin:0;padding:0;border:0;background:none}
  .tw-workspace .pl-preview img{box-shadow:0 12px 32px #17223810;border:1px solid #e6eaf1;border-radius:8px}
  .tw-workspace .pl-preview figcaption{font-size:12px;color:#7b879c;margin-top:13px;text-align:center}
  .tw-workspace .pl-table{overflow:auto;max-width:100%}
  .tw-workspace table{width:100%;border-collapse:collapse;font:400 13px/1.5 Onest,sans-serif}
  .tw-workspace th{color:#65758e;background:#f4f6fa;font-size:11px;text-align:left;font-weight:500}
  .tw-workspace :is(td,th){padding:11px 10px;border-bottom:1px solid #e6ebf3;vertical-align:top;overflow-wrap:anywhere}
  .tw-workspace .pdf-qr-overlay__pick,.tw-workspace .pdf-pack-pick,.tw-workspace .pdf-images-pick{display:flex;flex-direction:column;gap:10px;border:1px dashed #bacced;border-radius:17px;padding:20px;background:#f3f6fd;color:#244baa}
  .tw-workspace :is(.pdf-qr-overlay__pick,.pdf-pack-pick,.pdf-images-pick)>span{color:#6e7f9b;font-size:13px}
  .tw-workspace :is(.pdf-pack-list,.pdf-images-list){margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
  .tw-workspace :is(.pdf-pack-list,.pdf-images-list)>li{padding:15px;background:#fff;border:1px solid #e2e8f2;border-radius:13px;min-width:0}
  .tw-workspace .pdf-pack-summary{padding:17px;border:0;background:#fff;border-radius:14px;display:flex;flex-direction:column;gap:6px}
  .tw-workspace--document .tw-columns{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}
  .tw-workspace .printer-dots-comparison>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .tw-workspace .printer-dots-comparison article{padding:12px;background:#fff;border:0;border-radius:12px;font-size:13px;display:flex;flex-direction:column;gap:8px}
  .tw-workspace .printer-calibration-steps{margin:0;padding:0;list-style:none;counter-reset:print-step;display:flex;flex-direction:column;gap:12px}
  .tw-workspace .printer-calibration-steps li{padding:16px 18px;border:0;border-radius:14px;background:#fff;display:flex;flex-direction:column;gap:6px;color:#68768d;font-size:14px}
  .tw-workspace .printer-calibration-steps b{color:#244baa;font-weight:500}
  .tw-workspace :is(.barcode-facts,.kit-summary){padding:17px;border:0;border-radius:14px;background:#fff;color:#435771;font:400 14px/1.6 Onest,sans-serif;margin:0}
  .tw-workspace .barcode-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #e6eaf2}
  .tw-workspace .barcode-facts dt{color:#78879e;font-size:13px}.tw-workspace .barcode-facts dd{margin:0;font-weight:500;overflow-wrap:anywhere}
  @media(max-width:560px){
    .tw-workspace .barcode-facts>div{flex-direction:column;align-items:stretch;gap:4px}
  }
  .tw-workspace .decode-output{display:flex;flex-direction:column;gap:17px}
  .tw-workspace .decode-result{padding:20px;border:1px solid #dce5f5;border-radius:17px;background:#fff;min-width:0;color:#435976}
  .tw-workspace :is(code,pre){display:block;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;color:#244baa;font:400 14px/1.65 Onest,sans-serif;padding:13px 15px;border-radius:11px;background:#edf2fb;margin:12px 0}
  .tw-workspace .kit-manual,.tw-workspace .kit-title{display:flex;flex-direction:column;gap:10px;font:500 14px/1.55 Onest,sans-serif;color:#425773}
  .tw-workspace .kit-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}
  .tw-workspace .kit-heading h2{margin:0;font:600 19px/1.5 Unbounded,sans-serif;color:#172238}
  .tw-workspace .kit-heading p{margin:0 0 7px;color:#8b96a7;font-size:13px}
  .tw-workspace .kit-rows{display:flex;flex-direction:column;gap:12px}
  .tw-workspace .kit-rows>article{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:12px;background:#fff;border:1px solid #dfe6f3;padding:16px;border-radius:14px;min-width:0}
  .tw-workspace .kit-rows>article>div{display:flex;flex-direction:column;gap:5px;min-width:0}
  .tw-workspace .kit-rows>article>label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#7486a2}
  .tw-workspace .kit-rows>article>button{grid-column:1/-1;justify-self:start}
  @media(max-width:1050px){.tw-orientation{flex-direction:column;gap:14px}.tw-stages{justify-content:flex-start;max-width:none}.tw-columns{gap:17px}.tw-input,.tw-result{padding:20px}.tw-pane-head h3{font-size:16px!important}}
  @media(max-width:800px){.tw-columns,.tw-workspace--document .tw-columns{grid-template-columns:minmax(0,1fr)}.tw-result{position:static}.tw-support{grid-template-columns:minmax(0,1fr);gap:18px}.tw-support>*{grid-column:1!important}.tw-empty{min-height:180px}.tw-workspace--scan .tw-support .scan-steps{grid-template-columns:minmax(0,1fr)}.tw-modes{margin-bottom:18px}}
  @media(max-width:480px){.tw-workspace{font-size:15px}.tw-input,.tw-result{padding:17px;border-radius:20px}.tw-pane-head{gap:10px;margin-bottom:20px;padding-bottom:17px}.tw-pane-head h3{font-size:15px!important}.tw-pane-number{width:29px;height:29px;flex-basis:29px;border-radius:10px}.tw-workspace :is(.calc-grid,.calc-grid--series,.calc-grid--payment,.calc-grid--roll,.printer-calibration-grid,.pdf-qr-overlay__grid,.batch-options,.batch-series-fields,.tw-field-grid,.sign-grid,[data-single],.badge-design-controls,.badge-image-controls){grid-template-columns:minmax(0,1fr);gap:17px}.tw-workspace :is(.calc-results,.printer-calibration-summary){grid-template-columns:minmax(0,1fr)}.tw-workspace .tw-grouped-fields{display:flex}.tw-modes :is(button,a){font-size:13px!important;padding:10px 14px!important}.tw-stages{gap:8px 15px}.tw-stages a{font-size:12px}.tw-workspace .printer-dots-comparison>div{grid-template-columns:minmax(0,1fr)}.tw-workspace :is(.bm-stage,.wifi-card,.payment-plate,[data-preview],.qm-stage){padding:17px}.tw-workspace .scan-stage{max-height:none}.tw-workspace .scan-idle>b{font-size:20px}.tw-context{font-size:14px}.tw-orientation{padding-top:17px}.tw-workspace .pl-table{margin-inline:-5px!important}}
}
@media print{.tw-orientation,.tw-modes,.tw-pane-head,.tw-empty,.tw-support,.tw-input{display:none!important}.tw-columns,.tw-result,.tw-pane-body{display:block!important;position:static!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}.printing-tool .tw-input.tool-print-path{display:block!important}}
/* A sign uses the guarded ancestor path through the reader and the panes.
   The original sign rules hide every direct child except the old preview;
   these more specific rules retain only the live path to the current sign. */
@media print{
  .printing-sign body .seo-page .seo-content .tool-print-path{display:block!important;position:static!important;margin:0!important;padding:0!important;border:0!important;max-width:none!important;background:#fff!important;box-shadow:none!important;transform:none!important}
}

/* One working surface, with open input groups and a distinct result stage.
   Match the family layer's #root scope instead of stacking generic cards. */
@media screen {
  body #root .seo-page .seo-tool.tool-workspace {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  body #root .seo-page .seo-tool.tool-workspace > .seo-tool-head {
    margin: 0 0 22px;
    padding: 0;
  }
  body #root .seo-page .seo-tool.tool-workspace .seo-tool-head h2 {
    font: 600 clamp(24px, 2.25vw, 31px)/1.35 Unbounded, sans-serif;
    letter-spacing: -.04em;
    color: #172036;
  }
  body #root .seo-page .tw-orientation {
    gap: 28px;
    padding: 20px 0 26px;
    border-top: 0;
  }
  body #root .seo-page .tw-context { font-size: 16px; line-height: 1.75; color: #637088; }
  body #root .seo-page .tw-stages a {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    color: #2146a8;
  }
  body #root .seo-page .tw-columns {
    grid-template-columns: minmax(0, 1fr) minmax(0, .95fr);
    gap: 32px;
    padding: 28px;
    border: 1px solid #e5eaf2;
    border-radius: 28px;
    background: #f7f9fc;
  }
  body #root .seo-page .tw-input {
    padding: 4px 4px 4px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  body #root .seo-page .tw-result {
    padding: 25px;
    border: 0;
    border-top: 3px solid #2146a8;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 10px 28px #17203606;
  }
  body #root .seo-page .tw-pane-head {
    align-items: center;
    gap: 13px;
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-color: #e2e7f0;
  }
  body #root .seo-page .tw-pane-head h3 {
    font: 600 21px/1.4 Onest, sans-serif !important;
    letter-spacing: -.03em;
  }
  body #root .seo-page .tw-pane-number {
    width: 35px;
    height: 35px;
    flex-basis: 35px;
    border-radius: 11px;
    color: #2146a8;
    background: #e8eefb;
  }
  body #root .seo-page .tw-result .tw-pane-number { background: #eaf2d5; color: #657f31; }
  body #root .seo-page .tw-pane-body { gap: 22px; }
  body #root .seo-page .tw-workspace :is(.tool-field > span, .qm-field) {
    color: #45536a;
    font-size: 14px;
    line-height: 1.55;
  }
  body #root .seo-page .tw-empty {
    min-height: 265px;
    padding: 28px 22px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(145deg, #f2f5fc, #f8faef);
  }
  body #root .seo-page .tw-empty-mark {
    width: 62px;
    height: 62px;
    border: 0;
    background: #2146a8;
    color: #fff;
    box-shadow: 5px 6px 0 #d8e2f8;
  }
  body #root .seo-page .tw-empty b { color: #354760; font-size: 18px; font-weight: 600; }
  body #root .seo-page .tw-workspace .tw-result :is(.bm-stage, .wifi-card, .payment-plate, [data-preview], .qm-stage) {
    padding: 18px;
    border: 0;
    box-shadow: none;
  }
  body #root .seo-page .tw-workspace .tw-result .code-download {
    margin-top: 3px;
    padding-top: 20px;
    border-color: #e2e7f0;
  }
  body #root .seo-page .tw-support {
    gap: 22px 34px;
    padding-top: 30px;
    margin-top: 34px;
  }
  body #root .seo-page .tw-workspace .tw-support details {
    border-inline: 0 !important;
    border-radius: 0;
    padding-inline: 0 !important;
    background: transparent;
  }
  body #root .seo-page .tw-workspace--scan .tw-support .scan-steps li {
    padding: 17px 0;
    border-radius: 0;
    border-top: 2px solid #dbe4f7;
    background: none;
  }
  body #root .seo-page .tw-workspace .printer-calibration-steps li {
    padding: 17px 0;
    border-radius: 0;
    border-bottom: 1px solid #e2e7f0;
    background: none;
  }
}
@media screen and (max-width: 1050px) {
  body #root .seo-page .tw-columns { gap: 24px; padding: 23px; }
  body #root .seo-page .tw-result { padding: 22px; }
  body #root .seo-page .tw-orientation { flex-direction: column; gap: 12px; }
  body #root .seo-page .tw-stages { justify-content: flex-start; }
}
@media screen and (max-width: 800px) {
  body #root .seo-page .tw-columns,
  body #root .seo-page .tw-workspace--document .tw-columns {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }
  body #root .seo-page .tw-input { padding: 0; }
  body #root .seo-page .tw-result { position: static; }
  body #root .seo-page .tw-empty { min-height: 210px; }
}
@media screen and (max-width: 480px) {
  body #root .seo-page .seo-tool.tool-workspace .seo-tool-head h2 { font-size: 23px; }
  body #root .seo-page .tw-columns {
    padding: 19px 16px;
    gap: 26px;
    border-radius: 22px;
  }
  body #root .seo-page .tw-result { padding: 18px 16px; border-radius: 16px; }
  body #root .seo-page .tw-pane-head h3 { font-size: 18px !important; }
  body #root .seo-page .tw-pane-head { gap: 11px; margin-bottom: 22px; padding-bottom: 17px; }
  body #root .seo-page .tw-pane-number { width: 30px; height: 30px; flex-basis: 30px; }
  body #root .seo-page .tw-context { font-size: 15px; }
  body #root .seo-page .tw-empty { min-height: 200px; padding: 23px 15px; }
  body #root .seo-page .tw-support { padding-top: 24px; margin-top: 28px; }
}

/* Tool pages expose the working surface sooner than long reading pages. */
@media screen {
  body #root .seo-page.page-layout[data-page-layout][data-tool-page] .seo-hero { grid-template-columns:minmax(0,1fr) 180px; gap:28px; padding:10px 0 20px; }
  body #root .seo-page.page-layout[data-page-layout][data-tool-page] .seo-hero h1 { font-size:clamp(30px,3vw,42px); line-height:1.2; margin:0 0 14px; }
  body #root .seo-page.page-layout[data-page-layout][data-tool-page] .seo-hero :is(.seo-lead,.page-work-intro) { font:400 16px/1.6 Onest,sans-serif; max-width:82ch; margin:0; }
  body #root .seo-page.page-layout[data-page-layout][data-tool-page] .seo-hero-illustration { width:180px; height:165px; }
  body #root .seo-page.page-layout[data-page-layout][data-tool-page] .seo-hero-illustration img { width:170px; height:155px; }
  body #root .seo-page.page-layout[data-page-layout][data-tool-page] .seo-hero .hero-actions { margin-top:16px; }
  body #root .seo-page[data-tool-page] .reader-work-nav { margin:0 0 14px; padding:4px 0 10px; min-height:40px; border-top:0; }
  body #root .seo-page[data-tool-page] .acquisition-actions { margin:8px 0 18px; gap:12px; }
  body #root .seo-page[data-tool-page] .seo-tool.tool-workspace { margin-top:0; }
  body #root .seo-page[data-tool-page] .seo-tool.tool-workspace .seo-tool-head { margin-bottom:16px; padding-bottom:14px; gap:14px; }
  body #root .seo-page[data-tool-page] .seo-tool.tool-workspace .seo-tool-head h2 { font:600 25px/1.35 Onest,sans-serif; letter-spacing:-.4px; }
  body #root .seo-page[data-tool-page] .tw-orientation { margin:0 0 14px; padding:10px 0; }
  @media(max-width:700px) {
    body #root .seo-page.page-layout[data-page-layout][data-tool-page] .seo-hero { grid-template-columns:1fr; padding:16px 0 22px; }
    body #root .seo-page.page-layout[data-page-layout][data-tool-page] .seo-hero h1 { font-size:28px; }
    body #root .seo-page.page-layout[data-page-layout][data-tool-page] .seo-hero-illustration { display:none; }
    body #root .seo-page[data-tool-page] .seo-tool.tool-workspace .seo-tool-head h2 { font-size:22px; }
  }
  @media(max-width:360px) {
    body #root .seo-page.page-layout[data-page-layout][data-tool-page] .seo-hero h1 { font-size:25px; }
  }
}
