:root{--bg:#f7f8fa;--panel:#fff;--border:#e3e6ea;--text:#1a1d21;--muted:#6b7280;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-weak:#eff4ff;--danger:#dc2626;--ok:#16a34a;--btn:#f2f2f3;--btn-hover:#e6e6e8;--btn-active:#d9d9dc;--btn-border:#d0d0d3;--th-bg:#f7f8fa;--row-alt:#f7f8fa;--row-hover:#eaf0fb;--row-selected:#fde68a;--row-selected-hover:#fcd34d;--zone-items:#2563eb;--zone-orders:#0f766e;--zone-admin:#6d28d9;--zone-account:#475569;--zone:var(--zone-items);--header-h:65px;--env-h:24px;--sidebar-w:240px;--sidebar-rail-w:76px;--radius:6px}.shell:not(:has(.env-banner)){--env-h:0px}[data-zone=items]{--zone:var(--zone-items)}[data-zone=orders]{--zone:var(--zone-orders)}[data-zone=admin]{--zone:var(--zone-admin)}[data-zone=account]{--zone:var(--zone-account)}body,html{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;font-size:14px;line-height:21px}*{box-sizing:border-box}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0;font-size:1.1rem}h2{margin:0 0 12px;font-size:.95rem}h3{color:var(--muted);margin:18px 0 8px;font-size:.85rem}a[href^=tel\:]{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:1px solid var(--btn-border);background:var(--btn);color:var(--text);border-radius:var(--radius);padding:8px 14px;font-size:14px;line-height:20px}button:hover:not(:disabled):not(.primary){background:var(--btn-hover)}button:active:not(:disabled):not(.primary){background:var(--btn-active)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.danger{color:var(--danger)}button.ghost{color:var(--accent);background:0 0;border-color:#0000;padding:4px 8px}button.ghost:hover:not(:disabled){background:var(--accent-weak)}button.small{padding:4px 9px;font-size:12px}button.ghost.muted{color:var(--muted)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font:inherit;border:1px solid var(--border);background:var(--panel);width:100%;color:var(--text);border-radius:0;padding:8px 10px;font-size:14px}textarea{resize:vertical}textarea.autosize{field-sizing:content;resize:none;min-height:3.4em;max-height:8em}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-2px;border-color:var(--accent)}@media (width<=640px){input,select,textarea{font-size:16px}}@media (height<=500px){button{padding:4px 10px}input,select,td,textarea,th{padding:4px 8px}}label{color:var(--muted);align-content:start;gap:4px;font-size:12px;display:grid}label>input,label>select,label>textarea{color:var(--text);font-size:14px}label>button{justify-self:start}@media (width<=640px){label>input,label>select,label>textarea{font-size:16px}}fieldset{border:none;gap:14px;margin:0;padding:0;display:grid}fieldset:disabled{opacity:.75}.filter-group{border:1px solid var(--border);gap:10px;margin:18px 0 14px;padding:16px 12px 12px;position:relative}.filter-group:last-of-type{margin-bottom:6px}.filter-group>legend{background:var(--panel);color:var(--muted);letter-spacing:.025em;padding:0 6px;font-size:11px;font-weight:600;position:absolute;top:-8px;left:10px}.grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=760px){.grid2{grid-template-columns:1fr}}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.toolbar>input,.toolbar>select{width:auto}.spacer{flex:1}.inline{align-items:center;gap:8px;display:flex}.inline>input{width:auto}.boot{min-height:100dvh}.blank{background:var(--bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.blank-body{flex:1;justify-content:center;align-items:center;min-height:0;padding:20px;display:flex;overflow-y:auto}.shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.env-banner{height:var(--env-h);line-height:var(--env-h);text-align:center;letter-spacing:1.2px;color:#fff;background:var(--ok);flex-shrink:0;font-size:12px;font-weight:700}.env-banner.staging{background:#d97706}.topbar{height:var(--header-h);z-index:30;background:var(--panel);border-bottom:3px solid var(--zone);flex-shrink:0;align-items:center;gap:8px;padding:0 10px;display:flex;position:relative}.brand{color:var(--accent);font-size:16px;font-weight:700}.brand:hover{text-decoration:none}.topbar .sep{color:var(--muted)}.topbar .page-title{color:var(--zone);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}button.icon{border-radius:var(--radius);width:32px;height:32px;color:var(--text);background:0 0;border:none;flex-shrink:0;place-items:center;padding:0;display:grid}button.icon:hover:not(:disabled):not(.primary){background:var(--accent-weak)}button.icon svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:20px;height:20px}.scrim{inset:calc(var(--env-h) + var(--header-h)) 0 0 0;z-index:19;background:#00000059;position:fixed}.sidebar{top:calc(var(--env-h) + var(--header-h));width:var(--sidebar-w);z-index:20;background:var(--panel);border-right:1px solid var(--border);flex-direction:column;transition:transform .2s,width .2s;display:flex;position:fixed;bottom:0;left:0;overflow:hidden;transform:translate(-100%)}.sidebar.rail,.sidebar.shown{transform:translate(0)}.sidebar.rail{width:var(--sidebar-rail-w)}.sidebar.rail .nav-item{text-align:center;flex-direction:column;gap:4px;padding:10px 2px}.sidebar.rail .nav-text{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;line-height:1.2;overflow:hidden}.sidebar.rail .nav-group-label{display:none}.sidebar.rail .nav-group{border:none;margin-bottom:8px;padding:0}.sidebar.rail .nav-group+.nav-group{border-top:1px solid var(--border);padding-top:8px}.sidebar.rail .sidebar-body{padding:8px 4px}.sidebar-body{overscroll-behavior:contain;flex:1;padding:16px 10px 10px;overflow-y:auto}.nav-group{border:1px solid var(--border);margin-bottom:12px;padding:12px 6px 6px;position:relative}.nav-group:last-child{margin-bottom:0}.nav-group-label{background:var(--panel);color:var(--zone);letter-spacing:.025em;padding:0 6px;font-size:11px;font-weight:600;position:absolute;top:-8px;left:10px}.nav-item{color:var(--text);align-items:center;gap:10px;padding:8px 10px 8px 8px;font-size:14px;display:flex}.nav-icon{flex:none;width:17px;height:17px}.sidebar.rail .nav-icon{width:21px;height:21px}.nav-item:hover{background:var(--bg);text-decoration:none}.nav-item.current{background:color-mix(in srgb,var(--zone) 8%,#fff);color:var(--zone);font-weight:600}.account{flex-shrink:0;margin-left:auto;position:relative}.account>button{text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:0;padding:4px 8px;line-height:1.2;display:flex}.account>button:hover:not(:disabled){background:var(--accent-weak)}.account-caption{color:var(--muted);font-size:10px}.account-name{font-size:14px;font-weight:700}.account-chevron{color:var(--muted);position:absolute;top:50%;right:-4px;transform:translateY(-50%)}.account-pop{z-index:40;background:var(--panel);border:1px solid var(--border);gap:6px;min-width:15rem;padding:8px;font-size:13px;display:grid;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0000001f}.account-row{justify-content:space-between;gap:8px;display:flex}.account-pop button{width:100%}.main{background:var(--panel);flex-direction:column;flex:1;min-height:0;padding:12px;transition:margin-left .2s;display:flex;overflow:hidden auto}.main>*{width:100%;max-width:1100px}.main>.list-page{max-width:none}@media (width>=640px){.main{padding:16px}}@media (width>=1024px){.main{padding:16px 24px}}@media (height<=500px){.main{padding-top:6px;padding-bottom:6px}}@media (width>=640px){.main{margin-left:var(--sidebar-rail-w)}}@media (width>=1024px){.shell.nav-open .main{margin-left:var(--sidebar-w)}}.chrome{flex-shrink:0;max-height:200px;transition:max-height .2s;overflow:visible}@media (height<=500px),(width<=640px){.chrome.hidden{max-height:0;overflow:hidden}}.table-toolbar .count-row{max-height:60px;transition:max-height .2s,margin .2s;overflow:hidden}.table-toolbar .count-row.hidden{max-height:0;margin-bottom:0}.card,.panel{background:var(--panel);border:1px solid var(--border);margin-bottom:16px;padding:8px}@media (width>=640px){.card,.panel{padding:20px}}.list-page{flex-direction:column;flex:1;min-height:0;margin-bottom:0;padding-bottom:0;display:flex}@media (height<=500px){.card,.panel{padding:8px}}.main:has(>.list-page){padding:0}.main>.list-page{border:none;padding:10px 12px 0}@media (width<=640px){.main>.list-page{padding:8px 8px 0}}.notice{background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--accent);margin-bottom:12px;padding:10px 14px;font-size:13px}.notice.warn{border-left-color:var(--danger)}.notice ul{margin:6px 0 0;padding-left:18px}.notice.working{color:var(--accent);align-items:center;gap:10px;display:flex}.notice.working p{color:var(--muted);margin:2px 0 0}.sticky-note{z-index:3;position:sticky;top:0}.table-pane{flex-direction:column;flex:1;min-height:0;display:flex}.table-scroll{border:1px solid var(--border);flex:1;min-height:0;overflow:auto}table{border-collapse:collapse;width:100%}.table-fit{table-layout:fixed;width:max-content;min-width:100%}.table-fit.strict{border-right:1px solid var(--border);min-width:0}.table-fit td.wrap,.table-fit th.wrap{white-space:normal;overflow-wrap:anywhere}table caption{text-align:left;color:var(--muted);padding:8px 10px 4px;font-size:12px}td,th{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);border-left:1px solid var(--border);padding:6px 8px;font-size:14px}td:first-child,th:first-child{border-left:none}th{color:var(--muted);white-space:nowrap;text-align:center;font-size:14px;font-weight:600}thead th{background:var(--th-bg)}.table-scroll thead{z-index:2;position:sticky;top:0}.filter-row th{padding:4px 6px}.filter-row input,.filter-row select{padding:4px 6px;font-size:13px}@media (width<=640px){.filter-row input,.filter-row select{padding:5px 6px;font-size:16px}}tbody td{white-space:nowrap}tbody tr:nth-child(2n){background:var(--row-alt)}tbody tr.row{cursor:pointer}tbody tr.row:hover,tbody tr.row:nth-child(2n):hover{background:var(--row-hover)}tbody tr.row.selected,tbody tr.row.selected:nth-child(2n){background:var(--row-selected)}tbody tr.row.selected:hover,tbody tr.row.selected:nth-child(2n):hover{background:var(--row-selected-hover)}.table-toolbar{margin-bottom:0}.table-toolbar .row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.table-toolbar .row:last-child{margin-bottom:12px}.table-toolbar .count{color:var(--text);white-space:nowrap;font-size:14px}.table-toolbar .per-page{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;font-size:14px;display:flex}.table-toolbar .per-page select{width:auto}.filter-button{position:relative}.filter-count{background:var(--accent);color:#fff;border-radius:999px;padding:1px 7px;font-size:11px;position:absolute;top:-8px;right:-8px}.action-menu{flex-shrink:0;margin-left:auto;position:relative}.action-menu-list{z-index:20;background:var(--panel);border:1px solid var(--border);gap:2px;min-width:13rem;padding:4px;display:grid;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0000001f}.action-menu-list button{text-align:left;background:0 0;border-color:#0000;width:100%}.action-menu-list button:hover:not(:disabled){background:var(--btn-hover)}@media (width<=640px){.table-toolbar .wide{display:none}}td.num{text-align:right}td.center{text-align:center}.badges{flex-wrap:wrap;gap:4px;display:flex}td.center .badges{justify-content:center}.small,td.small{font-size:12px}td.empty{text-align:center;color:var(--muted);padding:32px}table.compact td,table.compact th{white-space:normal;padding:5px 8px}table.compact td.breakable{overflow-wrap:anywhere}table.framed{border:1px solid var(--border)}table.kv th{text-align:left;background:var(--th-bg);white-space:nowrap;width:190px}table.kv td,table.kv th{vertical-align:top}table.kv tbody tr:nth-child(2n){background:0 0}@media (width<=640px){table.kv th{width:140px}}.stack-label{display:none}button.help{border:1px solid var(--border);background:var(--panel);width:18px;height:18px;color:var(--muted);vertical-align:middle;border-radius:999px;margin-left:4px;padding:0;font-size:12px;line-height:1}button.help:hover:not(:disabled){color:var(--text);border-color:var(--muted)}@media (width<=640px){table.stack.framed{border:none}}@media (width>=641px){table.compact td.nowrap{white-space:nowrap}}.pagination{border-top:1px solid var(--border);background:var(--panel);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px;margin:0 -8px;padding:4px 8px;display:flex}@media (width>=640px){.pagination{margin:0 -20px;padding:4px 20px}}.thumb{-o-object-fit:cover;object-fit:cover;border:1px solid var(--border);width:72px;height:72px;display:block}.thumb,.thumb.empty{background:var(--bg)}.thumb.empty{border-style:dashed}.thumb-slot{border:1px solid var(--border);background:var(--bg);width:72px;height:72px;color:var(--muted);place-items:center;display:grid}.thumb-slot>*{grid-area:1/1}.thumb-slot .thumb{opacity:0;border:none;transition:opacity .15s}.thumb-slot .thumb.ready{opacity:1}.thumb-error{border:1px solid var(--danger);width:18px;height:18px;color:var(--danger);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.thumb-inline{width:40px;height:40px;display:none}.thumb-slot.inline{display:none}.input-unit{display:block;position:relative}.input-unit>input{width:100%;padding-left:26px}.input-unit-mark{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.photo-cell{text-align:center}.photo-cell .thumb,.photo-cell .thumb-slot{margin-inline:auto}.stamps>div{white-space:nowrap;font-variant-numeric:tabular-nums;gap:8px;display:flex}.stamp-label{font-variant-numeric:normal;flex:none;width:2.2em}.id-cell{justify-items:center;gap:6px;display:grid}.id-cell button{justify-self:stretch}.name-cell,.title-cell{min-width:0}.mercari-id-missing{border:1px dashed var(--border);color:var(--muted);background:0 0;margin-top:4px;padding:1px 6px;font-size:11px;display:block}.mercari-id-missing:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.order-item{justify-items:start;display:grid}.order-item-id{flex-wrap:wrap;align-items:baseline;gap:0 8px;margin-top:4px;display:flex}.order-item-id .mercari-id{margin-top:0}.mercari-id{color:var(--accent);margin-top:4px;text-decoration:underline;display:block}@media (width<=640px){.table-scroll{border:none}table.stack thead{display:none}table.stack tbody tr{border:1px solid var(--border);margin-bottom:8px;display:block}table.stack tbody tr,table.stack tbody tr.row:hover,table.stack tbody tr:nth-child(2n){background:var(--panel)}table.stack td{border:none;border-bottom:1px solid var(--border);white-space:normal;text-align:left;grid-template-columns:7.3rem 1fr;padding:8px 10px;line-height:21px;display:grid}table.stack td:last-child{border-bottom:none}table.stack td:before{content:attr(data-label);background:var(--bg);border-right:1px solid var(--border);color:var(--muted);align-items:center;margin:-8px 10px -8px -10px;padding:8px 10px;font-size:14px;display:flex}table.stack td:first-child:before{background:var(--border);color:var(--text)}table.stack td.num{text-align:left}table.stack td button{align-self:center}table.stack td>.badge{justify-self:start}table.stack td.center .badges{justify-content:flex-start}table.stack td.has-help:before{content:none}table.stack td.has-help>.stack-label{background:var(--bg);border-right:1px solid var(--border);color:var(--muted);grid-area:1/1;align-content:center;margin:-8px 10px -8px -10px;padding:8px 10px;font-size:14px;display:grid}table.stack td.has-help>:not(.stack-label){grid-column:2}table.stack.table-fit{table-layout:auto;width:100%;min-width:0}table.stack .id-cell{align-items:center;gap:10px;display:flex}table.stack tbody tr.row.selected,table.stack tbody tr.row.selected:hover,table.stack tbody tr.row.selected:nth-child(2n),table.stack tbody tr.row.selected:nth-child(2n):hover{background:var(--panel)}table.stack td[data-label=写真]{display:none}table.stack .name-cell{align-items:flex-start;gap:10px;display:flex}table.stack .thumb-inline{flex:none;display:block}table.stack .thumb-slot.inline{flex:none;width:40px;height:40px;display:grid}}.badge{padding:2px 8px;font-size:12px;display:inline-block}.badge,.badge.draft{color:#3f4650;background:#e8eaed}.badge.ready{color:#6d28d9;background:#ede9fe}.badge.queued{color:#075985;background:#e0f2fe}.badge.listing{color:#075985;background:#bae6fd;animation:1.6s ease-in-out infinite badge-pulse}@keyframes badge-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.badge.listing{animation:none}}.legend .badge.listing{animation:none}@media (width<=640px){.legend,.legend tbody,.legend td,.legend tr{display:block}.legend tr{border-bottom:1px solid var(--border)}.legend tr:last-child{border-bottom:none}.legend td{border:none;padding:8px 10px}.legend td:first-child{text-align:left;padding-bottom:0}}.badge.failed{color:#991b1b;background:#fee2e2}.badge.sync{color:#92400e;background:#fef3c7}.badge.to_ship{color:#991b1b;background:#fee2e2}.badge.shipped{color:#075985;background:#e0f2fe}.badge.completed{background:color-mix(in srgb,var(--ok) 16%,transparent);color:#14713a}.badge.cancelled{color:var(--muted);box-shadow:inset 0 0 0 1px var(--border);background:0 0}.badge.unknown{color:#3f4650;background:#e8eaed}button.badged{padding-right:14px;position:relative;overflow:visible}.count-badge{text-align:center;background:var(--muted);color:#fff;min-width:17px;box-shadow:0 0 0 2px var(--panel);border-radius:9px;padding:0 4px;font-size:10px;font-weight:600;line-height:17px;position:absolute;top:-7px;right:-7px}.count-badge.unanswered{background:var(--danger)}.diff+.diff{border-top:1px dashed var(--border);margin-top:8px;padding-top:8px}.diff-label{margin-bottom:2px;font-weight:600;display:block}.diff-values{grid-template-columns:1fr;gap:2px;display:grid}.diff-values .before{color:var(--muted);text-decoration:line-through}.diff-values .arrow{color:var(--muted);font-size:11px}.diff-values .after{color:var(--text)}.diff-values .before:empty{text-decoration:none}.comment-meta{flex-wrap:wrap;align-items:center;gap:4px 14px;margin:12px 0 0;display:flex}.comments{gap:10px;margin:12px 0;padding:0;list-style:none;display:grid}.comment{border:1px solid var(--border);background:var(--panel);border-radius:8px;max-width:78%;padding:8px 10px}.comment.mine{background:color-mix(in srgb,var(--accent) 7%,transparent);border-color:color-mix(in srgb,var(--accent) 28%,var(--border));margin-left:auto}.comment-head{justify-content:space-between;gap:8px;margin:0 0 4px;display:flex}.comment-body{white-space:pre-wrap;margin:0}.replies{gap:8px;margin:8px 0 16px;padding:0;list-style:none;display:grid}.reply{border:1px dashed var(--border);border-radius:8px;padding:8px 10px}.reply p{align-items:center;gap:8px;margin:0 0 4px;display:flex}.reply p:last-child{margin-bottom:0}.badge.reply-queued{color:#075985;background:#e0f2fe}.badge.reply-sending{color:#92400e;background:#fef3c7}.badge.reply-sent{background:color-mix(in srgb,var(--ok) 16%,transparent);color:#14713a}.badge.reply-failed{color:#991b1b;background:#fee2e2}.reply .reason{color:var(--danger)}.outside-note{white-space:nowrap}.outside-note,.todo-note{color:var(--muted);font-size:11px}.todo-note{margin-top:4px;line-height:1.5;display:block}.totals{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:12px;display:grid}.total-card{border:1px solid var(--border);background:var(--bg);border-radius:4px;gap:2px;padding:10px 12px;display:grid}.total-card strong{font-variant-numeric:tabular-nums;font-size:18px}.total-label{color:var(--muted);font-size:12px}.total-card.urgent{border-color:var(--danger);background:#fef2f2}.total-card.urgent strong{color:var(--danger)}.total-card.net strong{color:#14713a}@media (width<=640px){.totals{scroll-snap-type:x proximity;flex-wrap:nowrap;gap:8px;margin:0 0 10px;display:flex;overflow-x:auto}.total-card{scroll-snap-align:start;flex:none;min-width:150px}.total-card strong{font-size:16px}}.totals{max-height:200px;transition:max-height .2s,opacity .2s,margin .2s}.totals.hidden{opacity:0;max-height:0;margin-bottom:0;overflow:hidden}.totals-scope{color:var(--muted);max-height:40px;margin:0 0 6px;font-size:12px;transition:max-height .2s,opacity .2s,margin .2s;overflow:hidden}.totals-scope.hidden{opacity:0;max-height:0;margin-bottom:0}.inline-check{align-items:center;gap:8px;display:flex}.inline-check input{width:auto}.cell-actions{justify-self:start;justify-items:stretch;gap:6px;display:inline-grid}.cell-actions>*{width:100%}.cell-actions-row{flex-wrap:nowrap;justify-content:space-between;gap:6px;display:flex}.alert-mark{border:1px solid var(--danger);width:22px;height:22px;color:var(--danger);cursor:pointer;background:0 0;border-radius:50%;flex:none;padding:0;font-size:13px;font-weight:700;line-height:1}.alert-mark:hover{background:var(--danger);color:#fff}.reason{color:var(--danger);overflow-wrap:anywhere}.cell-actions-row>*{flex:none}.btn-link{font:inherit;border:1px solid var(--btn-border);background:var(--btn);color:var(--text);border-radius:var(--radius);white-space:nowrap;padding:4px 9px;font-size:12px;line-height:20px;text-decoration:none;display:inline-block}.btn-link:hover{background:var(--btn-hover);color:var(--text)}.role-picker{border:1px solid var(--border);border-radius:4px;grid-column:1/-1;margin:0;padding:10px 12px}.role-picker legend{color:var(--muted);padding:0 4px;font-size:12px}.role-option{cursor:pointer;align-items:start;gap:8px;padding:5px 0;display:flex}.role-option input{flex:none;width:auto;margin-top:2px}.role-option>span{gap:2px;min-width:0;display:grid}.role-option strong{color:var(--text);font-size:13px;font-weight:600}.role-options{justify-items:start;display:grid}.role-option.compact{align-items:center;padding:2px 0;font-size:12px}.role-option.compact input{margin-top:0}.over-limit{color:var(--danger);font-weight:600}.status-cell{align-items:center;gap:6px;display:inline-flex}.error-mark{border:1px solid var(--danger);background:var(--panel);width:18px;height:18px;color:var(--danger);border-radius:50%;flex:none;place-items:center;padding:0;font-size:11px;font-weight:700;line-height:1;display:grid}.error-mark:hover:not(:disabled){background:var(--danger);color:#fff}.error-text{border-left:3px solid var(--danger);background:var(--bg);color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap;margin:10px 0;padding:10px 12px;font-size:13px;line-height:1.7}.badge.mercari_draft{color:#96560a;background:#fdf0c8}.badge.listed{background:color-mix(in srgb,var(--ok) 16%,transparent);color:#14713a}.badge.sold{color:#fff;background:#14713a}.badge.skipped{color:var(--muted);box-shadow:inset 0 0 0 1px var(--border);background:0 0}.badge.ok,.badge.saved{background:color-mix(in srgb,var(--ok) 16%,transparent);color:#14713a}.badge.error,.badge.failed,.badge.mismatch,.badge.refusal,.badge.warn{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.muted{color:var(--muted)}.warn{font-size:12px}.err,.error,.warn{color:var(--danger)}.err,.error{margin:0;font-size:13px}.modal-scrim{z-index:100;background:#00000073;justify-content:center;align-items:flex-start;padding:8px;display:flex;position:fixed;inset:0;overflow:auto}@media (width>=640px){.modal-scrim{padding:16px}}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:100%;max-width:640px;max-height:100%;display:flex;overflow:hidden;box-shadow:0 12px 40px #0000002e}.modal-head{border-bottom:3px solid var(--zone);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}@media (width>=640px){.modal-head{padding:10px 16px}}.modal-head h2{flex:1;min-width:0;margin:0;font-size:16px;font-weight:400}.loading-block{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:32px 0;display:flex}.modal-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:2px;padding:0 6px;display:flex;overflow:auto hidden}.modal-tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex-shrink:0;margin-bottom:-1px;padding:7px 12px;font-size:14px}.modal-tabs button:hover:not(:disabled){color:var(--text);background:0 0}.modal-tabs button.current{color:var(--text);border-bottom-color:var(--zone);font-weight:600}.modal-tabs .tab-count{background:var(--bg);color:var(--muted);border-radius:999px;margin-left:6px;padding:0 6px;font-size:12px;font-weight:400;display:inline-block}.modal-body{overscroll-behavior:contain;min-height:0;padding:10px 12px;overflow-y:auto}@media (width>=640px){.modal-body{padding:12px 16px}}.modal-body .card:last-child,.modal-body .panel:last-child{margin-bottom:0}.modal-body .card,.modal-body .panel{margin-bottom:10px;padding:10px 12px}.modal-body .card h2{margin-bottom:8px}.modal-body section>table,.modal-body>table{margin-bottom:10px}.modal-foot{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.modal-foot:not(:has(*)){display:none}.photos{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:10px;display:grid}.photos figure{border:1px solid var(--border);background:var(--bg);border-radius:4px;margin:0;padding:6px;position:relative}.photos figure.cover{border-color:var(--accent);background:#eef2ff}.photos .photo-zoom{cursor:zoom-in;background:0 0;border:none;width:100%;padding:0;display:block;position:relative}.photos .photo-zoom:hover{background:0 0}.photos img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border:1px solid var(--border);background:var(--panel);width:100%;display:block}.photo-cover-tag{background:var(--accent);padding:1px 4px;top:4px}.photo-cover-tag,.photo-index{color:#fff;border-radius:3px;font-size:10px;position:absolute;left:4px}.photo-index{font-variant-numeric:tabular-nums;background:#0009;padding:1px 5px;bottom:4px}.photo-move{justify-content:center;align-items:center;gap:6px;margin-top:6px;display:flex}.photo-move button{background:var(--panel);place-items:center;width:30px;height:22px;padding:0;font-size:10px;line-height:1;display:grid}.price-survey{border:1px solid var(--border);background:var(--bg);border-radius:4px;margin:10px 0 4px;padding:10px 12px}.price-survey-figure{color:var(--text);margin:0 0 6px;font-size:14px;line-height:1.7}.price-survey-figure strong:first-child{color:var(--muted);font-size:12px;display:block}.price-survey-ask{border-top:1px solid var(--border);align-items:end;gap:10px;margin-top:10px;padding-top:10px;display:flex}.price-survey-ask label{flex:1;min-width:0}.price-survey-ask button{flex:none}@media (width<=640px){.price-survey-ask{align-items:stretch;display:grid}}.photo-remove{width:24px;height:24px;color:var(--muted);border:1px solid var(--border);background:#ffffffeb;place-items:center;padding:0;font-size:12px;line-height:1;display:grid;position:absolute;top:10px;right:10px}.photo-remove:hover:not(:disabled){color:var(--danger);background:#fff}.photo-edited-tag{color:#fff;background:#b45309;border-radius:3px;padding:1px 4px;font-size:10px;position:absolute;bottom:4px;right:4px}.photo-edit{width:100%;margin-top:6px}.viewer-scrim{z-index:120;background:#000000c7;justify-content:center;align-items:center;padding:8px;display:flex;position:fixed;inset:0}.viewer{flex-direction:column;width:100%;max-width:1200px;height:100%;display:flex}.viewer-head{color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:4px 6px;display:flex}.viewer-head .muted{color:#ffffffbf}.viewer-head .icon{color:#fff}.viewer-head .icon:hover{background:#ffffff26}.viewer-body{flex:1;justify-content:center;align-items:center;gap:8px;min-height:0;display:flex;overflow:auto}.viewer-body.can-pan{cursor:grab}.viewer-body.can-pan:active{cursor:grabbing}.viewer-body.selecting{cursor:crosshair}.viewer-body canvas,.viewer-body img{-o-object-fit:contain;object-fit:contain;flex:none;max-width:100%;max-height:100%}.canvas-wrap{line-height:0;position:relative}.selection{pointer-events:none;background:#ffffff38;border:1px dashed #fff;position:absolute}.viewer-edit-bar{color:#fff;background:#ffffff1a;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:8px 10px;display:flex}.viewer-edit-bar .spacer{flex:1}.viewer-edit-bar.tools{background:#ffffff29}.viewer-field{color:#fffc;align-items:center;gap:6px;font-size:12px;display:flex}.viewer-field.grow{flex:1;min-width:160px}.viewer-field.grow input{width:100%}.viewer-field input[type=text],.viewer-field select{font-size:13px}.viewer-field.check input{width:auto}.selection-line{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.viewer-tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.viewer-zoom{text-align:center;color:#fffc;font-variant-numeric:tabular-nums;min-width:58px;font-size:12px}.viewer-tag{background:var(--accent);color:#fff;border-radius:3px;margin-left:6px;padding:1px 6px;font-size:11px}.viewer-tag.editing{background:#b45309}.viewer-error{background:var(--danger);color:#fff;margin:0}.viewer-error,.viewer-foot{flex-shrink:0;padding:6px 10px}.viewer-foot{color:#ffffffd9;align-items:center;gap:10px;display:flex}.viewer-nav{color:#fff;background:#ffffff1f;border:none;flex:none;width:44px;height:64px;font-size:28px;line-height:1}.viewer-nav:hover:not(:disabled){background:#ffffff40}.dropzone{aspect-ratio:1;border:2px dashed var(--border);cursor:pointer;color:var(--muted);text-align:center;place-items:center;font-size:12px;display:grid}.dropzone:hover{border-color:var(--accent);color:var(--accent)}.dropzone input{display:none}input.invalid,select.invalid{border-color:var(--danger)}code{background:var(--bg);border:1px solid var(--border);padding:0 4px;font-family:ui-monospace,monospace}.login{max-width:320px;margin:12vh auto}.login form{gap:14px;margin-top:24px;display:grid}.narrow{max-width:420px}.page-enter-active{transition:opacity .14s}.page-leave-active{transition:opacity 70ms}.page-enter-from,.page-leave-to{opacity:0}