.seller-studio { --studio-sidebar-width: 238px; --seller-purple: #176bd1; --seller-purple-dark: #1058b0; --seller-soft: #edf5ff; padding-left: var(--studio-sidebar-width); }
.studio-sidebar { position: fixed; inset: 0 auto 0 0; width: var(--studio-sidebar-width); z-index: 110; box-sizing: border-box; display: flex; flex-direction: column; background: #142333; color: #dce7f3; overflow-y: auto; }
.studio-brand { display: flex; align-items: center; gap: 12px; padding: 24px 20px; border-bottom: 1px solid #2a3c50; color: #fff; text-decoration: none; font-size: 21px; font-weight: 800; }
.studio-brand img { width: 40px; height: 40px; border-radius: 12px; }
.studio-brand small { display: block; margin-top: 5px; color: #b4c6db; font-size: 11px; letter-spacing: .1em; }
.studio-nav-label { padding: 26px 24px 12px; color: #a8bbd1; font-size: 11px; font-weight: 700; letter-spacing: .14em; }
.studio-navigation { display: grid; gap: 6px; padding: 0 12px; }
.studio-navigation a { display: flex; align-items: center; gap: 14px; min-height: 50px; padding: 10px 14px; box-sizing: border-box; border-radius: var(--kiki-radius, 8px); color: #dce7f3; text-decoration: none; font-size: 15px; font-weight: 600; }
.studio-navigation .fa-pro-icon { font-size: 21px; width: 24px; text-align: center; }
.studio-navigation a:hover { background: #233d57; color: #fff; }
.studio-navigation a[aria-current] { background: #234365; color: #fff; box-shadow: inset 3px 0 #50b1ff; }
.studio-navigation a[aria-current] .fa-pro-icon { color: #65bdff; }
.studio-navigation .studio-nav-button { display: flex; align-items: center; gap: 14px; min-height: 44px; padding: 10px 14px; width: 100%; box-sizing: border-box; border: 1px solid #344c64; border-radius: var(--kiki-radius, 8px); background: #1d3248; color: #dce7f3; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; text-align: left; }
.studio-navigation .studio-nav-button:hover { background: #294866; color: #fff; }
.studio-navigation .studio-nav-button:disabled { opacity: .5; cursor: not-allowed; }
.studio-navigation .seller-push-button.is-active { color: #b7f6d1; border-color: #438365; background: #193f33; }
@media (max-width: 1000px) { .studio-navigation .studio-nav-button { width: auto; flex: 0 0 auto; } }
.studio-sidebar-bottom { margin-top: auto; padding: 16px 12px; }
.studio-account { display: flex; gap: 10px; align-items: center; padding: 12px; border: 1px solid #354c63; border-radius: var(--kiki-radius, 8px); background: #203449; color: #fff; text-decoration: none; }
.studio-account:hover { background: #29445e; border-color: #65bdff; }
.studio-account-avatar { width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; overflow: hidden; border-radius: var(--kiki-radius, 8px); background: #34526f; }
.studio-account-avatar img { width: 100%; height: 100%; object-fit: cover; }
.studio-account .fa-pro-icon { font-size: 24px; }
.studio-account-copy { flex: 1; min-width: 0; }
.studio-account-copy strong { display: block; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.studio-account small { display: block; color: #ccdaea; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.studio-account-edit { font-size: 24px; color: #b9d7f4; }
.seller-studio .seller-header { left: var(--studio-sidebar-width); background: #fff; backdrop-filter: none; }
.seller-studio .seller-header-inner { width: calc(100% - 48px); gap: 16px; min-height: 76px; justify-content: space-between; }
.seller-header-heading{display:flex;align-items:center;gap:16px;min-width:0;flex:1;text-align:left}
.seller-header-heading .seller-header-title{flex-shrink:0}
.seller-header-description{min-width:0;font-size:13px;line-height:1.5;color:#475569;overflow-wrap:anywhere}
.seller-header-description p{margin:0}
.seller-header-heading + .seller-user-menu{margin-left:auto;flex-shrink:0}
@media(max-width:900px){.seller-header-heading{flex-wrap:wrap;gap:2px 10px}.seller-header-description{flex-basis:100%;font-size:12px}}
.seller-studio .seller-logo { font-size: 17px; }.seller-studio .seller-logo-mark { width: 32px; height: 32px; flex-basis: 32px; }
.seller-studio .seller-main { width: auto; max-width: 1800px; padding: 28px; box-sizing: border-box; }
.seller-studio .seller-panel { border-radius: var(--kiki-radius, 8px); box-shadow: 0 6px 24px #182f4d08; border-color: #e1e8f1; }
.seller-studio .seller-heading h1 { font-size: 28px; line-height: 1.3; margin: 8px 0; }
.seller-studio .seller-dashboard-heading { align-items: flex-start; flex-wrap: wrap; gap: 16px; }
.seller-studio .seller-dashboard-actions { flex-wrap: wrap; gap: 8px; white-space: normal; }
.seller-studio .seller-dashboard-actions a, .seller-studio .seller-dashboard-actions button { font-size: 14px; min-height: 44px; padding: 10px 14px; }
.seller-studio .seller-metric-grid { margin: 24px 0; gap: 12px; }
.seller-studio .seller-metric { min-height: 0; padding: 16px; position: relative; }
.seller-studio .seller-metric > span:first-child { width: 32px; height: 32px; border-radius: var(--kiki-radius, 8px); }
.seller-studio .seller-metric small { margin-top: 12px; font-size: 13px; }.seller-studio .seller-metric strong { font-size: 26px; line-height: 1.3; }
.studio-overview { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; align-items: start; }
.studio-column { display: grid; gap: 18px; min-width: 0; }
.studio-card { padding: 22px; min-width: 0; }.studio-card h2 { font-size: 18px; margin: 0; }.studio-card p { color: #344054; font-size: 14px; }
.studio-card-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 18px; flex-wrap: wrap; }
.studio-card-heading a { color: #1264c1; font-size: 13px; font-weight: 700; }
.studio-action { display: flex; gap: 12px; align-items: center; border: 1px solid #dbe6f5; background: #f7faff; padding: 16px; border-radius: var(--kiki-radius, 8px); text-decoration: none; color: #21344d; margin-top: 10px; }
.studio-action .fa-pro-icon { color: #176bd1; font-size: 22px; }.studio-action strong, .studio-action small { display: block; }.studio-action small { margin-top: 4px; font-size: 13px; color: #344054; }.studio-action:hover { border-color: #176bd1; }
.studio-product { display: flex; align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px solid #edf0f6; }.studio-product:last-child { border: 0; }
.studio-product img, .studio-product-placeholder { width: 58px; height: 70px; object-fit: cover; border-radius: var(--kiki-radius, 8px); background: #edf2f9; flex-shrink: 0; }
.studio-product strong, .studio-product small { display: block; overflow-wrap: anywhere; }.studio-product strong { font-size: 14px; }.studio-product small { font-size: 13px; color: #344054; }
.studio-preview { border: 7px solid #213143; border-radius: var(--kiki-radius, 8px); background: #122033; overflow: hidden; aspect-ratio: 9/16; position: relative; display: flex; align-items: center; justify-content: center; }
.studio-preview img { width: 100%; height: 100%; object-fit: cover; }.studio-preview-empty { color: #dce7f3; padding: 24px; text-align: center; }.studio-preview-empty .fa-pro-icon { display: block; font-size: 48px; margin-bottom: 16px; }
.studio-preview-caption { position: absolute; inset: auto 0 0; padding: 22px 16px; background: linear-gradient(transparent,#111e30); color: #fff; }.studio-preview-caption strong { display: block; overflow-wrap: anywhere; }.studio-preview-caption small { color: #e3eaf3; }
.studio-preview-link { margin-top: 14px; width: 100%; box-sizing: border-box; }
.studio-support-count { display: flex; justify-content: space-between; align-items: center; padding: 14px 0; border-bottom: 1px solid #e6edf5; font-size: 14px; }.studio-support-count strong { font-size: 24px; color: #176bd1; }
.seller-studio .seller-data-row strong { white-space: normal; overflow-wrap: anywhere; }.seller-studio .seller-data-row { gap: 8px; }.seller-studio .seller-data-row small { font-size: 13px; }
.seller-dashboard-screen [hidden] { display: none !important; }
/* 라이브 운영은 PC 뷰포트에 고정하고 목록 내부에서만 스크롤합니다. */
@media (min-width: 1001px) {
    html:has(.seller-live-screen), body:has(.seller-live-screen) { overflow: hidden; overscroll-behavior: none; }
    .seller-live-screen .seller-main { position: fixed; top: var(--seller-header-height); bottom: 0; left: var(--studio-sidebar-width); right: 0; width: auto; max-width: none; margin: 0; padding: 18px 24px; overflow: hidden; display: flex; flex-direction: column; }
    .seller-live-screen .seller-flashes:empty { display: none; }
    .seller-live-screen .seller-flashes:not(:empty) { flex: 0 0 auto; max-height: 80px; overflow: auto; }
    .seller-live-screen #live-studio { flex: 1; min-height: 0; overflow: hidden; }
    .seller-live-screen .live-studio-heading { flex-wrap: nowrap; }
    .seller-live-screen .live-studio-heading > div { min-width: 0; }
    .seller-live-screen .live-studio-heading p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .seller-live-screen .live-studio-panels { min-height: 0; overflow: hidden; }
    .seller-live-screen .studio-chat { overflow: hidden; }
    .seller-live-screen [data-chat-list], .seller-live-screen [data-selling-list] { overscroll-behavior: contain; }
    .seller-live-screen .studio-chat form { flex-shrink: 0; }
}
.studio-pager { display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin-top: 6px; color: #344054; font-size: 12px; }
.studio-pager button { width: 30px; height: 28px; border: 1px solid #dbe6f5; background: #f4f8ff; color: #176bd1; border-radius: var(--kiki-radius, 8px); cursor: pointer; font-size: 20px; }.studio-pager button:disabled { opacity: .4; cursor: default; }
@media (max-width: 1400px) { .seller-studio .seller-metric-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 1000px) { .seller-studio { padding-left: 0; }.studio-sidebar { position: static; width: 100%; }.studio-brand,.studio-nav-label,.studio-sidebar-bottom { display: none; }.studio-navigation { display: flex; overflow-x: auto; padding: 10px 14px; }.studio-navigation a { flex: 0 0 auto; }.seller-studio .seller-header { left: 0; }.seller-studio .seller-header-inner { width: calc(100% - 28px); }.seller-studio .seller-main { padding: 20px 14px; } }
@media (max-width: 620px) { .studio-overview, .studio-column:last-child { grid-template-columns: 1fr; }.studio-column:last-child { grid-column: auto; }.studio-preview { max-width: 320px; margin: auto; }.seller-studio .seller-metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.seller-studio .seller-dashboard-actions { display: flex; }.seller-studio .seller-dashboard-actions > * { flex: 1 1 auto; }.studio-card { padding: 18px; } }
@media (min-width: 1001px) {
    .seller-dashboard-screen .seller-main { position:fixed; top:var(--seller-header-height); bottom:0; left:var(--studio-sidebar-width); right:0; width:auto; max-width:none; margin:0; overflow:hidden; display:grid; grid-template-rows:auto auto auto minmax(0,1fr); gap:10px; padding:12px 16px; }
    .seller-dashboard-screen .seller-sales-summary { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:0; }
    .seller-dashboard-screen .seller-sales-summary article { padding:12px; border-radius: var(--kiki-radius, 8px); }
    .seller-dashboard-screen .seller-sales-summary h2 { margin:0 0 4px; font-size:14px; }
    .seller-dashboard-screen .seller-sales-summary strong { font-size:clamp(18px,1.65vw,28px); }
    .seller-dashboard-screen .seller-sales-summary p { display:none; }
    .seller-dashboard-screen .seller-sales-summary .pending-sales { display:block; margin:4px 0 0; font-size:13px; }
    .seller-dashboard-screen .seller-flashes:empty { display: none; }
    .seller-dashboard-screen .seller-flashes:not(:empty) { position: fixed; top: var(--seller-header-height); right: 20px; z-index: 120; max-width: 420px; }
    .seller-dashboard-screen .seller-dashboard-heading { flex-wrap: nowrap; align-items: center; gap: 12px; }
    .seller-dashboard-screen .seller-dashboard-heading .seller-heading { display:flex; align-items:center; flex-wrap:wrap; gap:6px 16px; }
    .seller-dashboard-screen .seller-dashboard-heading nav { display:flex; gap:6px; }
    .seller-dashboard-screen .seller-heading h1 { font-size: 22px; margin: 0; }
    .seller-dashboard-screen .seller-heading p, .seller-dashboard-screen .seller-eyebrow { display: none; }
    .seller-dashboard-screen .seller-dashboard-actions { gap: 6px; }
    .seller-dashboard-screen .seller-dashboard-actions a, .seller-dashboard-screen .seller-dashboard-actions button { min-height: 36px; padding: 6px 10px; font-size: 13px; }
    .seller-dashboard-screen .seller-metric-grid { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; margin: 0; }
    .seller-dashboard-screen .seller-metric { padding: 10px 12px; }
    .seller-dashboard-screen .seller-metric > span:first-child { display: none; }
    .seller-dashboard-screen .seller-metric small { margin: 0; font-size: 13px; }
    .seller-dashboard-screen .seller-metric strong { font-size: 23px; }
    .seller-dashboard-screen .studio-overview { grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:minmax(0,1.8fr) minmax(0,1fr); gap:10px; min-height:0; align-items:stretch; }
    .seller-dashboard-screen .studio-column { display:contents; }
    .seller-dashboard-screen .studio-column:first-child > .studio-card:first-child { grid-column:1; grid-row:1; }
    .seller-dashboard-screen #recent-products { grid-column:2; grid-row:1; }
    .seller-dashboard-screen #inquiries { grid-column:3; grid-row:1; }
    .seller-dashboard-screen #live-reservations { grid-column:1; grid-row:2; }
    .seller-dashboard-screen .studio-column:last-child > .studio-card:last-child { grid-column:2 / 4; grid-row:2; }
    .seller-dashboard-screen .studio-column:last-child { grid-column: auto; grid-template-columns: 1fr; }
    .seller-dashboard-screen #recent-live { grid-template-rows: minmax(0,1fr) auto auto; align-content: stretch; }
    .seller-dashboard-screen .studio-preview { aspect-ratio: auto; min-height: 0; width: 100%; box-sizing: border-box; }
    .seller-dashboard-screen .studio-preview img { object-fit: contain; }
    .seller-dashboard-screen .studio-preview-link { margin: 0; min-height: 38px; padding: 8px; font-size: 13px; }
    .seller-dashboard-screen .studio-card { padding:10px 12px; min-height:0; overflow:auto; overscroll-behavior:contain; }
    .seller-dashboard-screen .studio-card-heading { margin-bottom: 8px; gap: 6px; }
    .seller-dashboard-screen .studio-card h2 { font-size: 16px; }
    .seller-dashboard-screen .studio-card-heading > span { font-size: 12px; }
    .seller-dashboard-screen .studio-action { margin-top: 6px; padding: 9px 10px; gap: 8px; }
    .seller-dashboard-screen .studio-action small { display: none; }
    .seller-dashboard-screen .studio-action strong { font-size: 14px; }
    .seller-dashboard-screen .studio-product { padding: 8px 0; }
    .seller-dashboard-screen .studio-product img, .seller-dashboard-screen .studio-product-placeholder { width: 40px; height: 46px; }
    .seller-dashboard-screen .studio-product > div { min-width: 0; }
    .seller-dashboard-screen .studio-product strong, .seller-dashboard-screen .seller-data-row strong { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .seller-dashboard-screen .studio-support-count { padding: 5px 0; }
    .seller-dashboard-screen #inquiries .studio-support-count { display:none; }
    .seller-dashboard-screen .studio-support-count strong { font-size: 19px; }
    .seller-dashboard-screen .studio-card p { margin: 6px 0; font-size: 13px; }
    .seller-dashboard-screen .seller-data-row { padding: 8px 10px; }
    .seller-dashboard-screen .seller-data-row > div { min-width: 0; }
}
@media (min-width: 1001px) and (max-height: 760px) {
    .seller-dashboard-screen #inquiries .studio-support-count { display: none; }
    .seller-dashboard-screen .studio-card-heading { margin-bottom: 5px; }
    .seller-dashboard-screen .studio-sidebar-bottom p { display: none; }
}