:root{--bg: oklch(1 0 0);--surface: oklch(.975 .004 250);--surface-raised: oklch(.995 .001 250);--ink: oklch(.185 .026 252);--muted: oklch(.43 .03 252);--line: oklch(.89 .014 252);--primary: oklch(.4 .11 250);--primary-strong: oklch(.34 .12 250);--accent: oklch(.67 .13 194);--success: oklch(.48 .12 154);--warning: oklch(.66 .13 78);--danger: oklch(.56 .16 28);--info: oklch(.52 .12 230);--success-bg: oklch(.95 .035 154);--warning-bg: oklch(.96 .045 78);--danger-bg: oklch(.96 .035 28);--info-bg: oklch(.95 .03 230);--radius: 8px;--control: 36px;color:var(--ink);font-family:Segoe UI,Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-size:14px;letter-spacing:0;background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex:0 0 260px;flex-direction:column;height:100vh;padding:18px;border-right:1px solid var(--line);background:var(--surface)}.brand-lockup{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-size:1rem;line-height:1.25}.brand-lockup span{margin-top:2px;color:var(--muted);font-size:.82rem}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:var(--radius);background:var(--primary);color:var(--bg);font-weight:800}.side-nav{display:grid;gap:6px;padding:18px 0}.side-nav,.tabs{scrollbar-width:none}.side-nav::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none}.nav-button{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--control);padding:0 10px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--muted);text-align:left}.nav-button:hover{background:var(--surface-raised);color:var(--ink)}.nav-button:focus-visible,.button:focus-visible,.icon-button:focus-visible,.tab:focus-visible,.demo-row button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.upload-zone:focus-within{outline:2px solid color-mix(in oklch,var(--accent) 60%,var(--bg));outline-offset:2px}.nav-button.active{border-color:color-mix(in oklch,var(--primary) 25%,var(--line));background:color-mix(in oklch,var(--primary) 8%,var(--bg));color:var(--primary-strong);font-weight:700}.sidebar-footer{display:grid;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.sidebar-footer span{color:var(--muted);font-size:.82rem}.sidebar-footer strong{overflow-wrap:anywhere}.shop-switcher{width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);font-size:.88rem;font-weight:600;cursor:pointer}.workspace{width:100%;min-width:0;padding:22px;background:var(--bg)}.topbar{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-22px -22px 22px;padding:18px 22px;border-bottom:1px solid var(--line);background:color-mix(in oklch,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page-kicker{margin:0 0 3px;color:var(--muted);font-size:.86rem}h1,h2,h3,p{margin:0}h1{font-size:1.45rem;line-height:1.2;text-wrap:balance}h2{font-size:1rem;line-height:1.35}h3{font-size:.96rem;line-height:1.35}.topbar-actions,.action-row,.shop-actions,.image-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.section-stack{display:grid;gap:16px}.toolbar-panel,.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised)}.toolbar-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px}.toolbar-panel p,.panel-title p{margin-top:4px;max-width:70ch;color:var(--muted);line-height:1.55;text-wrap:pretty}.panel{min-width:0;padding:16px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-title.compact{align-items:center}.button,.icon-button,.tab,.demo-row button{border-radius:var(--radius);transition:background .16s ease-out,border-color .16s ease-out,color .16s ease-out,transform .16s ease-out}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control);padding:0 12px;border:1px solid transparent;font-weight:700;white-space:nowrap}.button.primary{background:var(--primary);color:var(--bg)}.button.primary:hover:not(:disabled){background:var(--primary-strong)}.button.primary:disabled{background:color-mix(in oklch,var(--primary) 25%,var(--line));color:color-mix(in oklch,var(--bg) 78%,var(--muted))}.button.secondary{border-color:var(--line);background:var(--surface-raised);color:var(--ink)}.button.secondary:hover{border-color:color-mix(in oklch,var(--primary) 22%,var(--line));background:color-mix(in oklch,var(--primary) 5%,var(--bg))}.icon-button{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--line);background:var(--surface-raised);color:var(--muted)}.icon-button:hover{color:var(--danger);border-color:color-mix(in oklch,var(--danger) 28%,var(--line))}.status-badge,.status-pill,.status-dot,.api-chip{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:.78rem;font-weight:800;white-space:nowrap}.api-chip{max-width:260px;overflow:hidden;border:1px solid color-mix(in oklch,var(--warning) 24%,var(--line));background:var(--warning-bg);color:color-mix(in oklch,var(--warning) 70%,var(--ink));text-overflow:ellipsis}.api-chip.ready{border-color:color-mix(in oklch,var(--success) 24%,var(--line));background:var(--success-bg);color:color-mix(in oklch,var(--success) 80%,var(--ink))}.status-badge.connected,.status-pill.ready,.status-pill.success,.status-dot.accepted{background:var(--success-bg);color:color-mix(in oklch,var(--success) 80%,var(--ink))}.status-badge.warning,.status-badge.checking,.status-pill.uploading_assets,.status-dot.checking{background:var(--warning-bg);color:color-mix(in oklch,var(--warning) 70%,var(--ink))}.status-badge.offline,.status-pill.missing_data,.status-pill.failed,.status-dot.rejected{background:var(--danger-bg);color:color-mix(in oklch,var(--danger) 82%,var(--ink))}.status-pill.publishing{background:var(--info-bg);color:color-mix(in oklch,var(--info) 82%,var(--ink))}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.shop-card{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised)}.shop-card.selected{border-color:color-mix(in oklch,var(--primary) 45%,var(--line));background:color-mix(in oklch,var(--primary) 5%,var(--bg))}.shop-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.shop-head p{margin-top:4px;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.detail-grid div,.metric,.key-value{min-width:0;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}dt,.metric span,.key-value span{display:block;color:var(--muted);font-size:.78rem}dd,.metric strong,.key-value strong{display:block;margin:4px 0 0;min-width:0;overflow-wrap:anywhere;color:var(--ink);font-size:.9rem;font-weight:750}.ft-section{grid-column:1 / -1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ft-section .ft-error{color:var(--danger);font-size:.8rem;margin:0}.ft-section .ft-select{flex:1;min-width:180px}.ft-inline-edit{display:flex;gap:8px;align-items:center}.ft-inline-input{flex:1;min-width:140px}.publish-layout{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr);gap:16px;align-items:start}.flow-column,.result-column{display:grid;gap:16px;min-width:0}.field{display:grid;gap:6px}.field span{color:var(--muted);font-size:.82rem;font-weight:700}.price-preview{display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.price-preview span,.price-preview em{color:var(--muted);font-size:.82rem;font-style:normal}.price-preview strong{color:var(--primary-strong);font-size:1rem}input,select,textarea{width:100%;min-height:var(--control);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink)}input,select{padding:0 10px}textarea{min-height:88px;padding:10px;resize:vertical}input::placeholder{color:color-mix(in oklch,var(--muted) 84%,var(--ink))}input:disabled{background:var(--surface);color:var(--muted)}.demo-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.demo-row button{min-height:30px;padding:0 8px;border:1px solid var(--line);background:var(--surface);color:var(--primary-strong);font-size:.82rem}.demo-row button:hover{border-color:color-mix(in oklch,var(--primary) 28%,var(--line));background:color-mix(in oklch,var(--primary) 7%,var(--bg))}.category-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.category-search-input{min-width:0}.selected-category{display:grid;gap:4px;margin-top:12px;padding:10px;border:1px solid color-mix(in oklch,var(--primary) 22%,var(--line));border-radius:var(--radius);background:color-mix(in oklch,var(--primary) 5%,var(--bg))}.selected-category span,.selected-category em{color:var(--muted);font-size:.82rem;font-style:normal}.selected-category strong{overflow-wrap:anywhere;color:var(--primary-strong)}.selected-category.muted{border-color:var(--line);background:var(--surface)}.selected-category.muted strong{color:var(--muted)}.category-results{display:grid;gap:8px;margin-top:10px}.category-result{display:grid;gap:4px;width:100%;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);color:var(--ink);text-align:left}.category-result:hover,.category-result.selected{border-color:color-mix(in oklch,var(--primary) 36%,var(--line));background:color-mix(in oklch,var(--primary) 6%,var(--bg))}.category-result strong,.category-result span{min-width:0;overflow-wrap:anywhere}.category-result span{color:var(--muted);font-size:.82rem}.category-tree-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.category-tree{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:10px;margin-top:10px;overflow-x:auto;padding-bottom:4px}.category-level{display:grid;gap:6px;min-width:0}.category-level>span{color:var(--muted);font-size:.78rem;font-weight:800}.category-level-list{display:grid;gap:6px;max-height:220px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.category-node{display:grid;gap:3px;width:100%;padding:8px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink);text-align:left}.category-node:hover,.category-node.active{border-color:color-mix(in oklch,var(--primary) 30%,var(--line));background:color-mix(in oklch,var(--primary) 6%,var(--bg))}.category-node strong,.category-node em{min-width:0;overflow-wrap:anywhere}.category-node em{color:var(--muted);font-size:.76rem;font-style:normal}.upload-zone{position:relative;display:grid;gap:6px;place-items:center;min-height:132px;padding:18px;border:1px dashed color-mix(in oklch,var(--primary) 35%,var(--line));border-radius:var(--radius);background:color-mix(in oklch,var(--primary) 4%,var(--bg));color:var(--primary-strong)}.upload-zone span{color:var(--muted);font-size:.82rem}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.image-actions{margin-top:10px}.image-list{display:grid;gap:8px;margin-top:12px}.image-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:var(--radius)}.image-row strong,.image-row span,.image-row em{display:block;min-width:0;overflow-wrap:anywhere}.image-row span,.image-row em{margin-top:2px;color:var(--muted);font-size:.78rem;font-style:normal}.image-row em{color:var(--danger)}.image-thumb{display:grid;width:42px;height:42px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--muted)}.image-thumb img{width:100%;height:100%;object-fit:cover}.empty-row{padding:14px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);text-align:center}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.computed-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.summary-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.validation-list{display:grid;gap:8px}.validation-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:10px;border:1px solid var(--line);border-radius:var(--radius)}.validation-item svg{margin-top:2px}.validation-item strong,.validation-item span{display:block}.validation-item span{margin-top:2px;color:var(--muted);line-height:1.45}.validation-item.error{border-color:color-mix(in oklch,var(--danger) 28%,var(--line));background:var(--danger-bg)}.validation-item.error svg{color:var(--danger)}.validation-item.warning{border-color:color-mix(in oklch,var(--warning) 32%,var(--line));background:var(--warning-bg)}.validation-item.warning svg{color:var(--warning)}.validation-item.ok{border-color:color-mix(in oklch,var(--success) 28%,var(--line));background:var(--success-bg)}.validation-item.ok svg{color:var(--success)}.action-row{margin-top:14px}.hint-line{margin-top:10px;color:var(--muted);font-size:.82rem}.debug-details{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.debug-details summary{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;color:var(--muted);font-weight:800;cursor:pointer}.debug-details[open] summary{border-bottom:1px solid var(--line)}.debug-details pre{max-height:520px;margin:0;padding:14px;overflow:auto;border-radius:var(--radius);background:#070a0f;color:#e2e9f0;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:.78rem;line-height:1.55}.tabs{display:inline-flex;width:fit-content;max-width:100%;gap:4px;padding:4px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.list-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.search-field{display:flex;align-items:center;gap:8px;flex:1 1 260px;min-height:var(--control);padding:0 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--muted)}.search-field input{min-height:30px;padding:0;border:0;background:transparent}.list-note{color:var(--muted);font-size:.86rem}.draft-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;padding:12px;border:1px solid color-mix(in oklch,var(--primary) 18%,var(--line));border-radius:var(--radius);background:color-mix(in oklch,var(--primary) 4%,var(--bg))}.draft-panel.compact-draft{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.draft-panel .button{align-self:end}.inline-error{width:fit-content;max-width:100%;padding:9px 10px;border:1px solid color-mix(in oklch,var(--danger) 28%,var(--line));border-radius:var(--radius);background:var(--danger-bg);color:color-mix(in oklch,var(--danger) 82%,var(--ink));font-weight:700}.context-strip{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;padding:8px 10px;border:1px solid color-mix(in oklch,var(--primary) 18%,var(--line));border-radius:var(--radius);background:color-mix(in oklch,var(--primary) 5%,var(--bg))}.context-strip span,.context-strip em{color:var(--muted);font-size:.82rem;font-style:normal}.context-strip strong{color:var(--primary-strong)}.tab{min-height:32px;padding:0 12px;border:1px solid transparent;background:transparent;color:var(--muted);white-space:nowrap}.tab.active{border-color:var(--line);background:var(--bg);color:var(--primary-strong);font-weight:800}.editor-layout{display:grid;grid-template-columns:minmax(360px,1fr) minmax(320px,.72fr);gap:16px;align-items:start}.editor-panel{position:sticky;top:92px}.editor-fields{display:grid;gap:12px}.triple-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.check-field{display:flex;align-items:center;gap:8px;min-height:34px;color:var(--ink);font-weight:700}.check-field input{width:16px;min-height:16px;accent-color:var(--primary)}.media-field{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.media-preview{display:grid;width:74px;height:74px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);color:var(--muted)}.media-preview img{width:100%;height:100%;object-fit:cover}.media-copy{min-width:0}.media-copy strong,.media-copy span,.media-copy em{display:block;min-width:0;overflow-wrap:anywhere}.media-copy span{margin-top:4px;color:var(--muted);font-size:.82rem}.media-copy em{margin-top:4px;color:var(--danger);font-style:normal;font-size:.82rem}.media-button{position:relative;overflow:hidden}.media-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.subtable{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.attr-row{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(90px,1fr) auto;gap:8px;align-items:center;min-width:0}.attr-row span,.attr-row code,.attr-row em{min-width:0;overflow-wrap:anywhere}.attr-row code{color:var(--primary-strong);font-family:Cascadia Mono,Consolas,monospace}.attr-row em{color:var(--muted);font-style:normal}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:560px}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted);font-size:.78rem;font-weight:800}td{overflow-wrap:anywhere}tbody tr{transition:background .14s ease-out}tbody tr:hover{background:var(--surface)}tbody tr.selected-row{background:color-mix(in oklch,var(--primary) 7%,var(--bg))}.compact-button{min-height:34px;padding:0 10px;font-size:.82rem;white-space:nowrap}.lifecycle-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:.76rem;font-weight:800;white-space:nowrap}.lifecycle-badge.found{background:var(--success-bg);color:color-mix(in oklch,var(--success) 80%,var(--ink))}.lifecycle-badge.unchecked,.lifecycle-badge.not_found{background:var(--warning-bg);color:color-mix(in oklch,var(--warning) 72%,var(--ink))}.lifecycle-badge.failed{background:var(--danger-bg);color:color-mix(in oklch,var(--danger) 82%,var(--ink))}.lifecycle-meta{display:grid;gap:3px;color:var(--muted);font-size:.82rem;line-height:1.35;min-width:110px}.lifecycle-error{display:block;margin-top:4px;color:color-mix(in oklch,var(--danger) 84%,var(--ink));font-size:.8rem;line-height:1.35}.muted-text{color:var(--muted);font-size:.82rem}.narrow-panel{max-width:920px}.empty-state{display:grid;gap:8px;place-items:center;min-height:220px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);text-align:center}.empty-state.compact-empty{min-height:180px}.empty-state strong{color:var(--ink);font-size:1rem}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1080px){.publish-layout,.editor-layout{grid-template-columns:1fr}.editor-panel{position:static}}@media(max-width:820px){.app-shell{display:block}.sidebar{position:static;height:auto;padding:12px;border-right:0;border-bottom:1px solid var(--line)}.side-nav{display:flex;gap:8px;overflow-x:auto;padding:12px 0 0}.nav-button{width:auto;flex:0 0 auto;white-space:nowrap}.sidebar-footer{display:none}.workspace{padding:14px}.topbar{position:static;margin:-14px -14px 14px;padding:14px}.summary-grid,.computed-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.topbar,.toolbar-panel,.shop-head,.panel-title{align-items:stretch;flex-direction:column}.topbar-actions,.action-row,.shop-actions,.button{width:100%}.detail-grid,.summary-grid,.computed-strip,.summary-checklist,.triple-fields{grid-template-columns:1fr}.context-strip,.media-field,.draft-panel{width:100%}.list-tools{align-items:stretch}.search-field{flex-basis:100%}.category-search-row{grid-template-columns:1fr}.category-tree{grid-auto-flow:row;grid-auto-columns:unset}.draft-panel,.draft-panel.compact-draft{grid-template-columns:1fr}.media-field{grid-template-columns:58px minmax(0,1fr)}.media-preview{width:58px;height:58px}.media-button{grid-column:1 / -1}.image-row{grid-template-columns:42px minmax(0,1fr) auto}.image-row .icon-button{grid-column:1 / -1;width:100%}.tabs{width:100%}.tab{flex:1 0 auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}