.listing-dashboard {
  --listing-nav-collapsed-w: 74px;
  --listing-nav-open-w: 244px;
  --nav-w: var(--listing-nav-collapsed-w);
  --page-x: clamp(22px, 2.4vw, 38px);
  --listing-gap: 12px;
  --listing-good: var(--series-good);
  --listing-warn: var(--series-warn);
  --listing-body-bg: var(--series-dashboard-bg);
  --listing-main-bg: var(--series-dashboard-main);
  --listing-glass: var(--series-glass);
  --listing-glass-strong: var(--series-glass-strong);
  --listing-chrome-bg: var(--series-chrome);
  --listing-control-bg: var(--series-control);
  --listing-active-bg: color-mix(in srgb, var(--accent) 15%, var(--surface));
  --listing-active-text: var(--accent);
  --listing-accent-line: var(--series-accent-line);
  --listing-primary-bg: var(--series-primary);
  --listing-primary-text: var(--series-primary-text);
  --listing-placeholder: var(--series-placeholder);
  --listing-loader-bg: var(--series-loader-bg);
  --listing-loader-card-bg: var(--series-loader-card);
  --listing-loader-core-bg: var(--series-loader-core);
  --listing-item-bg: var(--series-item);
  --listing-thumb-bg: var(--series-thumb);
  --listing-thumb-mark: var(--series-thumb-mark);
  --listing-score-bg: var(--series-score);
  --listing-table-head-bg: var(--series-table-head);
  --listing-table-head-text: var(--series-table-head-text);
  --listing-table-row-bg: var(--series-table-row);
  --listing-featured-bg: var(--series-featured);
  --listing-nav-key-bg: var(--series-nav-key);
  --listing-nav-key-active-bg: var(--series-nav-key-active);
  --listing-shadow: var(--series-shadow);
  background: var(--listing-body-bg);
  font: 13px/1.68 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  letter-spacing: 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;
}
.series-loader { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; background: var(--listing-loader-bg); transition: opacity .28s ease, visibility .28s ease; }
.series-loader.is-hidden { visibility: hidden; opacity: 0; pointer-events: none; }
.series-loader-card { position: relative; display: grid; place-items: center; width: 82px; height: 82px; padding: 0; border-radius: 999px; background: transparent; box-shadow: 0 18px 48px rgba(17, 24, 39, .18); }
.series-loader-card::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: conic-gradient(from 0deg, transparent, #9fadff, #fff, #747d8c, transparent); animation: series-orbit 1.1s linear infinite; }
.series-loader-card::after { content: ""; position: absolute; inset: 6px; border-radius: inherit; background: var(--listing-loader-card-bg); backdrop-filter: blur(18px) saturate(145%); }
.series-loader-logo { position: relative; z-index: 1; width: 34px; height: 34px; background: linear-gradient(120deg, #111318, #9fadff, #f5f7fb, #6d7481); background-size: 240% 100%; filter: drop-shadow(0 8px 18px rgba(17,24,39,.22)); -webkit-mask: url("/assets/listing-mark.svg?v=pantone-beta") center / contain no-repeat; mask: url("/assets/listing-mark.svg?v=pantone-beta") center / contain no-repeat; animation: series-shimmer 2.4s ease-in-out infinite; }
.listing-spinner { position: relative; display: inline-block; width: 16px; height: 16px; flex: 0 0 16px; border-radius: 999px; }
.listing-spinner::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: conic-gradient(from 0deg, transparent, #9fadff, #fff, #747d8c, transparent); animation: series-orbit 1.1s linear infinite; }
.listing-spinner::after { content: ""; position: absolute; inset: 3px; border-radius: inherit; background: var(--listing-loader-core-bg); }
.listing-loading { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-weight: 760; }
@keyframes series-orbit { to { transform: rotate(360deg); } }
@keyframes series-shimmer { 0% { background-position: 120% 0; } 100% { background-position: -120% 0; } }
.listing-shell .topbar,
.listing-shell aside.side-nav { background: var(--listing-chrome-bg); border-color: var(--border); box-shadow: var(--listing-shadow); }
.listing-shell { height: 100dvh; min-height: 100dvh; overflow: hidden; }
.listing-shell aside.side-nav { position: fixed; top: 0; left: 0; align-self: start; z-index: 140; display: flex; flex-direction: column; align-items: center; gap: 10px; width: var(--listing-nav-collapsed-w); min-width: var(--listing-nav-collapsed-w); height: 100dvh; max-height: 100dvh; padding: 18px 8px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; backdrop-filter: blur(18px) saturate(132%); transition: width .18s ease, min-width .18s ease, padding .18s ease; }
.listing-shell.is-nav-hover aside.side-nav,
.listing-shell aside.side-nav:hover { align-items: stretch; width: var(--listing-nav-open-w); min-width: var(--listing-nav-open-w); }
.listing-shell .topbar { position: sticky; top: 0; z-index: 90; margin-inline: 0; padding-inline: var(--page-x); border-radius: 0; backdrop-filter: blur(18px) saturate(132%); }
.listing-shell .topbar::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: var(--listing-line, var(--listing-accent-line)); opacity: .82; pointer-events: none; }
.listing-shell aside.side-nav::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; background: var(--listing-line, var(--listing-accent-line)); opacity: .42; pointer-events: none; }
.listing-shell .listing-heading { margin-inline: var(--page-x); padding-inline: 22px; border: 0; background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.listing-shell :is(.topbar,.listing-heading,.listing-kpis,.listing-diff-strip,.listing-workbench) { gap: var(--listing-gap); }
.listing-dashboard :is(button,input,select,textarea,.listing-chip) { background: var(--listing-control-bg); color: var(--text); border-color: var(--border); box-shadow: 0 8px 20px rgba(17,24,39,.07), inset 0 1px 0 rgba(255,255,255,.12); line-height: 1.45; }
.listing-dashboard select { appearance: none; -webkit-appearance: none; padding-right: 36px; background-image: linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%); background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%; background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; }
.listing-dashboard select option { background: #f7f8fb; color: #151922; }:root[data-listing-theme="dark"] .listing-dashboard select option { background: #252b34; color: #f5f7fb; }
.listing-dashboard :is(button.active,.segmented-button.active) { border-color: color-mix(in srgb, var(--accent) 46%, var(--border)); background: var(--listing-active-bg); color: var(--listing-active-text); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent), 0 10px 24px rgba(17,24,39,.08); }
.listing-dashboard .primary-button { background: var(--listing-primary-bg); color: var(--listing-primary-text); }
.listing-dashboard :is(input,textarea)::placeholder { color: var(--listing-placeholder); }
.listing-shell main {
  grid-column: 2;
  height: 100dvh;
  overflow-y: auto;
  padding-bottom: 36px;
  background: var(--listing-main-bg);
}
.listing-brand { min-width: 0; max-width: 150px; display: grid; gap: 2px; opacity: 1; visibility: visible; transition: max-width .18s ease, opacity .12s ease; }
.listing-brand :is(strong,span) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.listing-brand strong { color: var(--text); font-size: 13px; line-height: 1.25; }
.listing-brand span { color: var(--muted); font-size: 11px; font-weight: 700; }
.listing-shell aside.side-nav .nav-links { display: grid; gap: 8px; width: 100%; min-width: 0; }
.listing-shell aside.side-nav .listing-nav-toggle,
.listing-shell aside.side-nav .nav-links a { position: relative; display: grid; grid-template-columns: 28px; place-items: center; justify-content: center; gap: 0; width: 44px; min-width: 44px; height: 44px; min-height: 44px; margin-inline: auto; padding: 0; border-radius: 14px; }
.listing-shell aside.side-nav .listing-nav-toggle { width: 44px; min-width: 44px; min-height: 54px; border: 0; background: transparent; box-shadow: none; color: var(--text); cursor: pointer; text-align: left; }
.listing-shell.is-nav-hover aside.side-nav .listing-nav-toggle,
.listing-shell.is-nav-hover aside.side-nav .nav-links a,
.listing-shell aside.side-nav:hover .listing-nav-toggle,
.listing-shell aside.side-nav:hover .nav-links a { grid-template-columns: 34px minmax(0, 1fr); place-items: center start; justify-content: initial; gap: 10px; width: 100%; min-width: 0; margin-inline: 0; padding: 9px 12px; }
.listing-shell .listing-nav-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.listing-shell aside.side-nav .brand-icon { justify-self: center; flex: 0 0 30px; display: grid; place-items: center; width: 30px; min-width: 30px; height: 30px; }
.listing-shell aside.side-nav .brand-icon img { flex: 0 0 22px; width: 22px; max-width: none; height: 22px; object-fit: contain; }
.listing-shell aside.side-nav .nav-label { display: block; max-width: 138px; opacity: 1; visibility: visible; transition: max-width .18s ease, opacity .12s ease; }
.listing-shell aside.side-nav .nav-group { width: 100%; min-height: 22px; margin: 8px 0 2px; padding: 0 12px; color: var(--text); font-size: 12px; font-weight: 760; line-height: 22px; }
.listing-shell aside.side-nav .membership-panel { display: grid; gap: 8px; width: 100%; margin-top: auto; padding: 10px 12px 2px; overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(-4px); transition: opacity .1s ease .17s, transform .1s ease .17s, visibility 0s linear .17s; }
.listing-shell aside.side-nav .membership-panel :is(p,strong,span) { margin: 0; min-width: 203px; max-width: 203px; letter-spacing: 0; }
.listing-shell aside.side-nav .membership-panel .brand-kicker { color: var(--text); font-size: 11px; font-weight: 780; line-height: 1.35; }
.listing-shell aside.side-nav .membership-panel strong { color: var(--text); font-size: 12px; font-weight: 780; line-height: 1.45; }
.listing-shell aside.side-nav .membership-panel span { display: block; color: var(--muted); font-size: 11px; font-weight: 620; line-height: 1.85; white-space: normal; overflow: visible; overflow-wrap: break-word; text-overflow: clip; }
.listing-shell:not(.is-nav-hover) aside.side-nav:not(:hover) :is(.listing-brand,.nav-label) { display: none; max-width: 0; opacity: 0; visibility: hidden; }
.listing-shell.is-nav-hover aside.side-nav .membership-panel,
.listing-shell aside.side-nav:hover .membership-panel { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
.listing-shell:not(.is-nav-hover) aside.side-nav:not(:hover) .membership-panel { height: 0; padding: 0; opacity: 0; visibility: hidden; }
.listing-shell:not(.is-nav-hover) aside.side-nav:not(:hover) .nav-group { width: 44px; margin-inline: auto; padding: 0; color: transparent; font-size: 0; line-height: 22px; border-top: 1px solid var(--border); }
.listing-chip { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border: 1px solid var(--border); border-radius: 999px; background: var(--listing-control-bg); color: var(--muted); font-size: 12px; font-weight: 760; text-decoration: none; }
.listing-icon-button { width: 36px; min-width: 36px; padding: 0; aspect-ratio: 1; }
.listing-line-icon { display: block; width: 16px; height: 16px; flex: 0 0 16px; color: currentColor; }
.listing-shell .listing-nav-key .listing-line-icon { width: 15px; height: 15px; flex-basis: 15px; }
.listing-icon-button .listing-line-icon { margin: auto; }
.listing-shell .topbar :is(.listing-chip,.listing-theme-toggle,.top-search),
.listing-feedback-fab,
.listing-feedback-close { background: var(--listing-glass-strong); backdrop-filter: blur(18px) saturate(132%); -webkit-backdrop-filter: blur(18px) saturate(132%); }
.listing-dashboard .listing-theme-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 4px 10px 4px 5px; border: 1px solid var(--border); border-radius: 999px; color: var(--text); box-shadow: var(--listing-shadow); }
.listing-theme-toggle-track { position: relative; flex: 0 0 42px; width: 42px; height: 24px; border-radius: 999px; background: linear-gradient(135deg, #d7dbe2, #f7f8fa); box-shadow: inset 0 0 0 1px rgba(17,24,39,.08); }
.listing-theme-mark { position: absolute; top: 5px; width: 14px; height: 14px; opacity: .72; }
.listing-theme-mark.is-sun { left: 5px; color: #f4b84f; }
.listing-theme-mark.is-moon { right: 5px; color: #d8deea; }
.listing-theme-toggle-track i { position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 999px; background: #fff; box-shadow: 0 4px 12px rgba(17,24,39,.2); transition: transform .18s ease, background .18s ease; }
.listing-theme-toggle-track i::before { content: ""; position: absolute; inset: 5px; border-radius: inherit; background: #f4b84f; }
:root[data-listing-theme-mode="system"] .listing-theme-toggle-track i { transform: translateX(9px); background: #eef2ff; }
:root[data-listing-theme-mode="system"] .listing-theme-toggle-track i::before { inset: 4px; background: linear-gradient(135deg, #f4b84f 0 48%, #9fadff 52%); }
.listing-theme-toggle[aria-pressed="true"] .listing-theme-toggle-track { background: linear-gradient(135deg, #2b3039, #747d8c); }
.listing-theme-toggle[aria-pressed="true"] .listing-theme-toggle-track i { transform: translateX(18px); background: #151922; }
.listing-theme-toggle[aria-pressed="true"] .listing-theme-toggle-track i::before { inset: 5px; background: #d8deea; }
.listing-theme-toggle-label { font-size: 12px; font-weight: 760; }
.listing-chip.is-live { color: var(--listing-good); background: rgba(8, 127, 91, .08); }
.listing-account-bar { display: grid; grid-template-columns: auto minmax(150px,190px) minmax(160px,220px) minmax(180px,240px) auto auto minmax(180px,1fr); align-items: center; gap: 8px; margin: 8px var(--page-x) 14px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 16px; background: var(--listing-glass); box-shadow: var(--listing-shadow-soft); }
.listing-account-bar :is(input,button) { min-height: 34px; padding-inline: 12px; }.listing-account-bar > select { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }.listing-account-bar strong { font-size: 12px; }.listing-account-bar small { color: var(--muted); font-size: 11px; line-height: 1.55; }
.listing-google-login { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 0 12px; border: 1px solid var(--border); border-radius: 999px; background: var(--listing-control-bg); color: var(--text); font-size: 12px; font-weight: 760; text-decoration: none; box-shadow: 0 8px 20px rgba(17,24,39,.07), inset 0 1px 0 rgba(255,255,255,.12); }
.listing-google-login[aria-disabled="true"] { color: var(--muted); opacity: .62; }
.listing-buyer-picker { position: relative; min-width: 0; }
.listing-buyer-picker > button { justify-content: space-between; width: 100%; min-height: 34px; padding: 0 12px; text-align: left; }
.listing-buyer-picker > button::after { content: ""; width: 7px; height: 7px; border-right: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor; transform: rotate(45deg) translateY(-2px); opacity: .62; }
.listing-buyer-menu { position: absolute; top: calc(100% + 6px); left: 0; z-index: 120; display: grid; width: min(260px, 76vw); padding: 6px; border: 1px solid var(--border); border-radius: 14px; background: var(--listing-glass-strong); box-shadow: var(--listing-shadow); backdrop-filter: blur(18px) saturate(132%); }
.listing-buyer-menu button { justify-content: flex-start; min-height: 36px; border: 0; background: transparent; box-shadow: none; text-align: left; }
.listing-buyer-menu button.active { background: var(--listing-active-bg); }
.listing-nav-key { justify-self: center; flex: 0 0 28px; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 1px solid var(--border); border-radius: 10px; color: var(--muted); background: var(--listing-nav-key-bg); font-size: 10px; font-weight: 760; line-height: 1; }
.listing-shell aside.side-nav a.active .listing-nav-key { border-color: rgba(85, 97, 242, .32); color: var(--accent); background: var(--listing-nav-key-active-bg); }
.listing-search-button { width: 30px; min-width: 30px; padding-inline: 0; }
.listing-guide-open { gap: 7px; }
.listing-shell .top-search { grid-template-columns: minmax(0, 1fr) auto; gap: 8px; min-height: 38px; padding: 5px 6px 5px 18px; border-radius: 14px; }
.listing-shell .top-search input { min-height: 28px; padding: 0 6px 0 8px; border: 0; background: transparent; box-shadow: none; }
.listing-shell[data-area="queue"] main { background: radial-gradient(circle at 76% 88px, rgba(127,206,255,.24), transparent 34%), radial-gradient(circle at 56% 80px, rgba(158,132,255,.22), transparent 36%), linear-gradient(180deg, rgba(255,255,255,.86), rgba(242,245,249,.94)); }
:root[data-listing-theme="dark"] .listing-shell[data-area="queue"] main { background: radial-gradient(circle at 76% 88px, rgba(63,116,160,.2), transparent 34%), radial-gradient(circle at 56% 80px, rgba(139,124,255,.17), transparent 36%), linear-gradient(180deg, rgba(24,28,35,.95), rgba(31,36,43,.98)); }
.listing-shell[data-area="queue"] .topbar { background: color-mix(in srgb, var(--listing-chrome-bg) 82%, transparent); box-shadow: 0 10px 30px rgba(17,24,39,.06); }
.listing-heading { align-items: flex-start; }
.listing-shell[data-area="queue"] .listing-heading { position: relative; min-height: 196px; padding: 36px 22px 30px; overflow: hidden; }
.listing-shell[data-area="queue"] .listing-heading::before { content: ""; position: absolute; inset: -70px -18% -110px 42%; border: 1px solid rgba(159,173,255,.34); border-radius: 50%; transform: rotate(-15deg); pointer-events: none; }
.listing-shell[data-area="queue"] .listing-heading::after { content: ""; position: absolute; inset: 42px -14% -180px 54%; border-radius: 50%; background: radial-gradient(circle, rgba(127,206,255,.18), transparent 62%); pointer-events: none; }
.listing-heading > * { position: relative; z-index: 1; }
.listing-heading .heading-actions { justify-self: start; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.market-toggle { display: inline-flex; align-items: center; gap: 6px; padding: 4px; border: 1px solid var(--border); border-radius: 999px; background: var(--listing-glass-strong); box-shadow: var(--listing-shadow); }.listing-shell:is([data-area="copyrun"],[data-area="copy"]) .heading-actions > .market-toggle { display: none; }.market-toggle span { padding: 0 8px; color: var(--muted); font-size: 11px; font-weight: 720; }.market-toggle button { min-height: 30px; padding: 0 11px; border-radius: 999px; font-size: 11px; box-shadow: none; }.market-toggle button.active { border-color: var(--accent); background: var(--listing-primary-bg); color: var(--listing-primary-text); }
.listing-heading .eyebrow { margin-bottom: 6px; color: var(--accent); font-size: 11px; line-height: 1.55; letter-spacing: 0; opacity: .9; }
.listing-heading h1 { max-width: 760px; font-size: 28px; line-height: 1.34; font-weight: 760; letter-spacing: 0; }
.listing-heading .status-row { gap: 14px; margin-top: 8px; color: var(--text); font-size: 12px; line-height: 1.85; }
.listing-heading .status-row span { opacity: .86; }.listing-heading .status-row strong { opacity: 1; color: var(--text); }
.listing-shell[data-area="queue"] .listing-heading .segmented-button.active { background: linear-gradient(135deg, #8b7cff, #5561f2); color: #fff; box-shadow: 0 14px 26px rgba(85,97,242,.22); }
.listing-shell[data-area="queue"] .listing-heading .primary-button { background: linear-gradient(135deg, #171a22, #505a69); color: #fff; }
.listing-context-bar { display: none; margin: 0 var(--page-x) 12px; padding: 13px 0 12px 14px; border: 0; border-radius: 0; background: transparent; box-shadow: none; position: relative; overflow: hidden; }
.listing-context-bar::before { content: ""; position: absolute; inset: 10px auto 10px 0; width: 4px; border-radius: 999px; background: var(--listing-line, var(--listing-accent-line)); }
.listing-context-bar strong::before { content: var(--page-title); }.listing-context-bar span::before { content: var(--page-subtitle); }
.listing-context-bar strong { color: var(--text); font-size: 17px; line-height: 1.45; }.listing-context-bar span { color: var(--muted); font-size: 12px; font-weight: 760; line-height: 1.7; }
.listing-shell:not([data-area="queue"]) :is(.listing-heading,.listing-kpis,.listing-diff-strip) { display: none; }
.listing-shell:not(:is([data-area="queue"],[data-area="updates"])) .listing-context-bar { display: grid; gap: 3px; }
.listing-shell[data-area="images"]{--page-title:"画像編集・サムネ作成";--page-subtitle:"テンプレート、素材、ロゴ、文字を編集する専用画面";}
.listing-shell[data-area="copyrun"]{--page-title:"コピペ専用作業";--page-subtitle:"登録商品を上から順にコピーして次の商品へ進む画面";}
.listing-shell[data-area="copy"]{--page-title:"出品テキスト作成";--page-subtitle:"商品名、コメント、色サイズ、配送メモの雛壇を作成";}
.listing-shell[data-area="api"]{--page-title:"API・CSV接続設計";--page-subtitle:"手動、CSV、API下書きの権限別レーンを確認";}
.listing-shell[data-area="sales"]{--page-title:"売上管理";--page-subtitle:"Freeは見本、Basicは手入力、ProはCSV/API同期まで確認";}
.listing-shell[data-area="connect"]{--page-title:"外部接続";--page-subtitle:"各販路の管理先や外注導線を整理";}
.listing-shell[data-area="updates"]{--page-title:"更新履歴";--page-subtitle:"機能アップグレードを時系列で検索・確認";}
.listing-shell[data-area="package"]{--page-title:"プラン";--page-subtitle:"3つの質問で、無料、トライアル、月額、年額、API追加のおすすめを確認";}
.listing-kpis,
.listing-diff-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0 var(--page-x) 14px; }
.listing-position-strip { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 var(--page-x) 14px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 16px; background: var(--listing-glass-strong); box-shadow: var(--listing-shadow); }
.listing-position-strip span { color: var(--text); font-size: 13px; font-weight: 760; line-height: 1.6; }
.listing-kpis article,
.listing-diff-strip article,
.listing-panel,
.listing-card,
.listing-connect,
.listing-connect-grid article,
.listing-feedback,
.listing-guide,
.listing-feedback-log article,
.listing-package article,
.listing-package-card {
  border: 1px solid var(--border);
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, var(--surface), var(--surface-soft));
  box-shadow: var(--listing-shadow);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.listing-kpis article::before,
.listing-diff-strip article::before,
.listing-prep-group::before,
.listing-panel::before,
.listing-card::before,
.listing-connect::before,
.listing-connect-grid article::before,
.listing-feedback::before,
.listing-guide::before,
.listing-feedback-log article::before,
.listing-package article::before,
.listing-package-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: var(--listing-line, var(--listing-accent-line)); opacity: .72; pointer-events: none; }
.listing-shell[data-area="queue"],.listing-workbench,.listing-panel,.listing-prep-group.is-basic,.listing-kpis article:nth-child(1),.listing-diff-strip article:nth-child(1){--listing-line:var(--series-line-listing);}
.listing-prep-group.is-profit,.listing-kpis article:nth-child(3),.listing-diff-strip article:nth-child(2){--listing-line:var(--series-line-profit);}
.listing-shell[data-area="images"],#images,.listing-prep-group.is-media,.listing-kpis article:nth-child(2),.listing-image-board div{--listing-line:var(--series-line-image);}
.listing-shell[data-area="api"],#api,.listing-kpis article:nth-child(4),.listing-diff-strip article:nth-child(3){--listing-line:var(--series-line-api);}
.listing-shell[data-area="sales"],#sales,.listing-sales-kpis article,.listing-sales-chart,.listing-sales-charts,.listing-sales-calendar{--listing-line:var(--series-line-sales);}
.listing-shell[data-area="package"],#package,.listing-package article,.listing-package-card,.listing-diff-strip article:nth-child(4){--listing-line:var(--series-line-package);}
.listing-shell[data-area="connect"],#connect,.listing-connect,.listing-connect-grid article{--listing-line:var(--series-line-connect);}
.listing-feedback,.listing-guide,.listing-feedback-log article{--listing-line:var(--series-line-feedback);}
.listing-kpis article,.listing-diff-strip article { display: grid; grid-template-columns: 46px minmax(0,1fr); align-items: center; gap: 4px 12px; min-height: 88px; padding: 14px; }
.listing-kpis article { min-height: 96px; }
.listing-kpis article:nth-child(1),.listing-diff-strip article:nth-child(1){--kpi-c:#7567ff;--kpi-bg:rgba(117,103,255,.12);}
.listing-kpis article:nth-child(2){--kpi-c:#2ea7e8;--kpi-bg:rgba(46,167,232,.12);}.listing-kpis article:nth-child(3),.listing-diff-strip article:nth-child(2){--kpi-c:#17a676;--kpi-bg:rgba(23,166,118,.12);}
.listing-kpis article:nth-child(4),.listing-diff-strip article:nth-child(3){--kpi-c:#8f6cff;--kpi-bg:rgba(143,108,255,.12);}.listing-diff-strip article:nth-child(4){--kpi-c:#2388e8;--kpi-bg:rgba(35,136,232,.12);}
.listing-kpis i,.listing-diff-strip i { grid-row: 1 / 4; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 16px; background: var(--kpi-bg); color: var(--kpi-c); font-style: normal; box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 10px 24px rgba(31,38,50,.08); }
.listing-kpis i .listing-line-icon,.listing-diff-strip i .listing-line-icon { width: 21px; height: 21px; }
.listing-kpis span,.listing-diff-strip span,.listing-connect-grid span,.listing-package span { color: var(--muted); font-size: 11px; font-weight: 780; letter-spacing: 0; }
.listing-kpis strong { color: var(--text); font-size: 24px; line-height: 1.12; }.listing-diff-strip strong { color: var(--text); font-size: 18px; line-height: 1.24; }
.listing-kpis small,.listing-diff-strip small,.listing-connect-grid small { color: var(--muted); font-size: 12px; font-weight: 760; }
.listing-workbench {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
  padding: 0 var(--page-x) 18px;
}
.listing-tab-panel {
  display: none;
}
.listing-tab-panel.is-active {
  display: grid;
}
.listing-panel-screen {
  width: min(calc(100% - var(--page-x) * 2), 1180px);
  margin: 0 auto 18px;
}
.listing-shell[data-area="copyrun"] .listing-panel-screen,
.listing-shell[data-area="copy"] .listing-panel-screen { width: auto; margin: 0 var(--page-x) 18px; }
.listing-panel {
  min-width: 0;
  overflow: hidden;
}
.listing-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 18px;
  border-bottom: 1px solid var(--border);
}
.listing-panel-head h2,
.listing-card h2 {
  margin: 0;
  font-size: 16px; line-height: 1.5;
  letter-spacing: 0;
}
.listing-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.listing-table-wrap {
  max-height: 430px;
  overflow: auto;
  background: var(--listing-table-row-bg);
  scrollbar-color: var(--accent) transparent;
}
.listing-prep-panel { grid-column: 1 / -1; }
.listing-prep-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 12px; }
#listing-prep-form { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.listing-prep-group { position: relative; overflow: hidden; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; min-width: 0; padding: 14px; border: 1px solid var(--border); border-radius: 14px; background: var(--listing-item-bg); }
.listing-prep-group h3 { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; margin: 0 0 2px; color: var(--text); font-size: 12px; line-height: 1.5; }
.listing-prep-group h3 span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 9px; background: var(--listing-active-bg); color: var(--accent); font-size: 10px; }
.listing-prep-form label,.listing-prep-result > div { display: grid; gap: 6px; min-width: 0; color: var(--muted); font-size: 12px; font-weight: 720; }
.listing-prep-form label span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.listing-prep-form label[data-missing] span { color: #ff3868; }.listing-prep-form label[data-missing] :is(input,select,textarea) { border-color: #ff9ab1; background: color-mix(in srgb, #ff3868 7%, var(--surface)); }
.listing-prep-form :is(input,select,textarea) { width: 100%; min-height: 38px; padding: 8px 14px; }
.listing-prep-form textarea { min-height: 78px; resize: vertical; }
.listing-prep-form label:has(textarea) { grid-column: span 2; }
#images .listing-image-source { grid-template-columns: repeat(6,minmax(0,1fr)); align-items: end; gap: 12px; padding: 16px; }#images .listing-image-source label { grid-column: span 2; }#images .listing-image-source label:has(textarea),#images .listing-image-source label:nth-of-type(5) { grid-column: span 4; }#images .listing-image-source textarea { min-height: 54px; }#images .listing-image-source :is(input,select) { min-height: 42px; }
.listing-fee-presets { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px; border: 1px solid var(--border); border-radius: 14px; background: var(--listing-glass-strong); }.listing-fee-presets > span { flex: 0 0 100%; color: var(--muted); font-size: 11px; font-weight: 720; }.listing-fee-presets button { display: grid; flex: 1 1 76px; gap: 1px; min-width: 76px; min-height: 42px; padding: 5px 8px; border-radius: 12px; font-size: 11px; box-shadow: none; }.listing-fee-presets button small { color: var(--muted); font-size: 9px; line-height: 1; }.listing-fee-presets button.active { border-color: var(--accent); background: var(--listing-active-bg); color: var(--accent); }
.listing-prep-group.is-confirm { grid-template-columns: 1fr; align-content: start; }.listing-final-copy { margin: 0; color: var(--text); font-size: 13px; font-weight: 760; line-height: 1.65; }.listing-final-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }.listing-final-list li { padding: 9px 10px; border: 1px solid var(--border); border-radius: 12px; background: var(--listing-glass-strong); color: var(--muted); font-size: 12px; font-weight: 760; line-height: 1.45; }.listing-final-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }.listing-final-actions button { min-height: 34px; padding-inline: 10px; border-style: dashed; font-size: 11px; }
.listing-prep-actions { display: grid; align-content: start; gap: 8px; }
#listing-prep-form .listing-prep-actions { grid-column: 1 / -1; grid-template-columns: 1.35fr repeat(4,minmax(104px,1fr)); padding: 14px; border: 1px solid var(--border); border-radius: 14px; background: var(--listing-glass-strong); backdrop-filter: blur(18px) saturate(132%); }
#listing-prep-form .listing-prep-actions strong { grid-column: 1 / -1; color: var(--text); font-size: 12px; line-height: 1.4; }
#listing-prep-form .listing-prep-actions .primary-button { min-height: 44px; }
#prep-items-csv,#prep-colorsizes-csv { border-color: color-mix(in srgb, var(--accent) 26%, var(--border)); background: var(--surface); }
.listing-prep-actions :is(button,.listing-chip) { justify-content: center; width: 100%; min-height: 36px; padding-inline: 12px; }
.listing-prep-result { display: grid; grid-template-columns: repeat(4, minmax(128px, 1fr)); align-items: stretch; gap: 10px; }
.listing-prep-result-title { grid-column: 1 / -1; color: var(--text); font-size: 12px; font-weight: 780; line-height: 1.5; }
.listing-prep-result > div { min-width: 0; padding: 10px 12px; border: 1px solid var(--border); border-radius: 12px; background: var(--listing-item-bg); }
.listing-prep-result :is(.listing-product,.listing-thumb-canvas-card,.listing-active-template) { grid-column: span 2; }
.listing-prep-result .listing-note { grid-column: 1 / -1; align-self: stretch; margin: 0; padding: 10px 12px; border: 1px solid var(--border); border-radius: 12px; background: var(--listing-item-bg); }
.listing-feed-import { margin: 12px 0; grid-template-columns: minmax(0,1fr) 150px; align-items: end; gap: 12px; padding: 16px 18px; }.listing-feed-import h3 { margin-bottom: 4px; }.listing-feed-import label { display: grid; gap: 8px; min-width: 0; color: var(--muted); font-size: 12px; font-weight: 780; }.listing-feed-import :is(input,select) { width: 100%; min-height: 42px; padding: 9px 16px; border-color: color-mix(in srgb, var(--accent) 22%, var(--border)); }.listing-feed-import > .primary-button { min-height: 42px; padding-inline: 14px; }.listing-feed-import .listing-note,.listing-feed-results { grid-column: 1 / -1; }.listing-feed-import .listing-note { margin: -2px 0 0; padding: 0; border: 0; background: transparent; color: var(--muted); }.listing-feed-results { display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 8px; }.listing-feed-item { display: grid; grid-template-columns: 50px minmax(0,1fr); align-items: center; gap: 8px 10px; min-width: 0; padding: 9px; border: 1px solid var(--border); border-radius: 14px; background: var(--listing-glass-strong); text-align: left; }.listing-feed-item img { width: 50px; aspect-ratio: 1; grid-row: span 2; object-fit: cover; border-radius: 10px; background: var(--surface-soft); }.listing-feed-item span { display: grid; gap: 2px; min-width: 0; }.listing-feed-item strong,.listing-feed-item small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.listing-feed-item strong { color: var(--text); font-size: 12px; }.listing-feed-item small { color: var(--muted); font-size: 11px; }.listing-feed-item b { grid-column: 2; color: #ff3868; font-size: 12px; line-height: 1; }
#sales-order-form { grid-template-columns: minmax(180px,1.25fr) minmax(138px,.8fr) 138px 118px 118px auto; width: min(100%,1120px); margin-top: 14px; padding: 14px; gap: 10px; border-radius: 18px; background: var(--listing-glass-strong); }#sales-order-form label { gap: 6px; }#sales-order-form :is(input,select) { min-height: 38px; padding-block: 8px; }#sales-order-form .listing-note { margin: 0; padding: 9px 10px; border: 1px solid var(--border); border-radius: 12px; background: transparent; }
.listing-copy-head { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--border); border-radius: 14px; background: var(--listing-glass-strong); }.listing-copy-head p { margin: 0; color: var(--muted); font-size: 12px; font-weight: 760; line-height: 1.7; }.listing-copy-actions { display: flex; flex-wrap: wrap; justify-content: end; gap: 8px; }.listing-copy-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.listing-copy-card { display: grid; gap: 8px; min-width: 0; padding: 12px; border: 1px solid var(--border); border-radius: 14px; background: var(--listing-item-bg); box-shadow: var(--listing-card-shadow); }.listing-copy-card div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }.listing-copy-card span { color: var(--text); font-size: 12px; font-weight: 760; }.listing-copy-card button { min-height: 28px; padding: 0 10px; font-size: 10px; box-shadow: none; }.listing-copy-card textarea { min-height: 132px; padding: 12px 14px; resize: vertical; line-height: 1.65; }
.listing-copy-presets { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; }.listing-copy-presets button { min-height: 34px; padding: 0 14px; border-radius: 999px; font-size: 11px; box-shadow: none; }.listing-copy-presets button.active { border-color: var(--accent); background: var(--listing-primary-bg); color: var(--listing-primary-text); }
.listing-copyrun-market { margin: 0; gap: 6px; justify-content: center; }.listing-copyrun-market button { --market-accent: var(--accent); position: relative; display: grid; place-items: center; min-height: 34px; padding: 4px 10px; border-color: color-mix(in srgb, var(--market-accent) 22%, var(--border)); color: var(--text); font-size: 10px; line-height: 1.15; }.listing-copyrun-market [data-copy-market="mercari"] { --market-accent: #ff385c; }.listing-copyrun-market [data-copy-market="rakuma"] { --market-accent: #00a46c; }.listing-copyrun-market [data-copy-market="yahoo"] { --market-accent: #e60012; }.listing-copyrun-market [data-copy-market="ebay"] { --market-accent: #3665f3; }.listing-copyrun-market button.active { border-color: var(--market-accent); background: var(--market-accent); color: #fff; }.listing-copyrun-market button::after { content: attr(data-fee); color: var(--muted); font-size: 8.5px; font-weight: 780; }.listing-copyrun-market button.active::after { color: #fff; opacity: .82; }
.listing-copyrun .listing-card { gap: 12px; }.listing-copyrun-head,.listing-copyrun-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.listing-copyrun-foot { padding: 8px 10px; border: 1px solid var(--border); border-radius: 14px; background: var(--listing-glass-strong); }
.listing-copyrun-head p { margin: 0; color: var(--muted); font-size: 12px; font-weight: 720; line-height: 1.65; }
.listing-copyrun-product { position: relative; display: grid; gap: 1px; min-width: 88px; max-width: 112px; padding: 5px 6px; border: 1px solid var(--border); border-radius: 12px; background: var(--listing-glass-strong); }.listing-copyrun-product::after { content: "未"; position: absolute; right: 6px; top: 5px; width: 14px; height: 14px; display: grid; place-items: center; border-radius: 999px; background: #9ca3af; color: #fff; font-size: 8.5px; font-weight: 820; line-height: 1; }.listing-copyrun-product[data-synced]::after { content: "✓"; background: #14b879; }
.listing-copyrun-product span,.listing-copyrun-product small,.listing-copyrun-foot span { color: var(--muted); font-size: 10.5px; font-weight: 720; }.listing-copyrun-product strong { overflow: hidden; color: var(--text); font-size: 11px; line-height: 1.28; text-overflow: ellipsis; white-space: nowrap; }
.listing-copyrun-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(224px,1fr)); align-content: start; gap: 9px; }
.listing-copyrun-grid article { display: grid; grid-template-rows: auto minmax(0,1fr); align-content: start; gap: 6px; height: 100px; min-height: 84px; max-height: 230px; overflow: hidden; resize: vertical; padding: 10px; border: 1px solid var(--border); border-radius: 14px; background: var(--listing-item-bg); box-shadow: var(--listing-card-shadow); }
.listing-copyrun-grid div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }.listing-copyrun-grid span { color: var(--muted); font-size: 10.5px; font-weight: 740; }
.listing-copyrun-grid button { min-height: 28px; padding: 0 10px; font-size: 10px; box-shadow: none; }.listing-copyrun-grid p { margin: 0; overflow: auto; padding: 6px 3px 0 0; border-top: 1px solid var(--border); color: var(--text); font-size: 11.5px; font-weight: 560; line-height: 1.55; scrollbar-width: thin; white-space: pre-wrap; }
.listing-copyrun-layout { display: grid; grid-template-columns: minmax(0,1fr) clamp(300px,28vw,380px); gap: 14px; }.listing-copyrun-column { display: grid; align-content: start; gap: 10px; min-width: 0; }.listing-copyrun[data-copy-side="right"] .listing-copyrun-column { order: 2; }.listing-copyrun-tools { display: flex; flex-wrap: wrap; justify-content: end; gap: 6px; }.listing-copyrun-tools button { min-width: 32px; min-height: 32px; padding: 0 9px; border-radius: 999px; font-size: 11px; box-shadow: none; }.listing-copyrun-tools button.active { border-color: var(--accent); background: var(--listing-active-bg); }.listing-copyrun-grid article.is-copied { border-color: #14b879; background: color-mix(in srgb, #14b879 10%, var(--listing-item-bg)); }.listing-copyrun-grid article.is-next { border-color: color-mix(in srgb, var(--accent) 62%, var(--border)); background: color-mix(in srgb, var(--accent) 13%, var(--listing-item-bg)); box-shadow: inset 3px 0 0 var(--accent), inset 0 0 0 1px color-mix(in srgb, var(--accent) 34%, transparent), 0 14px 30px rgba(85,97,242,.14); }.listing-copyrun-grid article { position: relative; cursor: pointer; transition: border-color .16s ease, background .16s ease, transform .16s ease; }.listing-copyrun-grid article::before { content: "↕"; position: absolute; right: 8px; bottom: 5px; color: var(--muted); font-size: 10px; opacity: .42; pointer-events: none; }.listing-copyrun-grid article:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--accent) 42%, var(--border)); }.listing-copyrun-grid article:is(.is-copied,.is-next)::after { content: "完了"; position: absolute; top: 11px; right: 46px; padding: 3px 8px; border-radius: 999px; background: #14b879; color: #fff; font-size: 10px; font-weight: 850; line-height: 1.4; box-shadow: 0 6px 14px rgba(20,184,121,.18); }.listing-copyrun-grid article.is-next::after { content: "次に貼る"; background: var(--accent); color: var(--listing-primary-text); box-shadow: 0 6px 14px rgba(85,97,242,.18); }.listing-copyrun-preview { position: sticky; top: 86px; display: grid; align-self: start; align-content: start; gap: 10px; min-width: 0; max-height: calc(100vh - 106px); overflow: auto; padding: 12px; border: 1px solid var(--border); border-radius: 14px; background: var(--listing-glass-strong); }.listing-copyrun-preview p { display: inline-flex; width: fit-content; margin: 0; padding: 3px 8px; border-radius: 999px; background: var(--listing-active-bg); color: var(--accent); font-size: 10px; font-weight: 820; }.copyrun-public-card { --market-accent: #ff3868; display: grid; align-content: start; gap: 8px; min-height: 100%; padding: 12px; border: 1px solid var(--border); border-top: 3px solid var(--market-accent); border-radius: 14px; background: var(--surface); box-shadow: var(--listing-card-shadow); }.copyrun-public-card::before { content: ""; display: block; aspect-ratio: 1.34; border: 1px solid var(--border); border-radius: 12px; background: var(--copyrun-preview-image, linear-gradient(135deg, var(--surface-soft), color-mix(in srgb, var(--market-accent) 10%, var(--surface)) 58%, var(--listing-item-bg))); background-position: center; background-size: cover; }.copyrun-public-card :is(strong,b,span,dt,dd) { min-width: 0; overflow-wrap: anywhere; }.copyrun-public-card > span { color: var(--muted); font-size: 10px; font-weight: 780; letter-spacing: .02em; }.copyrun-public-card strong { color: var(--text); font-size: 15px; line-height: 1.42; }.copyrun-public-card b { color: var(--market-accent); font-size: 20px; line-height: 1; }.copyrun-public-card section { min-height: 0; padding-top: 8px; border-top: 1px solid var(--border); }.copyrun-public-card dl { display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 6px 8px; margin: 0; padding-top: 8px; border-top: 1px solid var(--border); color: var(--muted); font-size: 11px; }.listing-copyrun .listing-card:fullscreen { overflow: auto; padding: 18px; background: var(--page-bg); }
.copyrun-public-card[data-market="mercari"] { --market-accent: #ff385c; }.copyrun-public-card[data-market="rakuma"] { --market-accent: #00a46c; }.copyrun-public-card[data-market="yahoo"] { --market-accent: #e60012; }.copyrun-public-card[data-market="ebay"] { --market-accent: #3665f3; }.copyrun-public-card > [data-copyrun-public="market"] { width: fit-content; padding: 3px 8px; border: 1px solid color-mix(in srgb, var(--market-accent) 28%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--market-accent) 14%, var(--surface)); color: var(--market-accent); }
.listing-copyrun-grid [data-copyrun-label] { display: inline-flex; align-items: center; gap: 6px; }.listing-copyrun-grid [data-copyrun-label]::before { content: attr(data-order); display: grid; place-items: center; min-width: 22px; height: 22px; border-radius: 999px; background: var(--accent); color: var(--listing-primary-text); font-size: 9px; font-weight: 900; }.listing-copyrun-grid [data-copyrun-label]::after { content: "貼付"; padding: 1px 5px; border-radius: 999px; background: var(--listing-active-bg); color: var(--accent); font-size: 9px; font-weight: 850; }.listing-copyrun-grid article[data-copyrun-group="support"] { background: color-mix(in srgb, var(--surface) 72%, var(--listing-item-bg)); }.listing-copyrun-grid article[data-copyrun-group="support"] [data-copyrun-label]::before { background: var(--listing-item-bg); color: var(--muted); }.listing-copyrun-grid article[data-copyrun-group="support"] [data-copyrun-label]::after { content: "補助"; color: var(--muted); }
.copyrun-image-drop { position: relative; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 5px 9px; min-height: 112px; padding: 12px; border: 1px dashed color-mix(in srgb, var(--accent) 42%, var(--border)); border-radius: 14px; background: color-mix(in srgb, var(--surface) 82%, transparent); }.copyrun-image-drop::before { content: "+"; grid-row: span 3; display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid color-mix(in srgb, var(--accent) 34%, var(--border)); border-radius: 10px; background: var(--listing-active-bg); color: var(--accent); font-size: 18px; font-weight: 860; }.copyrun-image-drop:is(:hover,.is-dragging,.has-images) { border-style: solid; background: var(--listing-item-bg); }.copyrun-image-drop.has-images { border-color: color-mix(in srgb, var(--accent) 46%, var(--border)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent); }.copyrun-image-drop.has-images::before { content: "✓"; background: var(--listing-active-bg); }.copyrun-image-drop strong,.copyrun-public-card h3 { margin: 0; color: var(--text); font-size: 12px; }.copyrun-image-drop span,.copyrun-image-drop small { margin: 0; max-height: 86px; overflow: auto; padding-right: 3px; color: var(--muted); font-size: 11px; line-height: 1.55; scrollbar-width: thin; }.copyrun-public-card section p { display: -webkit-box; width: auto; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin: 0; overflow: hidden; padding: 0; border-radius: 0; background: transparent; color: var(--muted); font-size: 11px; line-height: 1.55; }.copyrun-public-card section:last-of-type p { -webkit-line-clamp: 4; }.copyrun-image-drop.has-images span { color: var(--accent); font-weight: 820; }.copyrun-image-drop.has-images small { color: var(--text); font-weight: 760; }#copyrun-image-list { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(4,1fr); grid-auto-flow: dense; gap: 6px; min-height: 58px; padding: 6px; border: 1px dashed var(--border); border-radius: 12px; cursor: grab; }#copyrun-image-list:empty { place-items: center; min-height: 58px; }#copyrun-image-list:empty::before { content: "画像を追加"; color: var(--text); font-size: 11px; font-weight: 780; }#copyrun-image-list:not(:empty) { border-style: solid; background: var(--surface); }#copyrun-image-list span { position: relative; min-width: 0; }#copyrun-image-list span:first-child { grid-column: span 2; grid-row: span 2; }#copyrun-image-list b,#copyrun-image-list i,#copyrun-image-list em { position: absolute; left: 4px; border-radius: 999px; }#copyrun-image-list b { top: 4px; padding: 1px 5px; background: color-mix(in srgb, #111827 72%, transparent); color: #fff; font-size: 9px; line-height: 1.4; }#copyrun-image-list em { bottom: 4px; padding: 1px 6px; background: var(--accent); color: var(--listing-primary-text); font-size: 9px; font-style: normal; font-weight: 850; line-height: 1.4; }#copyrun-image-list i { right: 4px; bottom: 4px; display: flex; gap: 2px; left: auto; padding: 2px; background: color-mix(in srgb, #111827 62%, transparent); font-style: normal; }#copyrun-image-list span:has(em) i { bottom: 24px; }#copyrun-image-list button { display: grid; place-items: center; width: 18px; min-width: 18px; height: 18px; min-height: 18px; padding: 0; border-radius: 999px; color: #fff; font-size: 10px; box-shadow: none; }#copyrun-image-list button:disabled { opacity: .34; cursor: default; }#copyrun-image-list button[data-copyrun-remove] { color: #ff9ab1; }#copyrun-image-list img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 8px; border: 1px solid var(--border); }#copyrun-image-list span:first-child img,#copyrun-image-list span:is(:hover,:has(em)) img { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }
.listing-copyrun.is-site-full { position: fixed; inset: 10px; z-index: 260; width: auto !important; margin: 0 !important; overflow: auto; }.listing-copyrun.is-site-full .listing-card { min-height: calc(100vh - 20px); }
#copyrun-close-full { display: none; width: 32px; min-width: 32px; padding: 0; font-size: 16px; }.listing-copyrun.is-site-full #copyrun-close-full { display: inline-grid; place-items: center; }
.listing-copyrun-grid button[data-copyrun-copy] { position: relative; display: grid; place-items: center; width: 30px; min-width: 30px; height: 30px; min-height: 30px; padding: 0; border-radius: 999px; color: var(--muted); opacity: .34; }.listing-copyrun-grid button[data-copyrun-copy]::before,.listing-copyrun-grid button[data-copyrun-copy]::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; border: 1.7px solid currentColor; border-radius: 4px; }.listing-copyrun-grid button[data-copyrun-copy]::before { transform: translate(-42%,-58%); }.listing-copyrun-grid button[data-copyrun-copy]::after { transform: translate(-62%,-38%); opacity: .55; }.listing-copyrun-grid article:is(:hover,:focus-within) button[data-copyrun-copy] { opacity: 1; color: var(--accent); }.listing-copyrun-grid article.is-copied button[data-copyrun-copy] { opacity: 1; color: #14b879; }.listing-copyrun-grid article.is-copied button[data-copyrun-copy]::before { content: "✓"; inset: 0; width: auto; height: auto; display: grid; place-items: center; border: 0; transform: none; font-size: 15px; font-weight: 900; }.listing-copyrun-grid article.is-copied button[data-copyrun-copy]::after { display: none; }
.listing-copyrun-foot #copyrun-done { display: inline-flex; align-items: center; gap: 7px; }.listing-copyrun-foot #copyrun-done span { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 999px; background: color-mix(in srgb, #fff 22%, transparent); color: inherit; font-size: 12px; line-height: 1; }#copyrun-status { flex: 1; min-width: 180px; padding: 8px 10px; border-radius: 999px; background: var(--listing-item-bg); text-align: center; }
.listing-table {
  width: 100%;
  min-width: 860px;
  border-collapse: separate;
  border-spacing: 0;
}
.listing-table th,
.listing-table td {
  padding: 14px 16px;
  text-align: left;
  vertical-align: middle;
}
.listing-table td {
  border-bottom: 1px solid var(--border);
}
.listing-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--listing-table-head-bg);
  border-bottom: 0;
  color: var(--listing-table-head-text);
  font-size: 11px;
  font-weight: 780;
  white-space: nowrap;
  backdrop-filter: blur(16px) saturate(140%);
  box-shadow: inset 0 -1px 0 var(--border);
}
.listing-product {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 260px;
}
.listing-thumb {
  flex: 0 0 44px;
  position: relative;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--listing-thumb-bg);
}
.listing-thumb::after {
  content: "IMG";
  color: var(--listing-thumb-mark);
  font-size: 10px;
  font-weight: 760;
}
.listing-thumb img {
  position: relative;
  z-index: 1;
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: var(--listing-thumb-bg);
}
.listing-product strong,
.listing-product span {
  display: block;
  max-width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.listing-product span,
.listing-muted,
.listing-note {
  color: var(--muted);
  font-size: 12px;
  font-weight: 760;
}
.listing-thumb-canvas-card { min-width: min(100%, 260px); grid-template-columns: 104px minmax(0, 1fr); align-items: center; }
.listing-thumb-canvas-card canvas { width: 104px; height: 104px; border: 1px solid var(--border); border-radius: 14px; background: linear-gradient(135deg, var(--listing-control-bg), var(--listing-glass)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.listing-thumb-canvas-card small { color: var(--muted); font-size: 11px; font-weight: 780; }
.listing-thumb-canvas-card.is-large { grid-template-columns: minmax(220px, 360px) minmax(0, 1fr); min-width: 0; }
.listing-thumb-canvas-card.is-large canvas { width: min(100%, 360px); height: auto; aspect-ratio: 1; }
.listing-thumb-tabs,.listing-thumb-style { display: flex; flex-wrap: wrap; gap: 6px; }
.listing-thumb-tabs button,.listing-thumb-style button,.listing-thumb-picks button { min-height: 30px; padding: 0 10px; border-radius: 999px; font-size: 11px; font-weight: 760; }
.listing-thumb-workspace { display: grid; gap: 12px; }
.listing-thumb-panel { min-width: 0; padding: 12px; border: 1px solid var(--border); border-radius: 14px; background: var(--listing-item-bg); }
.listing-thumb-picks { display: grid; grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)); gap: 8px; }
.listing-thumb-picks button { display: grid; gap: 6px; align-content: start; min-height: 118px; text-align: left; }
.listing-thumb-picks img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 12px; background: var(--listing-thumb-bg); }
.listing-thumb-picks span { justify-self: start; padding: 3px 8px; border-radius: 999px; background: var(--listing-active-bg); color: var(--accent); font-size: 10px; font-weight: 760; }
.listing-template-grid { display: grid; gap: 8px; }
.listing-image-drop { display: grid; grid-template-columns: 58px minmax(0,1fr); align-items: center; gap: 10px; min-height: 74px; padding: 9px; border: 1px dashed color-mix(in srgb, var(--accent) 34%, var(--border)); border-radius: 16px; background: color-mix(in srgb, var(--surface) 92%, var(--accent) 8%); text-align: left; }
.listing-image-drop i { position: relative; z-index: 1; display: grid; place-items: center; width: 58px; aspect-ratio: 1; border-radius: 13px; background: var(--drop-img, color-mix(in srgb, var(--surface-soft) 86%, var(--accent) 14%)); background-position: center; background-size: cover; background-repeat: no-repeat; box-shadow: inset 0 0 0 1px rgba(255,255,255,.52), 0 8px 18px rgba(17,24,39,.08); }
.listing-image-drop span { display: grid; gap: 3px; min-width: 0; }.listing-image-drop strong { color: var(--text); font-size: 12px; line-height: 1.35; }.listing-image-drop small { color: var(--muted); font-size: 10px; line-height: 1.45; }
.listing-image-drop i svg,.listing-logo-drop i svg { position: relative; z-index: 2; width: 54%; height: 54%; color: color-mix(in srgb, var(--accent) 52%, var(--muted)); opacity: .46; transition: opacity .16s ease; }.listing-image-drop.has-image i svg,.listing-logo-drop.has-image i svg { opacity: 0; }
.listing-image-drop:is(.has-image,.is-over) { border-color: var(--accent); background: var(--listing-active-bg); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent); }
.listing-template-category { display: flex; align-items: center; gap: 8px; margin: 6px 0 0; padding: 7px 9px; border-left: 3px solid color-mix(in srgb, var(--accent) 48%, transparent); border-radius: 10px; background: color-mix(in srgb, var(--surface-soft) 72%, transparent); color: var(--text); font-size: 10px; font-weight: 780; line-height: 1; }.listing-template-category::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 30%, transparent), transparent); }
.listing-template-card { display: grid; grid-template-columns: 66px minmax(0,1fr); grid-template-rows: 1fr 1fr; align-items: center; gap: 2px 9px; min-height: 76px; padding: 8px; border: 1px solid var(--border); border-radius: 14px; background: color-mix(in srgb, var(--surface) 94%, transparent); text-align: left; }
.listing-template-card:is(:hover,:focus-visible) { border-color: color-mix(in srgb, var(--sample-b) 52%, var(--border)); background: color-mix(in srgb, var(--sample-b) 10%, var(--surface)); box-shadow: 0 10px 22px rgba(17,24,39,.08); }
.listing-template-card strong { align-self: end; color: var(--text); font-size: 12px; font-weight: 760; line-height: 1.25; }.listing-template-card small { align-self: start; color: var(--muted); font-size: 10px; font-weight: 760; line-height: 1.35; }
.listing-template-card[data-template-preset="hero"] { --sample-a:#232832; --sample-b:#aeb7d7; --sample-c:#eef2f8; }.listing-template-card[data-template-preset="fullphoto"] { --sample-a:#111317; --sample-b:#cfd5df; --sample-c:#f8fafc; }.listing-template-card[data-template-preset="overlay"] { --sample-a:#111317; --sample-b:#8f98aa; --sample-c:#eef2f8; }.listing-template-card[data-template-preset="duo"] { --sample-a:#f8fafc; --sample-b:#a9c7d6; --sample-c:#26323e; }.listing-template-card[data-template-preset="quad"] { --sample-a:#f6f7f9; --sample-b:#b9b0a7; --sample-c:#2f3237; }.listing-template-card[data-template-preset="frame"] { --sample-a:#f7f3f6; --sample-b:#c4aebe; --sample-c:#34313b; }.listing-template-card[data-template-preset="frameClean"] { --sample-a:#fff; --sample-b:#d8deea; --sample-c:#111827; }.listing-template-card[data-template-preset="frameLine"] { --sample-a:#20242d; --sample-b:#aeb7d7; --sample-c:#f8fafc; }
.listing-template-card.active { border-color: color-mix(in srgb, var(--sample-b) 62%, var(--border)); background: color-mix(in srgb, var(--sample-b) 26%, var(--surface)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sample-b) 36%, transparent), 0 10px 22px rgba(17,24,39,.08); }
.listing-template-mini { grid-row: 1 / 3; position: relative; width: 64px; aspect-ratio: 1; overflow: hidden; border-radius: 12px; background: linear-gradient(135deg, var(--sample-a), var(--sample-b) 62%, var(--sample-c)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.36), 0 8px 18px rgba(17,24,39,.08); }
.listing-template-mini i { position: absolute; display: block; border: 1.5px solid rgba(255,255,255,.52); border-radius: 8px; background: linear-gradient(135deg, rgba(255,255,255,.52), rgba(255,255,255,.18)); background-position: center; background-size: cover; filter: grayscale(.72) saturate(.56) contrast(1); box-shadow: inset 0 0 0 1px rgba(17,24,39,.08); }
.listing-template-mini.is-hero i:first-child { inset: 10% 10% 31%; }.listing-template-mini.is-hero i:nth-child(2) { right: 10%; bottom: 10%; width: 32%; height: 15%; }.listing-template-mini.is-fullphoto i:first-child { inset: 0; border-radius: 10px; }.listing-template-mini.is-fullphoto i:nth-child(2) { left: 10%; bottom: 11%; width: 42%; height: 12%; border-radius: 999px; }.listing-template-mini.is-fullphoto i:nth-child(3) { right: 10%; top: 10%; width: 28%; height: 12%; border-radius: 999px; }.listing-template-mini.is-overlay i:first-child { inset: 0; border-radius: 10px; }.listing-template-mini.is-overlay i:nth-child(2) { right: 8%; bottom: 8%; left: 8%; height: 28%; background: rgba(17,24,39,.64); }.listing-template-mini.is-overlay i:nth-child(3) { left: 14%; bottom: 24%; width: 52%; height: 9%; border-radius: 999px; }.listing-template-mini.is-duo i:first-child { inset: 10% 52% 18% 10%; }.listing-template-mini.is-duo i:nth-child(2) { inset: 10% 10% 18% 52%; }.listing-template-mini.is-duo i:nth-child(n+3) { display: none; }.listing-template-mini.is-trio i:nth-child(1) { inset: 10% 52% 46% 10%; }.listing-template-mini.is-trio i:nth-child(2) { inset: 10% 10% 46% 52%; }.listing-template-mini.is-trio i:nth-child(3) { inset: 56% 10% 10% 10%; }.listing-template-mini.is-trio i:nth-child(4) { display: none; }
.listing-template-mini.is-quad i:nth-child(1) { inset: 10% 52% 52% 10%; }.listing-template-mini.is-quad i:nth-child(2) { inset: 10% 10% 52% 52%; }.listing-template-mini.is-quad i:nth-child(3) { inset: 52% 52% 10% 10%; }.listing-template-mini.is-quad i:nth-child(4) { inset: 52% 10% 10% 52%; }.listing-template-mini.is-frame i:first-child { inset: 12%; border: 2px solid rgba(255,255,255,.64); border-radius: 4px; }.listing-template-mini.is-frame i:nth-child(2) { right: 10%; bottom: 10%; width: 38%; height: 18%; border-radius: 999px; }.listing-template-mini.is-frame-clean i:first-child { inset: 14%; border: 5px solid rgba(255,255,255,.96); border-radius: 4px; box-shadow: 0 0 0 1px rgba(17,24,39,.18); }.listing-template-mini.is-frame-clean i:nth-child(2) { right: 12%; bottom: 12%; width: 34%; height: 16%; border-radius: 999px; }.listing-template-mini.is-frame-line i:first-child { inset: 10%; border: 3px solid rgba(255,255,255,.96); border-radius: 5px; box-shadow: 0 0 0 1px rgba(17,24,39,.16); }.listing-template-mini.is-frame-line i:nth-child(2) { left: 12%; bottom: 12%; width: 50%; height: 12%; border-radius: 999px; }
.listing-editor-card { display: grid; grid-template-columns: 56px minmax(220px,260px) minmax(470px,560px) minmax(160px,190px); grid-template-areas: "rail pane canvas preview" "rail assets canvas preview"; justify-content: center; gap: 10px; align-items: start; width: min(100%, 1080px); min-width: 0; margin-inline: auto; padding: 10px; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); box-shadow: var(--listing-shadow); }
.listing-editor-card.is-full-view { position: fixed; inset: 10px; z-index: 120; width: auto; max-width: none; height: calc(100dvh - 20px); overflow: auto; grid-template-columns: 56px minmax(220px,280px) minmax(420px,min(78vh,820px)) minmax(160px,220px); align-content: start; background: color-mix(in srgb, var(--surface) 88%, transparent); backdrop-filter: blur(18px); }.listing-editor-card.is-full-view .listing-editor-canvas { max-width: none; }.listing-editor-card:fullscreen { inset: 0; width: 100%; height: 100%; padding: 14px; border-radius: 0; }.listing-editor-fit[aria-pressed="true"] { border-color: var(--accent); background: var(--listing-primary-bg); color: var(--listing-primary-text); }
.listing-editor-stage,.listing-editor-preview { --palette-line: var(--listing-line, var(--listing-accent-line)); position: relative; overflow: hidden; }
.listing-editor-canvas { grid-area: canvas; display: grid; justify-self: center; width: 100%; max-width: 560px; gap: 10px; min-width: 0; }
.listing-editor-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; min-height: 40px; padding: 6px; border: 1px solid var(--border); border-radius: 14px; background: var(--listing-glass-strong); }
.listing-reset-actions { align-items: center; gap: 6px; padding: 4px 6px; border-left: 1px solid var(--border); border-radius: 999px; background: color-mix(in srgb, var(--listing-glass-strong) 78%, transparent); }.listing-reset-actions button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 28px; padding: 0 10px; border-radius: 999px; color: var(--muted); font-size: 10px; font-weight: 760; box-shadow: none; }.listing-reset-actions button span { position: relative; z-index: 1; }.listing-reset-actions .is-current { border-color: color-mix(in srgb, var(--accent) 34%, var(--border)); background: var(--listing-primary-bg); color: var(--listing-primary-text); }.listing-reset-actions .is-current::before { content: ""; width: 13px; height: 13px; border: 1.7px solid currentColor; border-right-color: transparent; border-radius: 50%; transform: rotate(-35deg); opacity: .86; }.listing-reset-actions .is-all { background: transparent; border-color: color-mix(in srgb, var(--border) 72%, var(--accent)); color: var(--muted); }
.listing-editor-stage { border: 1px solid color-mix(in srgb, var(--border) 68%, transparent); border-radius: 16px; background: color-mix(in srgb, var(--surface-soft) 76%, transparent); box-shadow: none; }
.listing-editor-stage::before,.listing-editor-preview::before { display: none; }
.listing-editor-stage canvas { display: block; width: 100%; height: auto; aspect-ratio: 1; filter: grayscale(.55) saturate(.42) contrast(.86) brightness(1.14); opacity: .34; }
.listing-editor-stage[data-layout="cover"] { background: var(--listing-thumb-bg); }
.listing-editor-stage[data-layout="cover"] .listing-layer-guide.is-main { --guide-w: 82%; --guide-h: 82%; border: 2px solid rgba(255,255,255,.32); border-style: solid; background: rgba(255,255,255,.045); box-shadow: inset 0 0 0 8px rgba(17,24,39,.18), 0 0 0 1px rgba(159,173,255,.14); }
.listing-editor-stage[data-layout="cover"] .listing-layer-guide.is-main span::after { content: " / 全面"; opacity: .62; }
.listing-editor-stage::after { content: ""; position: absolute; inset: 0; opacity: 0; background-image: linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px); background-size: 33.333% 33.333%; pointer-events: none; transition: opacity .16s ease; }
.listing-editor-stage:is(:hover,:focus-within,.is-over)::after { opacity: .42; }
.listing-editor-stage[data-grid="dense"]::after { background-size: 16.666% 16.666%; }
.listing-editor-stage[data-grid="none"]::after { display: none; }
.listing-layer-guide { position: absolute; left: 50%; top: 45%; z-index: 3; display: grid; place-items: start; width: var(--guide-w); height: var(--guide-h); padding: 12px; border: 1.4px dashed color-mix(in srgb, var(--accent) 22%, var(--border)); border-radius: 18px; background: color-mix(in srgb, #eef2f8 42%, transparent); color: color-mix(in srgb, var(--muted) 86%, transparent); transform: translate(-50%,-50%) scale(var(--guide-scale,1)); box-shadow: none; pointer-events: none; }
.listing-layer-guide span { align-self: start; padding: 2px 7px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(17,24,39,.1); font-size: 10px; font-weight: 760; }
.listing-layer-guide.active { border-style: solid; border-color: color-mix(in srgb, var(--accent) 54%, var(--border)); background: color-mix(in srgb, #eef2f8 38%, transparent); box-shadow: inset 0 0 0 1px rgba(255,255,255,.5), 0 0 0 4px color-mix(in srgb, var(--accent) 8%, transparent); }
.listing-layer-guide.is-main { --guide-w: 88%; --guide-h: 66%; }
.listing-layer-guide.is-logo { --guide-w: 24%; --guide-h: 10%; }
.listing-layer-guide.is-badge { --guide-w: 30%; --guide-h: 10%; }
.listing-layer-guide.is-text,.listing-layer-guide.is-text2 { --guide-w: 28%; --guide-h: 8%; }
.listing-dashboard .listing-editor-layer { position: absolute; left: 50%; top: 45%; z-index: 6; display: inline-flex; align-items: center; gap: 8px; min-width: 78px; max-width: 190px; min-height: 34px; padding: 0 12px 0 10px; border: 1px solid rgba(255,255,255,.34); border-radius: 999px; overflow: hidden; background: rgba(255,255,255,.02); color: rgba(248,250,252,.76); font-size: 12px; font-weight: 760; white-space: nowrap; text-overflow: ellipsis; transform: translate(-50%,-50%); text-shadow: 0 1px 8px rgba(17,24,39,.42); box-shadow: 0 0 0 1px rgba(17,24,39,.1); cursor: grab; touch-action: none; appearance: none; }
.listing-dashboard .listing-editor-layer::before { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 3h2v4h3l-4 4-4-4h3V3Zm0 18v-4H8l4-4 4 4h-3v4h-2ZM3 11h4V8l4 4-4 4v-3H3v-2Zm18 0v2h-4v3l-4-4 4-4v3h4Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 3h2v4h3l-4 4-4-4h3V3Zm0 18v-4H8l4-4 4 4h-3v4h-2ZM3 11h4V8l4 4-4 4v-3H3v-2Zm18 0v2h-4v3l-4-4 4-4v3h4Z'/%3E%3C/svg%3E") center / contain no-repeat; opacity: .42; }
.listing-dashboard .listing-editor-layer::after { content: ""; width: 6px; height: 6px; margin-left: auto; border-radius: 999px; background: currentColor; opacity: .12; }
.listing-editor-layer.is-logo { left: 78%; top: 20%; }
.listing-editor-layer.is-badge { left: 77%; top: 82%; }
.listing-editor-layer.is-text { left: 48%; top: 62%; }.listing-editor-layer.is-text2 { left: 63%; top: 72%; }
.listing-dashboard .listing-editor-layer:is(:hover,:focus-visible) { border-color: rgba(255,255,255,.58); background: rgba(255,255,255,.035); color: rgba(248,250,252,.9); }
.listing-dashboard .listing-editor-layer:active { border-color: rgba(159,173,255,.64); background: rgba(159,173,255,.045); cursor: grabbing; }
.listing-dashboard .listing-editor-layer.active { border-color: rgba(159,173,255,.82); outline: 1.5px solid rgba(255,255,255,.52); outline-offset: 5px; background: rgba(17,24,39,.32); color: rgba(255,255,255,.96); box-shadow: 0 0 0 3px rgba(159,173,255,.16), 0 10px 24px rgba(17,24,39,.12); }
.listing-dashboard .listing-editor-layer.active::before { opacity: .42; }.listing-dashboard .listing-editor-layer.active::after { content: "✎"; display: grid; place-items: center; width: 19px; height: 19px; border-radius: 999px; background: rgba(255,255,255,.16); font-size: 11px; opacity: .86; }
.listing-layer-guide:not(.active) { visibility: hidden; opacity: 0; background: transparent; border-color: rgba(255,255,255,.2); box-shadow: none; }.listing-layer-guide:not(.active) span { display: none; }
.listing-dashboard .listing-editor-layer:not(.active) { visibility: hidden; pointer-events: none; width: 30px; min-width: 30px; height: 30px; min-height: 30px; padding: 0; border-color: rgba(255,255,255,.22); background: rgba(17,24,39,.18); color: rgba(248,250,252,.62); font-size: 0; opacity: 0; box-shadow: 0 8px 18px rgba(17,24,39,.08); }
.listing-dashboard .listing-editor-layer:not(.active)::before { width: 16px; margin: 0; opacity: .5; }.listing-dashboard .listing-editor-layer:not(.active)::after { display: none; }
.listing-dashboard .listing-editor-layer:not(.active):is(:hover,:focus-visible) { width: auto; min-width: 74px; padding: 0 10px; font-size: 11px; opacity: .86; background: rgba(17,24,39,.34); }
.listing-editor-stage[data-has-logo="false"] :is(.listing-layer-guide.is-logo,.listing-editor-layer.is-logo) { opacity: .18; border-style: dashed; filter: saturate(.5); }
.listing-editor-stage[data-has-image="false"] .listing-editor-layer.is-main.active { display: none; }
.listing-dashboard .listing-editor-layer.active:is(.is-logo,.is-badge,.is-text,.is-text2) { background: rgba(17,24,39,.28); backdrop-filter: blur(12px); }
.listing-stage-image-actions { position: absolute; left: 50%; top: 50%; z-index: 8; display: inline-flex; gap: 7px; padding: 7px; border: 1px solid color-mix(in srgb, var(--border) 76%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--surface) 92%, transparent); box-shadow: 0 12px 28px rgba(17,24,39,.12); transform: translate(-50%,-50%); backdrop-filter: blur(12px); }.listing-stage-image-actions button { min-height: 30px; padding: 0 11px; border-radius: 999px; background: transparent; color: var(--text); font-size: 10px; font-weight: 760; box-shadow: none; }.listing-stage-image-actions [data-image-action="upload"] { background: var(--listing-primary-bg); color: var(--listing-primary-text); }.listing-stage-image-actions [data-image-action="upload"]::before { content: "+"; display: inline-grid; place-items: center; width: 16px; height: 16px; margin-right: 5px; border: 1.7px solid currentColor; border-radius: 999px; font-size: 13px; line-height: 1; }.listing-stage-image-actions button:disabled { opacity: .34; }.listing-stage-image-actions [data-image-action="delete"] { color: #d85c78; }
.listing-editor-stage.is-over { outline: 2px solid var(--accent); outline-offset: -8px; }
.listing-editor-controls,.listing-editor-pane,.listing-editor-block { display: grid; gap: 8px; min-width: 0; }
.listing-editor-assets { grid-area: assets; display: grid; align-self: start; gap: 8px; min-width: 0; max-height: 250px; overflow: auto; padding: 12px; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); box-shadow: var(--listing-shadow); }
.listing-editor-assets strong { color: var(--text); font-size: 13px; line-height: 1.35; }
.listing-editor-assets small { color: var(--muted); font-size: 11px; font-weight: 760; }
.listing-editor-assets .listing-image-drop { grid-template-columns: 36px minmax(0,1fr); min-height: 54px; padding: 7px; border-radius: 13px; }.listing-editor-assets .listing-image-drop i { width: 36px; border-radius: 10px; }
.listing-editor-mini-picks { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.listing-editor-mini-picks button { display: grid; gap: 6px; min-height: 96px; padding: 7px; border-radius: 14px; text-align: left; }.listing-editor-mini-picks button.active { border-color: var(--accent); background: var(--listing-active-bg); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 24%, transparent); }
.listing-editor-mini-picks img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 12px; background: var(--listing-thumb-bg); filter: grayscale(.45) saturate(.72); }
.listing-editor-rail { grid-area: rail; display: grid; gap: 6px; align-content: start; padding: 8px; border: 1px solid var(--border); border-radius: 18px; background: var(--listing-glass-strong); }
.listing-rail-label { margin: 4px 0 0; color: var(--muted); font-size: 9px; font-weight: 760; line-height: 1; text-align: center; text-transform: uppercase; opacity: .76; }.listing-editor-rail button { display: grid; place-items: center; gap: 4px; min-height: 50px; padding: 7px 4px; border-radius: 14px; color: var(--muted); font-size: 9.5px; font-weight: 780; }
.listing-editor-rail button.active { border-color: rgba(85,97,242,.34); background: var(--listing-active-bg); color: var(--accent); }
.listing-editor-pane { grid-area: pane; align-self: start; max-height: min(600px, calc(100dvh - 180px)); overflow: auto; padding: 12px; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); }
.listing-editor-pane::before { content: attr(data-editor-title); color: var(--text); font-size: 13px; font-weight: 760; }
[data-editor-section][hidden] { display: none; }
.listing-editor-block > span { color: var(--muted); font-size: 11px; font-weight: 780; }
.listing-text-tools { display: flex; flex-wrap: wrap; gap: 8px; }
.listing-dashboard .listing-text-tools [data-editor-text-color] { width: 34px; min-width: 34px; height: 34px; min-height: 34px; padding: 0; border-radius: 999px; background: var(--text-swatch); box-shadow: inset 0 0 0 1px rgba(17,24,39,.14), 0 8px 18px rgba(17,24,39,.09); }
.listing-text-tools button.active { outline: 2px solid var(--accent); outline-offset: 2px; }
.listing-palette-picker { display: grid; grid-template-columns: minmax(0, 1fr) 42px; gap: 8px; }
.listing-palette-picker :is(select,.listing-color-picker) { min-height: 34px; padding: 0 10px; border-radius: 12px; }
.listing-color-picker { display: grid; place-items: center; overflow: hidden; border: 1px solid var(--border); background: conic-gradient(from 90deg,#ff3b3b,#ffd95a,#2dd4bf,#38bdf8,#8b5cf6,#ff3b3b); box-shadow: inset 0 1px 0 rgba(255,255,255,.34); }
.listing-color-picker span,.listing-color-field i { width: 18px; height: 18px; border-radius: 999px; background: var(--custom-color, #9fadff); box-shadow: 0 0 0 3px rgba(255,255,255,.82), 0 8px 20px rgba(17,24,39,.2); }
.listing-color-panel { display: grid; gap: 8px; padding: 8px; border: 1px solid var(--border); border-radius: 16px; background: var(--listing-glass-strong); box-shadow: var(--listing-shadow); }
.listing-color-panel[hidden] { display: none; }.listing-color-picker[aria-expanded="true"] { outline: 2px solid var(--accent); outline-offset: 2px; }
.listing-dashboard .listing-color-field { position: relative; min-height: 118px; overflow: hidden; padding: 0; border: 0; border-radius: 14px; appearance: none; background: linear-gradient(to top,#000,transparent), linear-gradient(to right,#fff,hsl(var(--custom-hue,232) 100% 50%)); box-shadow: none; }
.listing-color-field i { position: absolute; left: var(--custom-x, 44%); top: var(--custom-y, 22%); transform: translate(-50%,-50%); }
.listing-hue-range { appearance: none; -webkit-appearance: none; width: 100%; min-height: 20px; height: 20px; padding: 0; border: 0; background: transparent; box-shadow: none; }
.listing-hue-range::-webkit-slider-runnable-track { height: 8px; border-radius: 999px; background: linear-gradient(90deg,red,#ff0,lime,cyan,blue,magenta,red); box-shadow: inset 0 0 0 1px rgba(17,24,39,.12); }
.listing-hue-range::-webkit-slider-thumb { -webkit-appearance: none; width: 18px; height: 18px; margin-top: -5px; border: 3px solid #fff; border-radius: 999px; background: var(--custom-color, #9fadff); box-shadow: 0 5px 14px rgba(17,24,39,.26); }
.listing-hue-range::-moz-range-track { height: 8px; border-radius: 999px; background: linear-gradient(90deg,red,#ff0,lime,cyan,blue,magenta,red); }
.listing-hue-range::-moz-range-thumb { width: 18px; height: 18px; border: 3px solid #fff; border-radius: 999px; background: var(--custom-color, #9fadff); box-shadow: 0 5px 14px rgba(17,24,39,.26); }
.listing-hex-field { display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: center; gap: 6px; color: var(--muted); font-size: 10px; font-weight: 780; }.listing-hex-field input { min-height: 32px; text-transform: uppercase; }
.listing-palette { display: flex; flex-wrap: wrap; gap: 9px; margin: 2px 0 8px; padding-top: 2px; }
.listing-dashboard .listing-palette button { width: 34px; min-width: 34px; height: 34px; min-height: 34px; padding: 0; border-radius: 12px; background: linear-gradient(135deg, var(--sw1), var(--sw2)); box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 10px 20px rgba(17,24,39,.09); }
.listing-palette button.active { outline: 2px solid var(--accent); outline-offset: 2px; }
.listing-guide-fixed { margin-left: auto; align-items: center; padding: 3px; border: 1px solid var(--border); border-radius: 999px; background: color-mix(in srgb, var(--surface) 72%, transparent); }.listing-guide-fixed button { min-height: 24px; padding: 0 8px; font-size: 10px; }.listing-editor-action-note { margin: 0; padding: 10px 12px; border: 1px solid var(--border); border-radius: 14px; background: var(--listing-glass-strong); color: var(--muted); font-size: 11px; font-weight: 760; line-height: 1.65; }
.listing-frame-tools { display: grid; grid-template-columns: repeat(3, 34px); gap: 8px; align-items: center; }.listing-frame-tools button { width: 34px; min-width: 34px; height: 34px; min-height: 34px; padding: 0; border-radius: 12px; background: var(--frame); box-shadow: inset 0 0 0 1px rgba(17,24,39,.16), 0 8px 18px rgba(17,24,39,.08); }.listing-frame-tools button.active { outline: 2px solid var(--accent); outline-offset: 2px; }.listing-frame-tools label { grid-column: 1 / -1; display: grid; grid-template-columns: 34px minmax(0,1fr) 30px; align-items: center; gap: 8px; color: var(--muted); font-size: 10px; font-weight: 780; }.listing-frame-tools input { min-height: 4px; height: 4px; padding: 0; border: 0; box-shadow: none; accent-color: var(--accent); }
.listing-editor-pane .listing-prep-form:is([data-editor-section="brand"],[data-editor-section="logo"]):not([hidden]) { display: flex; flex-direction: column; gap: 10px; }.listing-logo-drops { display: grid; grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)); gap: 8px; }.listing-logo-drop { display: grid; justify-items: start; align-items: center; gap: 7px; min-height: 106px; padding: 10px; border-style: dashed; border-radius: 14px; background: linear-gradient(180deg, var(--listing-glass-strong), var(--surface)); text-align: left; }.listing-logo-drop i { position: relative; z-index: 1; display: grid; place-items: center; width: 44px; aspect-ratio: 1; border-radius: 12px; background: var(--drop-img, linear-gradient(135deg, var(--surface-soft), var(--listing-active-bg))); background-position: center; background-size: contain; background-repeat: no-repeat; box-shadow: inset 0 0 0 1px var(--border); }.listing-logo-drop span { display: grid; gap: 2px; min-width: 0; }.listing-logo-drop strong { color: var(--text); font-size: 12px; line-height: 1.3; }.listing-logo-drop small { color: var(--muted); font-size: 10px; line-height: 1.45; }.listing-logo-drop.has-image,.listing-logo-drop.is-over { border-color: var(--accent); color: var(--accent); background: var(--listing-active-bg); }
.listing-logo-note { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0; padding: 8px 10px; border: 1px solid var(--border); border-radius: 14px; background: var(--listing-glass-strong); color: var(--muted); font-size: 10px; font-weight: 760; }.listing-logo-note b { color: var(--text); font-size: 11px; }.listing-logo-note span { text-align: right; }
.listing-dashboard .listing-grid-handle { position: absolute; z-index: 5; min-width: 0; min-height: 0; padding: 0; border: 0; border-radius: 999px; background: rgba(255,255,255,.18); opacity: 0; box-shadow: 0 0 0 1px rgba(17,24,39,.08), 0 8px 18px rgba(17,24,39,.08); cursor: grab; pointer-events: none; transition: opacity .16s ease, background .16s ease; }
.listing-editor-stage:is(:hover,:focus-within,.is-over) .listing-grid-handle { opacity: .86; pointer-events: auto; }
.listing-dashboard .listing-grid-handle::before { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 14px; border: 1px solid rgba(255,255,255,.42); border-radius: 999px; background: rgba(255,255,255,.5); box-shadow: 0 8px 16px rgba(17,24,39,.1); transform: translate(-50%,-50%); }
.listing-dashboard .listing-grid-handle.is-v { top: 0; bottom: 0; left: var(--grid-x, 66%); width: 5px; transform: translateX(-50%); }
.listing-dashboard .listing-grid-handle.is-h { left: 0; right: 0; top: var(--grid-y, 66%); height: 5px; transform: translateY(-50%); }
.listing-editor-stage[data-palette="mint"],.listing-editor-preview[data-palette="mint"]{--palette-line:linear-gradient(90deg,#22c55e,#bbf7d0);}.listing-editor-stage[data-palette="rose"],.listing-editor-preview[data-palette="rose"]{--palette-line:linear-gradient(90deg,#fb7185,#ffe4e6);}.listing-editor-stage[data-palette="sky"],.listing-editor-preview[data-palette="sky"]{--palette-line:linear-gradient(90deg,#38bdf8,#dbeafe);}.listing-editor-stage[data-palette="mono"],.listing-editor-preview[data-palette="mono"]{--palette-line:linear-gradient(90deg,#111827,#e5e7eb);}
.listing-editor-controls { display: grid; gap: 8px; padding: 8px 10px; border: 1px solid var(--border); border-radius: 14px; background: var(--listing-glass-strong); }
.listing-control-line { display: grid; grid-template-columns: minmax(0,1fr) 54px; align-items: center; gap: 8px; }.listing-editor-controls label { display: grid; grid-template-columns: 34px minmax(0,1fr) 30px; align-items: center; gap: 8px; min-width: 0; color: var(--muted); font-size: 10px; font-weight: 760; }
.listing-editor-controls input { min-height: 4px; height: 4px; padding: 0; border: 0; box-shadow: none; accent-color: var(--accent); }
.listing-editor-controls output { color: var(--text); text-align: right; }
.listing-control-line [data-editor-reset-axis] { display: inline-grid; place-items: center; width: 28px; min-width: 28px; min-height: 28px; padding: 0; border-color: color-mix(in srgb, var(--border) 78%, var(--accent)); border-radius: 999px; background: color-mix(in srgb, var(--surface) 74%, transparent); color: var(--muted); font-size: 0; box-shadow: none; }.listing-control-line [data-editor-reset-axis]::before { content: ""; width: 10px; height: 10px; border: 1.7px solid currentColor; border-right-color: transparent; border-radius: 50%; transform: rotate(-35deg); opacity: .8; }.listing-control-line [data-editor-reset-axis]:hover { border-color: var(--accent); background: var(--listing-active-bg); color: var(--accent); }
.listing-editor-preview { display: grid; gap: 10px; min-width: 0; padding: 12px; border: 1px solid var(--border); border-radius: 16px; background: var(--listing-glass-strong); box-shadow: var(--listing-shadow); }
.listing-editor-preview { grid-area: preview; }
.listing-editor-preview canvas { width: 100%; aspect-ratio: 1; border-radius: 12px; background: var(--listing-thumb-bg); }
.listing-editor-preview strong { color: var(--text); font-size: 15px; line-height: 1.35; }
.listing-editor-preview b { color: #ff3868; font-size: 18px; line-height: 1; }
.listing-editor-preview small { color: var(--muted); font-size: 11px; font-weight: 760; }
.listing-editor-preview .listing-prep-actions { grid-template-columns: 1fr; }
.listing-status { display: inline-flex; align-items: center; min-height: 28px; padding: 0 10px; border-radius: 999px; background: var(--listing-active-bg); color: var(--accent); font-size: 12px; font-weight: 760; white-space: nowrap; }
.listing-status.is-ready { color: var(--listing-good); background: rgba(8, 127, 91, .08); }
.listing-status.is-warn { color: var(--listing-warn); background: rgba(161, 98, 7, .1); }
.listing-score { display: grid; gap: 6px; min-width: 72px; }
.listing-score strong { font-size: 12px; }
.listing-score span { display: block; width: 72px; height: 7px; overflow: hidden; border-radius: 999px; background: var(--listing-score-bg); }
.listing-score i { display: block; height: 100%; border-radius: inherit; background: var(--accent); }
.listing-side { display: grid; gap: 14px; align-content: start; }
.listing-card { display: grid; gap: 16px; padding: 18px; }
.listing-image-board,
.listing-sales-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.listing-sales-kpis { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
#sales .listing-sales-kpis:first-of-type article { min-height: 76px; background: var(--listing-control-bg); box-shadow: none; }
#sales .listing-sales-kpis:first-of-type strong { font-size: 15px; }
.listing-image-board div,
.listing-sales-kpis article {
  display: grid;
  gap: 6px;
  min-height: 86px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 14px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, var(--surface), var(--surface-soft));
  box-shadow: var(--listing-shadow);
}
.listing-image-board div::before,
.listing-sales-kpis article::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: var(--listing-line, var(--listing-accent-line)); opacity: .62; pointer-events: none; }
.listing-image-board span,
.listing-sales-kpis span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 760;
}
.listing-image-board strong,
.listing-sales-kpis strong {
  font-size: 18px;
  line-height: 1.24;
}
.listing-sales-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.listing-sales-tabs { display: inline-flex; gap: 6px; padding: 5px; border: 1px solid var(--border); border-radius: 999px; background: var(--listing-item-bg); }
.listing-sales-tabs button { min-height: 30px; padding: 0 14px; border-radius: 999px; font-size: 12px; font-weight: 760; }
.listing-sales-tabs .listing-icon-button { width: 32px; min-width: 32px; height: 32px; padding: 0; }
.listing-sales-month { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: 11px; font-weight: 760; }
.listing-sales-month input { min-height: 34px; padding-inline: 12px; color: var(--text); }
.listing-sales-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 360px); gap: 14px; }
.listing-sales-main,.listing-sales-list { display: grid; gap: 12px; align-content: start; min-width: 0; }
.listing-sales-chart,.listing-sales-charts,.listing-sales-calendar { position: relative; overflow: hidden; padding: 12px; border: 1px solid var(--border); border-radius: 16px; background: linear-gradient(180deg, var(--surface), var(--surface-soft)); box-shadow: var(--listing-shadow); }
.listing-sales-chart::before,.listing-sales-charts::before,.listing-sales-calendar::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: var(--listing-line, var(--listing-accent-line)); opacity: .62; pointer-events: none; }
.listing-sales-chart { display: grid; grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)); gap: 8px; max-height: 188px; overflow: auto; }
.listing-sales-chart button { display: grid; align-content: start; gap: 8px; min-height: 112px; padding: 12px; border: 1px solid var(--border); border-radius: 14px; background: var(--listing-item-bg); box-shadow: inset 0 1px 0 rgba(255,255,255,.12); text-align: left; }
.listing-sales-chart button span { display: block; width: 100%; height: 10px; overflow: hidden; border-radius: 999px; background: var(--listing-score-bg); }
.listing-sales-chart button span i { display: block; width: var(--bar); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--accent), #eef2ff); box-shadow: 0 0 22px rgba(159,173,255,.28); }
.listing-sales-chart button b { color: var(--text); font-size: 16px; font-weight: 760; line-height: 1.25; white-space: nowrap; }
.listing-sales-chart strong,.listing-sales-chart small,.listing-sales-chart em,.listing-sales-list span,.listing-mini-chart span,.listing-sales-calendar .calendar-head { color: var(--muted); font-size: 11px; font-style: normal; font-weight: 720; }
.listing-sales-charts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.listing-mini-chart { display: grid; gap: 7px; min-width: 0; padding: 12px; border: 1px solid var(--border); border-radius: 14px; background: var(--listing-item-bg); }
.listing-mini-chart > div { display: grid; gap: 2px; }
.listing-mini-chart strong { color: var(--text); font-size: 15px; line-height: 1.2; }
.listing-mini-chart small { color: var(--muted); font-size: 10px; font-weight: 720; }
.listing-mini-line { width: 100%; height: 72px; overflow: visible; filter: drop-shadow(0 10px 18px rgba(159,173,255,.18)); }
.listing-mini-line polygon { fill: rgba(159,173,255,.16); }
.listing-mini-line polyline { fill: none; stroke: var(--accent); stroke-width: 3.6; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.listing-mini-chart.is-profit .listing-mini-line polyline { stroke: var(--listing-good); }
.listing-mini-chart.is-rate .listing-mini-line polyline { stroke: #d7a82f; }
.listing-mini-scale { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); color: var(--muted); font-size: 9px; font-weight: 720; }
.listing-mini-scale i { overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; font-style: normal; }
.listing-sales-calendar { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 0; padding: 0; overflow: hidden; background: linear-gradient(180deg, var(--surface), var(--surface-soft)); }
.listing-sales-calendar :is(button,i,.calendar-head) { min-height: 44px; border: 0; border-radius: 0; box-shadow: inset -1px 0 rgba(159,173,255,.16), inset 0 -1px rgba(255,255,255,.07); }
.listing-dashboard .listing-sales-calendar button { display: grid; gap: 3px; padding: 8px 10px; background: transparent; color: var(--text); box-shadow: inset -1px 0 rgba(159,173,255,.16), inset 0 -1px rgba(255,255,255,.07); text-align: left; }
.listing-sales-calendar button strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.listing-sales-calendar button small,.listing-sales-calendar button em { color: var(--muted); font-size: 10px; font-style: normal; font-weight: 720; }
.listing-sales-calendar button.is-filled { background: linear-gradient(180deg, rgba(159,173,255,.08), transparent); }
.listing-sales-detail { border: 1px solid var(--border); border-radius: 14px; background: linear-gradient(180deg, var(--surface), var(--surface-soft)); box-shadow: var(--listing-shadow); }
.listing-sales-detail { display: grid; gap: 8px; padding: 14px; }
.listing-sales-detail dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; }
.listing-sales-detail div { display: grid; gap: 2px; }
.listing-sales-items { display: grid; gap: 6px; }
.listing-sales-items span { display: grid; gap: 2px; padding-top: 6px; border-top: 1px solid var(--border); }
.listing-sales-items em { color: var(--muted); font-size: 10px; font-style: normal; font-weight: 720; }
.listing-sales-chart button.active { outline: 2px solid var(--accent); background: var(--listing-active-bg); }
.listing-sales-calendar button.active { outline: 0; box-shadow: inset 0 0 0 2px var(--accent), inset -1px 0 rgba(159,173,255,.16), inset 0 -1px rgba(255,255,255,.07); background: rgba(159,173,255,.08); }
.listing-sales-week { display: grid; gap: 8px; }
.listing-sales-week button { display: grid; grid-template-columns: auto 1fr; gap: 3px 10px; padding: 10px; border: 1px solid var(--border); border-radius: 12px; background: var(--listing-control-bg); color: var(--text); text-align: left; }
.listing-sales-week button :is(strong,em) { justify-self: end; }
.listing-sales-week button :is(small,em) { color: var(--muted); font-size: 10px; font-style: normal; font-weight: 720; }
.listing-sales-week button.active { outline: 2px solid var(--accent); background: var(--listing-active-bg); }
.listing-card dl {
  display: grid;
  gap: 10px;
  margin: 0;
}
.listing-card dl div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border);
}
.listing-card dt { color: var(--muted); font-size: 12px; font-weight: 760; }
.listing-card dd { margin: 0; font-size: 12px; font-weight: 760; }
.listing-checks { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.listing-checks li { min-height: 34px; padding: 8px 10px; border: 1px solid var(--border); border-radius: 12px; color: var(--text); background: var(--listing-item-bg); font-size: 12px; font-weight: 720; }
.listing-package.is-active { display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 14px; padding: 0 var(--page-x) 18px; overflow: visible; }
.listing-connect { display: grid; grid-template-columns: minmax(260px, 360px) minmax(0, 1fr); gap: 18px; margin: 0 var(--page-x) 18px; padding: 18px; }
.listing-connect h2 { margin: 0 0 8px; font-size: 16px; line-height: 1.38; }
.listing-connect p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.listing-connect-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.listing-connect-grid article { display: grid; gap: 8px; padding: 14px; box-shadow: none; }
.listing-connect-grid button { justify-self: start; min-height: 32px; padding-inline: 12px; }
.listing-connect-grid span { justify-self: start; padding: 4px 9px; border-radius: 999px; background: var(--listing-item-bg); color: var(--accent); font-size: 10px; }
.listing-connect-grid strong { font-size: 14px; }
.listing-connect-grid article.is-connected { border-color: rgba(8,127,91,.35); }
.listing-connect-grid article.is-connected span { color: var(--listing-good); background: rgba(8,127,91,.1); }
.listing-connect-grid article.is-connected button { color: var(--listing-good); }
.listing-feedback {
  position: fixed;
  right: 22px;
  bottom: 86px;
  z-index: 200;
  width: min(1120px, calc(100vw - 32px));
  max-height: min(720px, calc(100dvh - 120px));
  overflow: auto;
  display: none;
  grid-template-columns: minmax(230px, 320px) minmax(520px, 1fr) minmax(220px, 300px);
  gap: 14px;
  padding: 18px;
}
.listing-feedback.is-open {
  display: grid;
}
.listing-guide { position: fixed; right: 22px; bottom: 86px; z-index: 230; display: none; width: min(380px, calc(100vw - 32px)); gap: 12px; padding: 18px; }
.listing-guide.is-open { display: grid; }
.listing-guide-head { padding-right: 2px; }
.is-guide-target { outline: 2px solid var(--accent); outline-offset: 5px; box-shadow: 0 0 0 8px var(--accent-soft), var(--listing-shadow); }
.listing-feedback-fab,.listing-feedback-close { z-index: 210; border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--border)); background: linear-gradient(180deg, var(--listing-glass-strong), var(--listing-control-bg)); color: var(--text); box-shadow: var(--listing-shadow), inset 0 1px 0 rgba(255,255,255,.16); backdrop-filter: blur(18px) saturate(132%); }
.listing-feedback-fab { position: fixed; right: 22px; bottom: 22px; }
.listing-feedback-close { position: absolute; top: 12px; right: 12px; min-height: 32px; color: var(--listing-primary-text); background: var(--listing-primary-bg); }
.listing-dashboard:has(.listing-feedback.is-open) .listing-feedback-fab { border-color: var(--accent); background: var(--listing-primary-bg); color: var(--listing-primary-text); }
.listing-shell:not([data-area="updates"]) ~ .listing-upgrade-pop { display: none; }
.listing-upgrade-pop { position: fixed; right: 82px; bottom: 76px; z-index: 215; display: none; width: min(360px, calc(100vw - 32px)); gap: 8px; padding: 16px; border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--border)); border-radius: 18px; background: linear-gradient(180deg, var(--listing-glass-strong), var(--listing-control-bg)); box-shadow: var(--listing-shadow), inset 0 1px 0 rgba(255,255,255,.18); backdrop-filter: blur(20px) saturate(132%); }
.listing-upgrade-pop.is-open { display: grid; }
.listing-upgrade-pop .listing-icon-button { position: absolute; top: 10px; right: 10px; width: 30px; min-width: 30px; height: 30px; min-height: 30px; }
.listing-upgrade-pop strong { padding-right: 34px; color: var(--text); font-size: 15px; line-height: 1.35; }
.listing-upgrade-pop span { color: var(--muted); font-size: 12px; font-weight: 760; line-height: 1.65; }
.listing-upgrade-pop .secondary-button { justify-self: start; min-height: 32px; padding-inline: 12px; text-decoration: none; }
.listing-updates { gap: 14px; padding: 18px var(--page-x); border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.listing-updates > .listing-panel-head { border-radius: 0; }
.listing-updates::before { display: none; }
.listing-update-search { display: grid; gap: 6px; min-width: min(100%, 320px); color: var(--muted); font-size: 11px; font-weight: 760; }
.listing-update-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.listing-update-summary article,.listing-update-list article { position: relative; overflow: hidden; border: 1px solid var(--border); border-radius: 16px; background: linear-gradient(180deg, var(--surface), var(--surface-soft)); box-shadow: var(--listing-shadow); }
.listing-update-list article:not(.is-new) { background: transparent; box-shadow: none; }
.listing-update-summary article { display: grid; gap: 6px; min-height: 84px; padding: 14px; }
.listing-update-summary article::before,.listing-update-list article::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: var(--listing-line, var(--listing-accent-line)); opacity: .68; }
.listing-update-summary span,.listing-update-list span,.listing-update-list small { color: var(--muted); font-size: 11px; font-weight: 760; }
.listing-update-summary strong { color: var(--text); font-size: 18px; line-height: 1.25; }
.listing-update-list { display: grid; gap: 10px; }
.listing-update-list article { display: grid; grid-template-columns: 86px minmax(0, 1fr); gap: 14px; padding: 14px 14px 14px 16px; }
.listing-update-list article::after { content: ""; position: absolute; top: 19px; left: 94px; width: 8px; height: 8px; border-radius: 999px; background: var(--listing-line, var(--listing-accent-line)); box-shadow: 0 0 0 5px var(--surface); }
.listing-update-list time { display: grid; gap: 3px; color: var(--accent); font-size: 11px; font-weight: 760; white-space: nowrap; }
.listing-update-list time small { display: inline-flex; align-items: center; justify-content: center; justify-self: start; min-width: 38px; min-height: 28px; padding: 0 8px; border-radius: 999px; background: var(--listing-active-bg); color: var(--listing-active-text); font-size: 9px; font-weight: 760; line-height: 1; white-space: nowrap; }
.listing-update-list strong { color: var(--text); font-size: 14px; line-height: 1.35; }
.listing-update-list p { margin: 4px 0 0; color: var(--muted); font-size: 12px; font-weight: 720; line-height: 1.65; }
.listing-update-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.listing-update-tags i { padding: 3px 8px; border-radius: 999px; background: var(--listing-active-bg); color: var(--accent); font-size: 10px; font-style: normal; font-weight: 760; }
.listing-feedback h2,
.listing-guide h2 {
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 1.38;
}
.listing-feedback p,
.listing-guide p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.7;
}
.listing-feedback-form,
.listing-feedback-log {
  display: grid;
  gap: 10px;
}
.listing-feedback-form { grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; }
.listing-feedback-form label,.listing-feedback-actions,.listing-feedback-form > .listing-note { grid-column: 1 / -1; }
.listing-feedback-topic,
.listing-feedback-form label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 720;
}
.listing-feedback-topic { padding: 10px; border: 1px solid var(--border); border-radius: 14px; background: var(--listing-item-bg); }
.listing-feedback-topic > span,
.listing-feedback-form label > span { color: var(--text); font-size: 11px; font-weight: 760; }
.listing-feedback-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.listing-feedback-row button { display: grid; justify-items: start; gap: 3px; min-height: 54px; padding: 10px 12px; border-radius: 14px; text-align: left; }
.listing-feedback-row button strong { font-size: 12px; line-height: 1.2; }
.listing-feedback-row button small { color: var(--muted); font-size: 10px; font-weight: 760; line-height: 1.35; }
.listing-feedback-row button.active { border-color: color-mix(in srgb, var(--accent) 52%, var(--border)); background: var(--listing-active-bg); color: var(--listing-active-text); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent), 0 10px 22px rgba(17,24,39,.08); }
.listing-feedback-row button.active small { color: var(--listing-active-text); opacity: .78; }
.listing-feedback-actions,
.listing-guide-head,
.listing-guide-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.listing-feedback textarea {
  min-height: 96px;
  padding: 10px 14px;
  resize: vertical;
}
.listing-feedback-log { align-content: start; overflow: auto; padding-right: 2px; }
.listing-feedback-log article { display: grid; gap: 8px; padding: 0; border: 0; background: transparent; box-shadow: none; }
.listing-chat-meta { display: flex; justify-content: space-between; gap: 8px; color: var(--muted); font-size: 10px; font-weight: 720; }
.listing-chat-bubble,.listing-chat-reply { max-width: 92%; padding: 11px 13px; font-size: 13px; line-height: 1.6; box-shadow: 0 10px 24px rgba(17,24,39,.08); }
.listing-chat-bubble { justify-self: end; border-radius: 16px 16px 5px 16px; background: var(--listing-primary-bg); color: var(--listing-primary-text); }
.listing-chat-reply { justify-self: start; border: 1px solid var(--border); border-radius: 16px 16px 16px 5px; background: var(--listing-glass-strong); color: var(--text); }
.listing-chat-reply span { display: block; margin-bottom: 4px; color: var(--accent); font-size: 10px; font-weight: 760; }
.listing-chat-reply p { margin: 0; color: var(--text); }
.listing-package :is(article, .listing-package-card) {
  display: grid;
  gap: 10px;
  flex: 0 0 min(360px, 82vw);
  min-height: 210px;
  padding: 18px;
  cursor: pointer;
  scroll-snap-align: start;
  color: var(--text);
  font: inherit;
  text-align: left;
}
.listing-package :is(article, .listing-package-card):hover { border-color: rgba(85,97,242,.38); transform: translateY(-1px); }
.listing-package .package-intro { flex-basis: auto; min-height: 0; }.listing-package .package-intro :is(button,small) { justify-self: start; }
.listing-package .listing-package-card small { align-self: end; justify-self: start; padding: 8px 14px; border: 1px solid var(--border); border-radius: 999px; background: var(--listing-control-bg); color: var(--text); font-size: 12px; font-weight: 760; }
.listing-package .listing-package-card:is(.active,.featured) { border-color: color-mix(in srgb, var(--accent) 54%, var(--border)); background: color-mix(in srgb, var(--accent) 14%, var(--surface)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 26%, transparent), 0 14px 28px rgba(85,97,242,.12); }.listing-package .listing-package-card:is(.active,.featured) small { background: var(--listing-primary-bg); color: var(--listing-primary-text); }
.listing-package .featured {
  border-color: rgba(85,97,242,.36);
  background: var(--listing-featured-bg);
}
.listing-package strong {
  font-size: 16px;
  line-height: 1.38;
}
.listing-package p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.7;
}
.listing-shell main > .listing-tab-panel:not(.is-active) { display: none; }
@media (max-width: 980px) {
  .listing-kpis,.listing-diff-strip,.listing-workbench,.listing-connect,.listing-connect-grid,.listing-image-board,.listing-sales-kpis,.listing-sales-grid,.listing-sales-charts,.listing-editor-card,.listing-copy-grid,.listing-copyrun-layout { grid-template-columns: 1fr; }
  .listing-copyrun-preview { position: static; }
  .listing-editor-card { grid-template-areas: "rail" "pane" "assets" "canvas" "preview"; }
  .listing-editor-rail { display: flex; overflow-x: auto; }
  .listing-panel-head,.listing-heading { display: grid; }
  #listing-prep-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #listing-prep-form .listing-prep-actions { grid-column: 1 / -1; grid-row: auto; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }
  .listing-prep-result { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .listing-feedback,.listing-guide { right: 12px; bottom: 74px; grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .listing-shell { --nav-w: 100%; height: auto; overflow: visible; }
  .listing-shell main { height: auto; overflow-y: visible; padding: 152px 0 calc(var(--nav-mobile-h) + env(safe-area-inset-bottom, 0px) + 92px); }
  .listing-shell .topbar { position: fixed; top: 0; right: 0; left: 0; z-index: 210; display: grid; grid-template-columns: 1fr; margin-inline: 0; border-radius: 0; }
  .listing-shell .breadcrumb { display: none; }
  .listing-shell[data-area="queue"] .listing-heading { min-height: 0; padding-block: 24px; }
  .listing-heading h1 { font-size: 24px; line-height: 1.42; }
  .listing-shell .top-actions { justify-content: flex-start; width: 100%; overflow-x: auto; flex-wrap: nowrap; }.listing-shell .top-actions > a,.listing-shell .top-actions > #listing-sync-state,.listing-heading .membership-toggle,#listing-export { display: none; }
  .listing-account-bar { grid-template-columns: 1fr 1fr; margin-top: 8px; }.listing-account-bar small { grid-column: 1 / -1; }
  .listing-prep-form,#listing-prep-form,.listing-prep-result,.listing-feed-import { grid-template-columns: 1fr; }
  .listing-copy-head { grid-template-columns: 1fr; }.listing-copyrun .listing-card { gap: 8px; padding: 12px; }.listing-copyrun[data-copy-side="right"] .listing-copyrun-column { order: 0; }.listing-copyrun-head,.listing-copyrun-foot { flex-wrap: wrap; }.listing-copyrun-head > div:first-child { display: none; }.listing-copyrun-product,.listing-copyrun-market,.listing-copyrun-tools { width: 100%; max-width: none; }.listing-copyrun-grid { gap: 7px; }.listing-copyrun-grid article { height: 86px; min-height: 72px; padding: 9px; resize: vertical; }.listing-copyrun-market { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; }.listing-copyrun-tools { justify-content: flex-start; }.listing-copyrun-foot { position: fixed; right: 12px; bottom: calc(var(--nav-mobile-h) + env(safe-area-inset-bottom, 0px) + 10px); left: 12px; z-index: 205; padding: 6px; justify-content: center; }.copyrun-image-drop { min-height: 78px; }.listing-copyrun-preview { gap: 6px; padding: 8px; }.copyrun-public-card { min-height: 0; gap: 5px; padding: 10px; }.copyrun-public-card::before { aspect-ratio: 2.15; }.copyrun-public-card section:last-of-type,.copyrun-public-card dl,#copyrun-status { display: none; }
  .listing-sales-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }.listing-sales-kpis article { min-height: 74px; padding: 10px; }.listing-sales-kpis strong { font-size: 19px; }.listing-sales-tabs { justify-content: space-between; width: 100%; }.listing-sales-chart { grid-template-columns: repeat(7,minmax(96px,1fr)); max-height: 132px; overflow: auto; }.listing-sales-chart button { min-height: 86px; padding: 10px; }.listing-sales-list { max-height: 360px; overflow: auto; }.listing-updates { padding-inline: 12px; }.listing-update-list article { grid-template-columns: 66px minmax(0,1fr); gap: 8px; padding: 12px; }.listing-update-list article::after { left: 72px; }.listing-update-tags { margin-top: 6px; }.listing-prep-form label:has(textarea),#listing-prep-form .listing-prep-actions { grid-column: 1; }.listing-shell[data-area="queue"] #listing-prep-form .listing-prep-actions { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 10px; }.listing-shell[data-area="queue"] #listing-prep-form .listing-prep-actions .primary-button { grid-row: auto; min-height: 42px; }.listing-shell[data-area="queue"] .listing-table { min-width: 0; }.listing-shell[data-area="queue"] .listing-table :is(th,td):is(:nth-child(2),:nth-child(6),:nth-child(7)) { display: none; }
	  .listing-shell.is-nav-hover aside.side-nav,
	  .listing-shell aside.side-nav { position: fixed; top: auto; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); left: 10px; z-index: 220; width: auto; min-width: 0; height: var(--nav-mobile-h); max-height: var(--nav-mobile-h); padding: 8px 10px; overflow-x: auto; overflow-y: hidden; border: 1px solid var(--border); border-radius: 18px; background: linear-gradient(180deg, var(--listing-chrome-bg), var(--listing-glass)); box-shadow: var(--listing-shadow); backdrop-filter: blur(18px) saturate(132%); }
	  .listing-shell.is-nav-hover aside.side-nav .listing-nav-toggle,
	  .listing-shell.is-nav-hover aside.side-nav .nav-links a,
  .listing-shell aside.side-nav .listing-nav-toggle,
  .listing-shell aside.side-nav .nav-links a { display: flex; flex: 0 0 48px; width: 48px; min-width: 48px; height: 46px; min-height: 46px; justify-content: center; padding: 0; }
  .listing-feedback-fab { bottom: calc(var(--nav-mobile-h) + env(safe-area-inset-bottom, 0px) + 22px); }
  .listing-upgrade-pop { right: 12px; bottom: calc(var(--nav-mobile-h) + env(safe-area-inset-bottom, 0px) + 76px); }
  .listing-feedback,.listing-guide { bottom: calc(var(--nav-mobile-h) + env(safe-area-inset-bottom, 0px) + 22px); }
  .listing-feedback,.listing-feedback-form { grid-template-columns: 1fr; }
  .listing-brand,
  .listing-shell .membership-panel,.listing-shell[data-area="queue"] .listing-prep-group.is-confirm,.listing-shell[data-area="queue"] .listing-side,.listing-shell[data-area="queue"] .listing-thumb-canvas-card,.listing-shell[data-area="queue"] .listing-active-template,.listing-shell[data-area="queue"] #prep-status,.listing-shell[data-area="queue"] :is(#prep-image-url,#prep-thumb-generate,#prep-thumb-download,#prep-open-image-tab,#prep-image-copy,#prep-items-csv,#prep-colorsizes-csv),.listing-shell[data-area="sales"] :is(#sales-charts,#sales-calendar),.listing-shell[data-area="updates"] .listing-update-summary,.listing-shell[data-area="updates"] .listing-update-list p,.listing-shell aside.side-nav .nav-links a:not([data-listing-tab="queue"]):not([data-listing-tab="copyrun"]):not([data-listing-tab="api"]):not([data-listing-tab="sales"]):not([data-listing-tab="connect"]):not([data-listing-tab="updates"]):not([data-listing-tab="package"]),
  .listing-shell .nav-group {
    display: none;
  }
  .listing-nav-key {
    display: inline-flex;
    flex-basis: 24px;
    width: 24px;
    height: 24px;
    border-radius: 9px;
  }
}