.sc-page{--sc-dark:#1b1e26;--sc-dark-ink:#fff;--sc-dark-dim:#c9cfda;--sc-drop-border:#b9c4f5;--sc-drop-wash:#f5f7ff;--tint-0:#e8efff;--tint-0-ink:#2448c9;--tint-1:#f1ebff;--tint-1-ink:#6d3fd6;--tint-2:#e3f6f5;--tint-2-ink:#0f766e;--tint-3:#fde8f3;--tint-3-ink:#b8297a}.sc-page .scanner{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--canvas);gap:0;overflow:hidden}.sc-page .scanner__input,.sc-page .scanner__output{align-content:start;align-self:stretch;gap:var(--space-14);padding:var(--space-20) var(--space-24) var(--space-24)}.sc-page .scanner__input{background:var(--surface)}.sc-page.sc-page .scanner__input>.generator__chips{gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);background:var(--surface-sunken);--focus-color:var(--focus-color-strong);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sc-page.sc-page .scanner__input>.generator__chips>.chip{color:var(--ink-secondary);background:0 0;border-color:#0000;justify-content:center}.sc-page.sc-page .scanner__input>.generator__chips>.chip[data-active]{background:var(--canvas);color:var(--ink)}.sc-page .viewfinder{border-radius:var(--radius-lg);background:var(--sc-dark);--focus-color:var(--sc-dark-ink);border:0;overflow:hidden}.sc-page .viewfinder__square{border:0;position:relative}.sc-page .vf-corner{border:0 solid var(--sc-dark-ink);block-size:18%;inline-size:18%;position:absolute}.sc-page .vf-corner--tl{border-block-start-width:4px;border-inline-start-width:4px;border-start-start-radius:var(--radius);inset-block-start:0;inset-inline-start:0}.sc-page .vf-corner--tr{border-block-start-width:4px;border-inline-end-width:4px;border-start-end-radius:var(--radius);inset-block-start:0;inset-inline-end:0}.sc-page .vf-corner--bl{border-block-end-width:4px;border-inline-start-width:4px;border-end-start-radius:var(--radius);inset-block-end:0;inset-inline-start:0}.sc-page .vf-corner--br{border-block-end-width:4px;border-inline-end-width:4px;border-end-end-radius:var(--radius);inset-block-end:0;inset-inline-end:0}.sc-page .viewfinder__title{font-weight:var(--weight-semibold);color:var(--sc-dark-ink)}.sc-page .viewfinder__note{color:var(--sc-dark-dim)}.sc-page .viewfinder__icon,.sc-page svg.viewfinder__icon{stroke:var(--sc-dark-ink);color:var(--sc-dark-ink)}.sc-page .viewfinder .btn--primary{border-color:var(--sc-dark-ink);border-radius:var(--radius-full);background:var(--sc-dark-ink);color:var(--ink)}.sc-page .viewfinder .btn--primary:hover{background:var(--surface)}.sc-page .viewfinder__error:not([hidden]){padding:var(--space-6) var(--space-10);border-radius:var(--radius-sm);background:var(--canvas)}.sc-page .dropzone{border-color:var(--sc-drop-border);border-radius:var(--radius-lg);background:var(--sc-drop-wash)}.sc-page .supported{padding:var(--space-14) var(--space-20);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--canvas);margin:0}.sc-page .supported__tags{gap:var(--space-6);flex-wrap:wrap;display:flex}.sc-page .supported__tag{padding:var(--space-2) var(--space-10);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);font-size:var(--text-micro);color:var(--ink-secondary)}.sc-page .scanner__result{box-shadow:none}.sc-page .result__head{column-gap:var(--space-10);row-gap:var(--space-2);padding:var(--space-12) var(--space-16);background:var(--tp-surface-soft);grid-template-columns:auto minmax(0,1fr);align-items:center}.sc-page .result__icon{border-radius:var(--radius);background:var(--tint-0);block-size:32px;inline-size:32px;color:var(--tint-0-ink);grid-row:1/span 2;place-items:center;display:grid}.sc-page .result__head>:not(.result__icon){grid-column:2}.sc-page .result__body{padding:var(--space-16)}.sc-page .result__body>.readouts{margin-inline:calc(var(--space-16) * -1);border-top:1px dashed var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-block-end:calc(var(--space-16) * -1)}.sc-page .result__body>.readouts .readout{justify-content:start;gap:var(--space-2);padding:var(--space-8) var(--space-16);border-bottom:1px solid var(--border);display:grid}.sc-page .result__body>.readouts .readout:nth-child(odd){border-inline-end:1px solid var(--border)}.sc-page .result__body>.readouts dt{font-size:var(--text-micro);color:var(--ink-muted)}.sc-page .result__body>.readouts dd{overflow-wrap:anywhere;margin:0}.sc-page .scanner__note{gap:var(--space-10);padding:var(--space-12) var(--space-14);border:1px solid var(--border);border-radius:var(--radius);margin:0;display:flex}.sc-page .scanner__note-icon{margin-top:var(--space-2);color:var(--accent-strong);flex:none}.sc-page .tip__icon{block-size:40px;inline-size:40px;margin-bottom:var(--space-4);border-radius:var(--radius);background:var(--tint-0);color:var(--tint-0-ink);place-items:center;display:grid}.sc-page .tip:nth-child(4n+2) .tip__icon{background:var(--tint-1);color:var(--tint-1-ink)}.sc-page .tip:nth-child(4n+3) .tip__icon{background:var(--tint-2);color:var(--tint-2-ink)}.sc-page .tip:nth-child(4n+4) .tip__icon{background:var(--tint-3);color:var(--tint-3-ink)}