:root{--studio-ink: #0e1023;--studio-surface: #171a34;--studio-surface-raised: #1c2040;--studio-text: #f7f4ff;--studio-muted: #b9b5cb;--studio-primary: #b85bf0;--studio-primary-deep: #7d5ce8;--studio-cyan: #1bd5d2;--studio-warning: #ff745f;--studio-border: rgb(255 255 255 / 12%)}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100vh;margin:0;color:var(--studio-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;background:radial-gradient(circle at 72% 8%,rgb(184 91 240 / 13%),transparent 30rem),radial-gradient(circle at 100% 84%,rgb(27 213 210 / 9%),transparent 34rem),linear-gradient(135deg,#0e1023,#10142a 52%,#0c1020)}a{color:#d8c7ff;text-underline-offset:.18em}a:focus-visible{outline:2px solid var(--studio-cyan);outline-offset:4px}.studio-shell{min-height:100vh;color:var(--studio-text)}.listing-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;margin-top:1rem}.listing-image-preview{margin:0;overflow:hidden;border:1px solid var(--studio-border);border-radius:.75rem;background:var(--studio-surface)}.listing-image-preview img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#fff}.listing-image-preview figcaption{padding:.6rem .75rem;color:var(--studio-muted);font-size:.8rem}.studio-shell s-page{--s-color-bg-surface: var(--studio-surface);--s-color-bg-surface-secondary: var(--studio-surface-raised);--s-color-text: var(--studio-text);--s-color-text-secondary: var(--studio-muted);--s-color-border: rgb(255 255 255 / 12%);--s-color-bg-fill-brand: var(--studio-primary);--s-color-bg-fill-brand-hover: var(--studio-primary-deep);--s-color-text-brand: var(--studio-primary);--s-color-icon-brand: var(--studio-primary)}.studio-shell s-section{border:1px solid rgb(255 255 255 / 8%);border-radius:1rem;background:#171a34c7;box-shadow:0 14px 30px #0406142e}.studio-shell s-box[background=subdued]{border-radius:.75rem;background:#ffffff0d}.studio-shell s-banner[tone=info]{border-radius:.75rem;background:linear-gradient(100deg,#1bd5d22e,#577fef2e)}.studio-shell s-banner[tone=warning]{border-radius:.75rem;background:linear-gradient(100deg,#b85bf038,#7d5ce838)}.studio-shell s-button[type=submit]{border-radius:.7rem;background:linear-gradient(100deg,var(--studio-primary),var(--studio-primary-deep));color:#fff}@media(max-width:700px){.studio-shell s-section{border-radius:.75rem}}.studio-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;padding:1rem 1.5rem;background:#14162b}.studio-brand{display:inline-flex;align-items:center;gap:.75rem;margin-right:auto;font-weight:600}.studio-brand img{flex-shrink:0;border-radius:.5rem}.studio-plan-management{max-width:56rem;margin:2rem auto;padding:1.5rem;color:#eee9ff}.studio-plan-management a{color:#d8c7ff}.studio-plan-management a:focus-visible{outline:2px solid #d8c7ff;outline-offset:4px}.studio-public-information{max-width:54rem;margin:2rem auto;padding:1.5rem;line-height:1.65;color:#eee9ff}.studio-public-information a{color:#d8c7ff}.studio-public-information a:focus-visible{outline:2px solid #d8c7ff;outline-offset:4px}.studio-public-information img{border-radius:.75rem}.studio-usage{max-width:90rem;margin:0 auto;padding:1.5rem}.studio-usage table,.studio-public-information table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem}.studio-usage th,.studio-usage td,.studio-public-information th,.studio-public-information td{padding:.8rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--studio-border)}.studio-usage th,.studio-public-information th{color:var(--studio-muted);background:var(--studio-surface)}.studio-usage summary{cursor:pointer;color:#d8c7ff;white-space:nowrap}.studio-usage details[open]{padding:.75rem;border-radius:.5rem;background:var(--studio-surface-raised);min-width:20rem;max-width:34rem;overflow-wrap:anywhere}.studio-usage h2{margin-top:2rem}.studio-navigation a{color:#d8c7ff;text-decoration:none}.studio-navigation a:focus-visible{outline:2px solid #d8c7ff;outline-offset:4px}.listing-confirm-dialog::backdrop{background:#0000008c}.listing-confirm-dialog{background:#fff;color:#17202a;padding:24px;border-radius:16px;max-width:460px;box-shadow:0 16px 64px #0000004d}.listing-confirm-dialog button{margin:8px 8px 0 0;padding:10px 14px;cursor:pointer}.image-gallery-dialog{width:min(920px,calc(100vw - 48px));max-height:85vh;border:0;border-radius:16px;padding:24px;background:#fff;color:#17202a}.image-gallery-dialog::backdrop{background:#0000008c}.gallery-heading,.gallery-footer,.gallery-search{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:16px;margin:16px 0}.gallery-tile{border:1px solid #d3d7db;border-radius:10px;background:#fff;padding:8px;color:inherit;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:8px}.gallery-tile img{width:100%;aspect-ratio:1;object-fit:contain;background:#f7f8fa}.gallery-no-image{display:grid;place-items:center;aspect-ratio:1;background:#f1f2f3}.gallery-tile:has(input:checked){border:2px solid #5632b0}.gallery-selected{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.gallery-selected figure{margin:0;padding:8px;border:1px solid #ddd;border-radius:8px}.gallery-selected img{width:100%;height:110px;object-fit:contain;background:#fff}.gallery-selected figcaption{overflow-wrap:anywhere;font-size:12px}.gallery-footer{position:sticky;bottom:-24px;padding:16px 0;background:#fff;border-top:1px solid #ddd}.gallery-open-button,.image-gallery-dialog button{cursor:pointer;padding:8px 12px}.listing-status-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border:0;padding:16px 0;margin:8px 0}.listing-status-options legend{padding:0 0 12px;font-weight:600}.listing-status-choice{display:flex;align-items:flex-start;gap:12px;padding:18px 16px;border:1px solid #cbd0d7;border-radius:12px;cursor:pointer;background:#fff;color:#17202a}.listing-status-choice:has(input:checked){border-color:#7045bd;box-shadow:0 0 0 1px #7045bd;background:#f6f1ff}.listing-status-choice input{margin-top:3px}.listing-status-choice strong,.listing-status-choice small{display:block}.listing-status-choice small{margin-top:8px;line-height:1.5;color:#525c69}@media(max-width:700px){.listing-status-options{grid-template-columns:1fr;gap:14px}}
