:root,:root[data-theme=dark]{--bg:#0f1115;--panel:#14171d;--panel-raised:#191c23;--sunken:#1a1e26;--border:#23262f;--border-strong:#2c3039;--hairline:#1d2028;--text:#9aa1ad;--text-h:#e8ebf0;--text-dim:#6b7280;--accent:oklch(78% .11 220);--accent-strong:oklch(86% .11 220);--accent-bg:oklch(78% .11 220/.13);--accent-border:oklch(78% .11 220/.4);--accent-ring:oklch(78% .11 220/.18);--on-accent:#0f1115;--accent-shadow:none;--warn:oklch(82% .17 72);--warn-bg:oklch(82% .17 72/.14);--warn-border:oklch(82% .17 72/.42);--code-bg:#191c23;--shadow:#00000080 0 10px 26px -6px, #0000004d 0 3px 8px -3px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f4f5f7;--panel:#fff;--panel-raised:#fff;--sunken:#f4f5f7;--border:#dfe3e9;--border-strong:#d5dae2;--hairline:#eef0f4;--text:#5c6472;--text-h:#131720;--text-dim:#8b94a3;--accent:#1f5f8b;--accent-strong:#164a6d;--accent-bg:#1f5f8b14;--accent-border:#1f5f8b59;--accent-ring:#1f5f8b1f;--on-accent:#fff;--accent-shadow:0 12px 26px -12px #1f5f8b99;--warn:#8a6100;--warn-bg:#d9a40024;--warn-border:#d9a40073;--code-bg:#eef0f4;--shadow:#13172021 0 10px 26px -6px, #13172012 0 3px 8px -3px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--ok:#1f8a4c;--ok-bg:#1f8a4c1a;--ok-border:#1f8a4c59;--ok-shadow:0 10px 24px -10px #1f8a4c8c;--ng:#b42318;--ng-bg:#b4231814;--ng-border:#b4231859;--ng-shadow:0 10px 24px -10px #b4231880;--wait:#d9a400;--ink:#131720;--ink-text:#e8ebf0;--ink-dim:#8b94a3;--ink-chip:#1f2430;--ink-chip-text:#c7ccd6;--ink-line:#2c3039;--ink-accent:#4aa3df;--rail-done:#4ade80;--sans:"IBM Plex Sans JP", "Hiragino Sans", "Noto Sans JP", system-ui, -apple-system, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--tap:48px;--radius:12px;font:16px/1.6 var(--sans);color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}body{min-height:100svh;color:var(--text);background:var(--bg);overscroll-behavior-y:contain;margin:0}#root{min-height:100svh}h1,h2,h3{color:var(--text-h);text-wrap:balance;margin:0}h1{font-size:20px;font-weight:700}h2{font-size:17px;font-weight:700}h3{font-size:16px;font-weight:600}p{margin:0}a{color:var(--accent);text-decoration:none}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button,select,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}svg{flex:none}code,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}code{color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:2px 6px;font-size:15px}.num-lg,.num-xl,.slip__value{font-variant-numeric:tabular-nums;letter-spacing:.01em}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{min-height:100svh;padding-bottom:calc(64px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.topbar{z-index:10;background:var(--ink);color:var(--ink-text);padding-top:env(safe-area-inset-top);position:sticky;top:0}.topbar__bar{align-items:center;gap:10px;padding:12px 16px;display:flex}.topbar__bar>*{min-width:0}.topbar__brand{min-width:0;color:var(--ink-text);align-items:baseline;gap:8px;display:flex}.topbar__title{letter-spacing:.02em;white-space:nowrap;font-size:18px;font-weight:700}.topbar__sub{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}@media (width<=479px){.topbar__sub{display:none}}.topbar__right{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.topbar__user{background:var(--ink-chip);min-width:0;max-width:38vw;color:var(--ink-chip-text);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.topbar__user-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=479px){.topbar__user{max-width:none;padding:6px 8px}.topbar__user-name{display:none}}.practicebar{background:var(--wait);color:var(--ink);align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.practicebar__text{flex:1;min-width:0;line-height:1.4}.practicebar__exit{min-height:32px;color:var(--ink);font:inherit;cursor:pointer;background:#fffc;border:1px solid #13172059;border-radius:999px;flex:none;padding:0 12px;font-weight:700}.topbar__user--practice{background:var(--wait);color:var(--ink);font-weight:600}.btn--sample{width:auto;color:var(--text);border-style:dashed;align-self:flex-start}.practicecall{flex-direction:column;align-items:flex-start;gap:6px;padding-top:4px;display:flex}@media (width>=768px){.practicebar{padding:8px 24px}}.btn-ink{border:1px solid var(--ink-line);min-height:36px;color:var(--ink-chip-text);white-space:nowrap;background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0 12px;font-size:13px;display:inline-flex}.theme-btn{cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;width:40px;min-height:40px;padding:0;display:inline-flex}.theme-btn--ink{border:1px solid var(--ink-line);color:var(--ink-chip-text);background:0 0}.theme-btn--card{border:1px solid var(--border-strong);background:var(--panel-raised);color:var(--text)}.signin__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.nav-top{gap:4px;display:none}.nav-top__item{color:#9aa1ad;white-space:nowrap;border-radius:8px;align-items:center;min-height:40px;padding:0 14px;font-size:15px;display:inline-flex}.nav-top__item.is-active{color:var(--ink);background:var(--ink-accent);font-weight:700}.railslot:empty{display:none}.main{flex:1;min-width:0}.page{padding:16px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));flex-direction:column;gap:14px;display:flex}.tabs{z-index:20;border-top:1px solid var(--border);background:var(--panel);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabs__item{min-height:56px;color:var(--text-dim);text-align:center;border-top:3px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 2px;font-size:11px;line-height:1.3;display:flex}.tabs__item.is-active{color:var(--accent);border-top-color:var(--accent);font-weight:700}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);flex-direction:column;gap:14px;padding:16px;display:flex}.card--slip{border-left:6px solid var(--accent)}.card--flush{gap:0;padding:0;overflow:hidden}.card--warn{border-color:var(--warn-border);background:var(--warn-bg)}.cardhead{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.cardhead__note{color:var(--text-dim);font-size:13px}.eyebrow{letter-spacing:.08em;color:var(--text-dim);font-size:12px;font-weight:600}.stack{flex-direction:column;gap:12px;display:flex}.stack--wide>*{flex:1 1 0;min-width:0}.cols{flex-direction:column;gap:14px;min-width:0;display:flex}.cols>.col{display:contents}.ord1{order:1}.ord2{order:2}.ord3{order:3}.ord4{order:4}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row--between{justify-content:space-between}.row--equal>*{flex:1 1 0;min-width:0}.hint{color:var(--text-dim);font-size:13px;line-height:1.6}.hint--warn{color:var(--warn);align-items:flex-start;gap:8px;display:flex}.hint--warn>svg{flex:none;margin-top:3px}.hint--warn strong{color:var(--text-h)}.dim{color:var(--text-dim)}.strong{color:var(--text-h);font-weight:600}.is-warn{color:var(--warn)}.is-ng{color:var(--ng)}.dot{background:var(--text-dim);border-radius:50%;flex:none;width:10px;height:10px}.dot--ok{background:var(--ok)}.dot--ng{background:var(--ng)}.dot--wait{background:var(--wait)}.dot--quiet{background:var(--border-strong)}.btn{min-height:var(--tap);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--panel);color:var(--text);text-align:center;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:500;display:inline-flex}.btn--big{min-height:60px;font-size:17px;font-weight:600}.row--equal .btn--big{white-space:nowrap;gap:6px;padding:10px 8px;font-size:15px}@media (width<=359px){.row--equal .btn--big{gap:4px;font-size:14px}}.btn--huge{min-height:60px;font-size:18px;font-weight:700}.btn--sm{min-height:40px;padding:6px 12px;font-size:14px}.btn--primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--accent-shadow);border-color:#0000;font-weight:700}.btn--ghost{border-color:var(--accent);background:var(--accent-bg);color:var(--accent-strong);font-weight:600}.btn--danger{border-color:var(--ng-border);background:var(--ng-bg);color:var(--ng);font-weight:600}.btn:disabled{opacity:.45;box-shadow:none;cursor:default}.linkish{min-height:var(--tap);color:var(--accent);background:0 0;border:none;padding:0;font-size:15px;text-decoration:underline}.field{flex-direction:column;gap:8px;display:flex}.field__label{color:var(--text);font-size:14px;font-weight:600}.input{border:1px solid var(--border-strong);background:var(--panel);width:100%;min-height:56px;color:var(--text-h);border-radius:10px;padding:10px 14px;font-size:18px}.input:focus{border:2px solid var(--accent);box-shadow:0 0 0 4px var(--accent-ring);outline:none}.radio{min-height:var(--tap);align-items:center;gap:10px;font-size:16px;display:flex}.radio input{width:24px;height:24px;accent-color:var(--accent)}.alert{border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:15px;line-height:1.6}.alert--error{border-color:var(--ng-border);background:var(--ng-bg);color:var(--ng)}.alert--warn{border-color:var(--warn-border);background:var(--warn-bg);color:var(--warn)}.alert--ok{border-color:var(--ok-border);background:var(--ok-bg);color:var(--ok)}.flash{border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.flash--ok{background:var(--ok-bg);color:var(--ok)}.flash--ng{background:var(--ng-bg);color:var(--ng)}.ok-line{color:var(--ok);font-size:15px;font-weight:600}.verdict{color:#fff;text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:22px 16px 18px;display:flex}.verdict__text{letter-spacing:.06em;font-size:36px;font-weight:700;line-height:1.1}.verdict__sub{opacity:.9;font-size:13px}.verdict--ok{background:var(--ok);box-shadow:var(--ok-shadow)}.verdict--ng{background:var(--ng);box-shadow:var(--ng-shadow)}.slip{border:1px solid var(--border);border-left:6px solid var(--accent);border-radius:var(--radius);background:var(--panel);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.slip__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.slip__label{letter-spacing:.08em;color:var(--text-dim);font-size:12px;font-weight:600}.slip__note{color:var(--text-dim);font-size:12px}.slip__value{font-family:var(--mono);letter-spacing:.02em;color:var(--text-h);overflow-wrap:anywhere;font-size:40px;font-weight:600;line-height:1.1}.slip__value--sm{font-size:26px}.slip__lines{color:var(--text);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr);gap:4px 12px;font-size:12px;display:grid}.slip__line-label{color:var(--text-dim)}.num-lg{color:var(--text-h);font-size:19px;font-weight:600}.num-xl{color:var(--text-h);font-size:26px;font-weight:700}.bignums{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.bignums__item{flex-direction:column;display:flex}.bignums__num{color:var(--text-h);font-size:40px;font-weight:600;line-height:1.1}.bignums__label{color:var(--text);font-size:13px}.meter{background:var(--sunken);border:1px solid var(--border);border-radius:999px;height:10px;display:flex;overflow:hidden}.meter__seg--done{background:var(--ok)}.meter__seg--locked{background:var(--accent)}.meter__seg--working{background:var(--wait)}.minitiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.minitile{background:var(--sunken);border-radius:10px;flex-direction:column;gap:2px;padding:10px;display:flex}.minitile__num{color:var(--text-h);font-size:22px;font-weight:600;line-height:1.1}.minitile__label{color:var(--text);font-size:12px}.cardfoot{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;padding-top:10px;font-size:13px;display:flex}.foot-ng{color:var(--ng);align-items:center;gap:8px;font-weight:600;display:inline-flex}.foot-quiet{color:var(--text);align-items:center;gap:8px;display:inline-flex}.dayline{color:var(--text-dim);justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tile{border:1px solid var(--border);background:var(--panel);min-height:132px;color:var(--text-h);border-radius:14px;flex-direction:column;justify-content:space-between;gap:16px;padding:12px 14px;display:flex}.tile--primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--accent-shadow);border-color:#0000}.tile__icon{color:var(--accent)}.tile__body{flex-direction:column;gap:2px;display:flex}.tile__title{letter-spacing:-.01em;word-break:keep-all;overflow-wrap:normal;font-size:17px;font-weight:700}.tile__sub{opacity:.85;font-size:12px}.tile:not(.tile--primary) .tile__sub{color:var(--text-dim);opacity:1}.kv{grid-template-columns:minmax(88px,auto) 1fr;gap:6px 12px;margin:0;font-size:15px;display:grid}.kv dt{color:var(--text-dim)}.kv dd{color:var(--text-h);overflow-wrap:anywhere;margin:0}.result{border:1px solid var(--border);background:var(--panel-raised);border-radius:10px;flex-direction:column;gap:12px;padding:12px;display:flex}.statelist{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);flex-direction:column;gap:8px;padding:12px 14px;font-size:14px;display:flex}.statelist__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.statelist__key{color:var(--text-h);font-weight:600}.statelist__val{color:var(--text);overflow-wrap:anywhere}.chip{border:1px solid var(--border-strong);white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip--wait{border-color:var(--warn-border);background:var(--warn-bg);color:var(--warn)}.chip--ok{border-color:var(--ok-border);background:var(--ok-bg);color:var(--ok)}.chip--done{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent-strong)}.chip--ng{border-color:var(--ng-border);background:var(--ng-bg);color:var(--ng)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip--btn{min-height:var(--tap);background:var(--panel);color:var(--text);padding:8px 14px;font-size:15px}.chip--btn.is-on{border-color:var(--accent);background:var(--accent-bg);color:var(--accent-strong)}.list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.list__row{border:1px solid var(--border);background:var(--panel);border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.list__main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.list__link{min-width:0;min-height:var(--tap);color:inherit;flex-direction:column;flex:1;justify-content:center;gap:4px;display:flex}.panelhead{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.panelbody{padding:14px 16px}.legend{color:var(--text-dim);align-items:center;gap:12px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:15px}.table th{border-bottom:1px solid var(--border);color:var(--text-dim);letter-spacing:.04em;text-align:left;white-space:nowrap;padding:8px 14px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--hairline);min-height:48px;color:var(--text);vertical-align:middle;white-space:nowrap;padding:8px 14px}.table td.dim{color:var(--text-dim)}.table td:last-child{white-space:normal;overflow-wrap:anywhere;min-width:190px}.table td .btn{white-space:nowrap}.table tbody tr:last-child td{border-bottom:none}.nowrap{white-space:nowrap}.table .chip{text-overflow:ellipsis;vertical-align:middle;max-width:190px;display:inline-block;overflow:hidden}.table--compact th,.table--compact td{padding:8px 9px}.table--compact .chip{max-width:104px}.table--compact td:last-child{min-width:0}.boxhead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.boxhead__left{flex-direction:column;gap:2px;min-width:0;display:flex}.boxhead__code{color:var(--text-h);overflow-wrap:anywhere;font-size:30px;font-weight:600;line-height:1.1}.boxhead__count{align-items:baseline;gap:4px;display:flex}.boxhead__num{color:var(--text-h);font-size:44px;font-weight:600;line-height:1}.boxhead__unit{color:var(--text-dim);font-size:14px}.log{flex-direction:column;gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.help{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.help p{font-size:15px;line-height:1.7}.steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:0;padding:6px 12px 12px;list-style:none;display:grid}.steps__item{border-top:3px solid var(--ink-line);color:#6b7280;flex-direction:column;align-items:center;gap:3px;padding-top:6px;font-size:11px;display:flex}.steps__num{font-size:13px;font-weight:600}.steps__item.is-done{border-top-color:var(--rail-done);color:var(--ink-dim)}.steps__item.is-done .steps__num{color:var(--rail-done)}.steps__item.is-current{border-top-color:var(--ink-accent);color:#fff;font-weight:700}.steps__item.is-current .steps__num{color:var(--ink-accent)}.scanner{flex-direction:column;gap:10px;display:flex}.scanner__frame{aspect-ratio:4/3;border-radius:var(--radius);background:#000;width:100%;max-width:100%;position:relative;overflow:hidden}.scanner__video{object-fit:cover;width:100%;height:100%;display:block}.scanner__reticle{border:3px solid #ffffffd9;border-radius:10px;position:absolute;inset:18% 10%;box-shadow:0 0 0 100vmax #00000047}.scanner__hint{color:var(--text-dim);font-size:13px}.scanner__engine{color:var(--text-dim);font-size:12px}.loading{color:var(--text-dim);opacity:0;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:15px;display:flex}.loading.is-shown{opacity:1}.spin{border:2px solid var(--border-strong);border-top-color:currentColor;border-radius:50%;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.overlay{z-index:100;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{border:1px solid var(--border);background:var(--panel);width:100%;max-width:480px;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:14px;padding:18px;display:flex}.sheet__body{font-size:15px;line-height:1.6}.sheet__actions{gap:10px;display:flex}.sheet__actions>*{flex:1;min-height:56px}.signin{min-height:100svh;padding:20px;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom));background:var(--bg);justify-content:center;align-items:center;display:flex}.signin__card{border:1px solid var(--border);background:var(--panel);width:100%;max-width:420px;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:18px;padding:22px;display:flex}.signin__brand{flex-direction:column;gap:2px;display:flex}.signin__title{color:var(--text-h);font-size:22px;font-weight:700}.signin__subtitle{color:var(--text-dim);font-size:13px}.signin__footer{color:var(--text-dim);font-size:13px;line-height:1.6}@media (hover:hover){.btn:hover:not(:disabled){border-color:var(--accent-border);color:var(--accent-strong)}.btn--primary:hover:not(:disabled){background:var(--accent-strong);color:var(--on-accent);border-color:#0000}.btn--danger:hover:not(:disabled){border-color:var(--ng);color:var(--ng)}.btn-ink:hover{border-color:var(--ink-accent);color:#fff}.tile:hover{border-color:var(--accent-border)}.tile--primary:hover{background:var(--accent-strong);border-color:#0000}.linkish:hover{color:var(--accent-strong)}.nav-top__item:hover{color:#fff;background:var(--ink-chip)}.tabs__item:hover{color:var(--accent)}.chip--btn:hover{color:var(--text-h);border-color:var(--accent-border)}.list__row:hover{border-color:var(--border-strong)}.table tbody tr:hover{background:var(--sunken)}.table a:hover{text-decoration:underline}}.btn:focus-visible,.btn-ink:focus-visible,.tile:focus-visible,.nav-top__item:focus-visible,.tabs__item:focus-visible,.chip--btn:focus-visible,.list__link:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--radius)}.nav-top__item:focus-visible{outline-color:var(--ink-accent)}@media (width>=768px){.shell{padding-bottom:0}.tabs{display:none}.nav-top{display:flex}.topbar__bar{gap:24px;height:60px;padding:0 24px}.topbar__user{max-width:260px;font-size:13px}.page{gap:18px;max-width:920px;margin:0 auto;padding:24px}.cols{gap:18px}.cols--2{grid-template-columns:1fr 1fr;align-items:start;display:grid}.cols--2>.col{flex-direction:column;gap:18px;display:flex}.stack--wide{flex-direction:row}.search{flex-direction:row;align-items:center}.search .input{flex:1}.search .btn{flex:0 0 150px}.slip__lines{grid-template-columns:repeat(2,minmax(0,1fr))}.boxhead__code{font-size:34px}.tile{padding:16px}.tile__title{letter-spacing:0;font-size:18px}.signin__card{max-width:440px}.page>.btn--sm{align-self:flex-start}.steps{max-width:920px;margin:0 auto;padding:0 24px 10px}}@media (width>=1024px){.topbar__bar{padding:0 32px}.page{max-width:1100px;padding:24px 32px}.steps{max-width:1100px;padding:0 32px 10px}.page--narrow>*{width:100%;max-width:640px;margin-inline:auto}.cols--pack,.cols--detail{align-items:start;display:grid}.cols--pack{grid-template-columns:minmax(0,420px) minmax(0,1fr)}.cols--detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cols--pack>.col,.cols--detail>.col{flex-direction:column;gap:18px;min-width:0;display:flex}.scanner__frame{max-width:520px}}