:root {
    --panel-bg: #f5f2ed;
    --panel-surface: #fffdf9;
    --panel-sidebar: #18130f;
    --panel-sidebar-soft: #2b211a;
    --panel-text: #211b17;
    --panel-muted: #746a63;
    --panel-line: #e4ddd4;
    --panel-accent: #a57845;
    --panel-accent-dark: #76502a;
    --panel-success: #22764d;
    --panel-danger: #a23c39;
    --panel-shadow: 0 18px 45px rgba(42, 30, 20, .08);
}

* { box-sizing: border-box; }
html { min-width: 320px; }
body {
    margin: 0;
    color: var(--panel-text);
    background: var(--panel-bg);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.55;
}
a { color: inherit; }
button, input, select, textarea { font: inherit; }
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.panel-skip {
    position: fixed;
    top: -80px;
    left: 16px;
    z-index: 100;
    padding: 10px 16px;
    border-radius: 8px;
    color: #fff;
    background: var(--panel-accent-dark);
}
.panel-skip:focus { top: 12px; }
.panel-shell { display: grid; grid-template-columns: 272px minmax(0, 1fr); min-height: 100vh; }
.panel-sidebar {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding: 24px 18px;
    color: #f8efe5;
    background: var(--panel-sidebar);
}
.panel-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 8px 24px;
    text-decoration: none;
    font-size: 17px;
}
.panel-brand small { display: block; color: #b9a998; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.panel-brand-mark {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid #80664d;
    border-radius: 50%;
    color: #e7cba9;
    font-family: Georgia, serif;
}
.panel-nav { display: grid; gap: 5px; overflow-y: auto; }
.panel-nav a {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 44px;
    padding: 9px 11px;
    border-radius: 10px;
    color: #cfc2b5;
    text-decoration: none;
    transition: .2s ease;
}
.panel-nav a:hover, .panel-nav a.active { color: #fff; background: var(--panel-sidebar-soft); }
.panel-nav a.active { box-shadow: inset 3px 0 #c99a63; }
.panel-nav-icon {
    display: grid;
    width: 27px;
    height: 27px;
    place-items: center;
    border: 1px solid #4a3a2e;
    border-radius: 8px;
    color: #d8b78f;
    font-size: 11px;
    font-weight: 700;
}
.panel-site-link { margin-top: auto; padding: 14px 10px 0; color: #b9a998; font-size: 13px; }
.panel-main { display: flex; min-width: 0; flex-direction: column; }
.panel-topbar {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 92px;
    padding: 18px clamp(20px, 4vw, 48px);
    border-bottom: 1px solid var(--panel-line);
    background: rgba(255, 253, 249, .92);
}
.panel-topbar h1 { margin: 2px 0 0; font-family: Georgia, serif; font-size: clamp(24px, 3vw, 34px); font-weight: 500; }
.panel-eyebrow { margin: 0; color: var(--panel-accent-dark); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.panel-account { display: flex; align-items: center; gap: 16px; margin-left: auto; text-align: right; }
.panel-account span { display: grid; }
.panel-account small { color: var(--panel-muted); }
.panel-account a { padding: 8px 11px; border: 1px solid var(--panel-line); border-radius: 8px; text-decoration: none; }
.panel-menu-button { display: none; width: 44px; height: 44px; padding: 10px; border: 1px solid var(--panel-line); border-radius: 9px; background: #fff; }
.panel-menu-button > span:not(.sr-only) { display: block; height: 2px; margin: 4px 0; background: var(--panel-text); }
.panel-content { flex: 1; width: 100%; max-width: 1440px; padding: clamp(24px, 4vw, 48px); }
.panel-page-heading { display: flex; align-items: start; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.panel-page-heading p { max-width: 800px; margin: 0; color: var(--panel-muted); font-size: 16px; }
.panel-button {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 10px 17px;
    border: 0;
    border-radius: 9px;
    color: #fff;
    background: var(--panel-accent-dark);
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}
.panel-info-grid, .panel-stat-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 0 0 24px; }
.panel-info-card, .panel-stat-card, .panel-card, .panel-empty {
    border: 1px solid var(--panel-line);
    border-radius: 15px;
    background: var(--panel-surface);
    box-shadow: var(--panel-shadow);
}
.panel-info-card, .panel-stat-card, .panel-card { padding: 22px; }
.panel-info-card h2 { margin: 7px 0 6px; font: 500 21px Georgia, serif; }
.panel-info-card p:last-child, .panel-card p { margin-bottom: 0; color: var(--panel-muted); }
.panel-stat-card strong { display: block; margin-top: 6px; font: 500 34px Georgia, serif; }
.panel-stat-card small { color: var(--panel-muted); }
.panel-empty { padding: 48px 24px; text-align: center; }
.panel-empty > span { color: var(--panel-accent); font-size: 42px; }
.panel-empty h2 { margin: 4px 0 7px; font: 500 23px Georgia, serif; }
.panel-empty p { max-width: 590px; margin: 0 auto; color: var(--panel-muted); }
.panel-notice { margin: 0 0 20px; padding: 13px 15px; border-radius: 9px; background: #eee7dd; }
.panel-notice-error { color: #772b29; background: #fae8e7; }
.panel-notice-success { color: #155b3a; background: #e4f4eb; }
.panel-notice-warning { color: #76501f; background: #fff0d7; }
.demo-settings-card { display: grid; gap: 22px; margin-bottom: 22px; }
.demo-settings-heading { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.demo-settings-heading h2 { margin: 5px 0 6px; font: 500 24px/1.15 Georgia,serif; }
.demo-settings-heading p { margin: 0; }
.demo-settings-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.demo-settings-summary article { display: grid; align-content: start; gap: 6px; padding: 16px; border: 1px solid var(--panel-line); border-radius: 12px; background: var(--panel-soft); }
.demo-settings-summary strong { color: var(--panel-text); }
.demo-settings-summary span { color: var(--panel-muted); font-size: 13px; line-height: 1.55; }
.panel-form { display: grid; gap: 17px; }
.panel-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.panel-field { display: grid; gap: 7px; }
.panel-field label { font-weight: 700; font-size: 14px; }
.panel-field input, .panel-field select, .panel-field textarea {
    width: 100%;
    min-height: 46px;
    padding: 10px 12px;
    border: 1px solid #cfc5bb;
    border-radius: 9px;
    color: var(--panel-text);
    background: #fff;
}
.panel-field textarea { min-height: 110px; resize: vertical; }
.panel-field small { color: var(--panel-muted); }
.panel-footer { display: flex; justify-content: space-between; gap: 16px; padding: 20px clamp(20px, 4vw, 48px); color: var(--panel-muted); font-size: 12px; }
.panel-table-wrap { overflow-x: auto; border: 1px solid var(--panel-line); border-radius: 15px; background: var(--panel-surface); box-shadow: var(--panel-shadow); }
.panel-table { width: 100%; border-collapse: collapse; text-align: left; }
.panel-table th, .panel-table td { padding: 15px 17px; border-bottom: 1px solid var(--panel-line); vertical-align: top; }
.panel-table th { color: var(--panel-muted); font-size: 12px; letter-spacing: .05em; text-transform: uppercase; }
.panel-table tr:last-child td { border-bottom: 0; }
.panel-table td small { display: block; color: var(--panel-muted); }
.panel-table td a { color: var(--panel-accent-dark); font-weight: 700; }
.panel-login-page { display: grid; min-height: 100vh; place-items: center; padding: 22px; background: radial-gradient(circle at top left, #f5e8d8, var(--panel-bg) 45%); }
.panel-login { width: min(100%, 450px); padding: clamp(26px, 5vw, 42px); border: 1px solid var(--panel-line); border-radius: 18px; background: var(--panel-surface); box-shadow: var(--panel-shadow); }
.panel-login .panel-brand { padding: 0 0 26px; color: var(--panel-text); }
.panel-login h1 { margin: 0 0 8px; font: 500 32px Georgia, serif; }
.panel-login > p { margin: 0 0 24px; color: var(--panel-muted); }
.panel-login-links { display: flex; justify-content: space-between; gap: 15px; margin-top: 20px; font-size: 13px; }
.health-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.health-list li { display: flex; justify-content: space-between; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--panel-line); }
.health-list li > span { display: grid; justify-items: end; gap: 4px; max-width: min(58%, 620px); text-align: right; }
.health-status { font-weight: 800; }
.health-ok { color: var(--panel-success); }
.health-warning { color: #9a611f; }
.health-error { color: var(--panel-danger); }
.health-solution { color: var(--panel-danger); font-size: 12px; line-height: 1.45; }
.health-row-error { border-left: 3px solid var(--panel-danger); padding-left: 12px !important; }
.panel-overlay { position: fixed; inset: 0; z-index: 39; background: rgba(15, 11, 8, .55); }
.panel-button:disabled { cursor: not-allowed; opacity: .48; }
.panel-button-secondary { color: var(--panel-accent-dark); border: 1px solid var(--panel-accent); background: #fff; }
.panel-button-quiet { color: var(--panel-text); border: 1px solid var(--panel-line); background: #eee8e0; }
.panel-check { display: flex; align-items: start; gap: 10px; min-height: 44px; padding: 10px 0; cursor: pointer; }
.panel-check input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--panel-accent-dark); }
.panel-section-title { margin: 32px 0 15px; font: 500 24px Georgia, serif; }
.wizard-steps { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; margin: 0 0 30px; padding: 0; list-style: none; }
.wizard-steps li { position: relative; display: grid; justify-items: center; gap: 5px; color: var(--panel-muted); text-align: center; }
.wizard-steps li::before { content: ""; position: absolute; top: 17px; right: 50%; left: -50%; height: 2px; background: var(--panel-line); z-index: -1; }
.wizard-steps li:first-child::before { display: none; }
.wizard-steps span { display: grid; width: 36px; height: 36px; place-items: center; border: 2px solid var(--panel-line); border-radius: 50%; background: var(--panel-bg); font-weight: 800; }
.wizard-steps .active span,.wizard-steps .complete span { color: #fff; border-color: var(--panel-accent-dark); background: var(--panel-accent-dark); }
.wizard-steps .active small { color: var(--panel-text); font-weight: 800; }
.wizard-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; padding-top: 22px; }
.theme-tools { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 16px; margin-bottom: 20px; }
.theme-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.theme-card { overflow: hidden; border: 1px solid var(--panel-line); border-radius: 15px; background: var(--panel-surface); box-shadow: var(--panel-shadow); }
.theme-card:has(.theme-select input:checked) { border-color: var(--panel-accent-dark); box-shadow: 0 0 0 2px color-mix(in srgb,var(--panel-accent),transparent 40%),var(--panel-shadow); }
.invitation-phone-frame { position: relative; }
.theme-phone-preview { width: calc(100% - 42px); margin: 18px auto 0; padding: 24px 7px 7px; border: 1px solid #4a4643; border-radius: 30px 30px 22px 22px; background: linear-gradient(145deg,#34302e,#151312); box-shadow: 0 18px 38px rgba(43,32,25,.2); }
.phone-speaker { position: absolute; z-index: 3; top: 10px; left: 50%; width: 54px; height: 6px; border-radius: 999px; background: #080707; transform: translateX(-50%); }
.theme-cover { display: grid; height: 220px; place-items: center; color: var(--panel-muted); background: #e9e1d8; }
.theme-phone-preview .theme-cover { position: relative; height: 330px; overflow: hidden; border-radius: 20px 20px 15px 15px; }
.theme-cover img { width: 100%; height: 100%; object-fit: cover; }
.theme-cover-name { position: absolute; inset: auto 14px 17px; padding: 10px; border: 1px solid rgba(255,255,255,.35); border-radius: 9px; color: #fff; background: rgba(18,14,12,.42); font: 500 19px Georgia,serif; text-align: center; backdrop-filter: blur(7px); }
.theme-card-body { display: grid; gap: 8px; padding: 18px; }
.theme-card-body h2 { margin: 0; font: 500 22px Georgia,serif; }
.theme-card-body p { margin: 0; color: var(--panel-muted); }
.theme-card-badges { display: flex; flex-wrap: wrap; gap: 6px; }
.theme-card-badges span { padding: 5px 8px; border: 1px solid var(--panel-line); border-radius: 999px; color: var(--panel-accent-dark); background: #fbf7f1; font-size: 11px; font-weight: 800; }
.theme-card-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 8px; }
.theme-card-actions a { color: var(--panel-accent-dark); font-weight: 700; }
.theme-select { cursor: pointer; }
.theme-select input { position: absolute; opacity: 0; pointer-events: none; }
.theme-select span { display: inline-flex; min-height: 42px; align-items: center; padding: 8px 12px; border: 1px solid var(--panel-accent); border-radius: 8px; color: var(--panel-accent-dark); font-weight: 800; }
.theme-select input:checked + span { color: #fff; background: var(--panel-accent-dark); }
.theme-select input:focus-visible + span { outline: 3px solid color-mix(in srgb,var(--panel-accent),transparent 35%); outline-offset: 3px; }
.preview-layout,.delivery-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 20px; }
.preview-layout { grid-template-columns: 1.05fr .95fr; align-items: start; }
.event-preview-card { overflow: hidden; border: 1px solid var(--panel-line); border-radius: 18px; background: var(--panel-surface); box-shadow: var(--panel-shadow); }
.event-preview-card > img { width: 100%; max-height: 430px; object-fit: cover; }
.event-preview-card > div { padding: clamp(22px,4vw,40px); }
.event-preview-card h2 { margin: 8px 0; font: 500 clamp(29px,5vw,48px) Georgia,serif; }
.event-preview-large { max-width: 900px; margin: 0 auto; }
.preview-details { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin: 22px 0; }
.preview-details div { padding: 12px; border: 1px solid var(--panel-line); border-radius: 9px; }
.preview-details dt { color: var(--panel-muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.preview-details dd { margin: 4px 0 0; overflow-wrap: anywhere; }
.publish-summary ul { padding-left: 20px; }
.publish-checklist { display: grid; gap: 9px; padding: 0 !important; list-style: none; }
.publish-checklist li { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--panel-line); }
.publish-checklist li > span { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; color: #fff; background: var(--panel-success); font-size: 12px; font-weight: 900; }
.publish-details { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 20px 0 0; }
.publish-details div { min-width: 0; padding: 11px 12px; border: 1px solid var(--panel-line); border-radius: 9px; background: #fbf8f3; }
.publish-details .publish-detail-wide { grid-column: 1 / -1; }
.publish-details dt { color: var(--panel-muted); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.publish-details dd { margin: 4px 0 0; overflow-wrap: anywhere; font-size: 13px; line-height: 1.45; }
.credit-change { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; margin: 22px 0; padding: 14px; border-radius: 10px; background: #f3eee7; text-align: center; }
.credit-change span { display: grid; color: var(--panel-muted); font-size: 12px; }
.credit-change strong { color: var(--panel-text); font-size: 24px; }
.panel-phone-wrap { display: grid; justify-items: center; }
.panel-phone-frame { position: relative; isolation: isolate; width: min(360px,100%); aspect-ratio: 9/16; overflow: hidden; padding: 25px 9px 9px; border: 1px solid #4b4744; border-radius: 42px; background: linear-gradient(145deg,#373330,#151311); box-shadow: 0 30px 65px rgba(42,31,24,.25); }
.panel-phone-frame > img { position: absolute; z-index: -2; inset: 25px 9px 9px; width: calc(100% - 18px); height: calc(100% - 34px); border-radius: 31px; object-fit: cover; }
.panel-phone-frame::after { content: ""; position: absolute; z-index: -1; inset: 25px 9px 9px; border-radius: 31px; background: linear-gradient(180deg,rgba(7,6,7,.12),rgba(7,6,7,.7)); }
.panel-phone-copy { display: grid; height: 100%; place-content: center; justify-items: center; padding: 32px 22px; color: #fff; text-align: center; }
.panel-phone-copy p { color: #ead8b4; font-size: 11px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.panel-phone-copy h2 { margin: 18px 0; color: #fff; font: 500 clamp(30px,5vw,47px) Georgia,serif; line-height: 1; }
.panel-phone-copy span { color: #f3ece4; font-size: 13px; }
.panel-phone-copy strong { margin-top: 10px; font-size: 13px; }
.panel-button:focus-visible,.media-actions button:focus-visible,.copy-row button:focus-visible,.text-button:focus-visible { outline: 3px solid color-mix(in srgb,var(--panel-accent),transparent 35%); outline-offset: 3px; }
.delivery-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.delivery-success-heading h2 { margin: 3px 0 7px; font: 500 clamp(30px,5vw,46px) Georgia,serif; }
.delivery-package-card { position: relative; overflow: hidden; }
.delivery-package-card::before { content: ""; position: absolute; width: 120px; height: 120px; top: -74px; right: -66px; border: 1px solid color-mix(in srgb,var(--panel-accent),transparent 55%); border-radius: 50%; box-shadow: 0 0 0 20px color-mix(in srgb,var(--panel-accent),transparent 92%); }
.delivery-phone-wrap { display: grid; justify-items: center; margin-top: 18px; }
.delivery-phone-wrap .panel-phone-frame { width: min(280px,100%); }
.copy-field { padding: 5px; border: 1px solid var(--panel-line); border-radius: 11px; background: #fbf8f3; }
.copy-field input { border: 0; background: transparent; }
.qr-status-card { display: grid; grid-template-columns: 34px 1fr; align-items: start; gap: 11px; margin-top: 15px; padding: 14px; border: 1px solid var(--panel-line); border-radius: 11px; background: #f7f2eb; }
.qr-status-card > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; color: #fff; background: var(--panel-accent-dark); font: 700 16px Georgia,serif; }
.qr-status-card p { margin: 0; color: var(--panel-muted); font-size: 13px; }
.copy-row { display: flex; gap: 8px; margin: 12px 0; }
.copy-row input { min-width: 0; flex: 1; padding: 10px; border: 1px solid var(--panel-line); border-radius: 8px; }
.copy-row button,.text-button { border: 0; color: var(--panel-accent-dark); background: transparent; font-weight: 800; cursor: pointer; text-decoration: underline; }
.delivery-message { width: 100%; min-height: 160px; padding: 12px; border: 1px solid var(--panel-line); border-radius: 8px; resize: vertical; }
.delivery-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 10px; }
.qr-placeholder { display: grid; width: 140px; height: 140px; place-items: center; border: 2px dashed var(--panel-line); color: var(--panel-muted); background: #f4efe9; font-size: 28px; font-weight: 800; }
.customer-note { margin-top: 20px; }
.inline-form { display: inline; margin-left: 9px; }
.dashboard-five { grid-template-columns: repeat(5,minmax(0,1fr)); }
.media-review-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.media-review-card { overflow: hidden; border: 1px solid var(--panel-line); border-radius: 15px; background: var(--panel-surface); box-shadow: var(--panel-shadow); }
.media-preview { display: grid; min-height: 220px; place-items: center; color: var(--panel-muted); background: #e9e1d8; }
.media-preview img,.media-preview video { display: block; width: 100%; height: 270px; object-fit: cover; }
.media-review-body { display: grid; gap: 10px; padding: 16px; }
.media-review-body h2,.media-review-body p { margin: 0; overflow-wrap: anywhere; }
.media-review-body dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 0; }
.media-review-body dl div { padding: 9px; border: 1px solid var(--panel-line); border-radius: 8px; }
.media-review-body dt { color: var(--panel-muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.media-review-body dd { margin: 3px 0 0; overflow-wrap: anywhere; }
.media-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.media-actions button { min-height: 40px; padding: 8px 11px; border: 1px solid var(--panel-accent); border-radius: 8px; color: var(--panel-accent-dark); background: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.media-actions .danger-button { color: #fff; border-color: var(--panel-danger); background: var(--panel-danger); }
.delete-confirm { display: flex; width: 100%; align-items: start; gap: 8px; padding: 8px 0; color: var(--panel-danger); font-size: 12px; font-weight: 800; }
.delete-confirm input { width: 18px; height: 18px; margin: 0; accent-color: var(--panel-danger); }
.owner-body { min-width: 320px; margin: 0; color: var(--panel-text); background: var(--panel-bg); font-family: Inter,system-ui,sans-serif; }
.owner-header { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 18px; padding: 14px clamp(18px,5vw,70px); border-bottom: 1px solid var(--panel-line); background: var(--panel-surface); }
.owner-header > a:last-child { color: var(--panel-accent-dark); font-weight: 800; }
.owner-main { width: min(1180px,calc(100% - 36px)); margin: 0 auto; padding: 42px 0 70px; }
.owner-intro { max-width: 760px; margin-bottom: 26px; }
.owner-intro h1 { margin: 6px 0 12px; font: 500 clamp(32px,6vw,58px) Georgia,serif; }
.owner-deadlines { margin: 24px 0 38px; }
.owner-download-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin: 38px 0 16px; }
.owner-download-heading h2,.owner-download-heading p { margin: 0; }
.owner-download-heading p { margin-top: 5px; color: var(--panel-muted); }
.owner-media-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.owner-media-card { overflow: hidden; border: 1px solid var(--panel-line); border-radius: 14px; background: var(--panel-surface); box-shadow: var(--panel-shadow); }
.owner-media-card img,.owner-media-card video,.media-unavailable { display: grid; width: 100%; height: 260px; object-fit: cover; place-items: center; color: var(--panel-muted); background: #e9e1d8; }
.owner-media-card > div:last-child { display: grid; gap: 5px; padding: 14px; }
.owner-media-card a { margin-top: 5px; color: var(--panel-accent-dark); font-weight: 800; }
.owner-status { justify-self: start; padding: 5px 9px; border-radius: 999px; font-size: 11px; font-weight: 900; }
.owner-status-pending { color: #825415; background: #fff0cf; }
.owner-status-approved { color: #23613b; background: #e6f6ed; }
.owner-status-rejected { color: #8a2929; background: #fde8e8; }
.auth-body { min-width: 320px; min-height: 100vh; margin: 0; padding: 32px 18px; color: var(--panel-text); background: var(--panel-bg); font-family: Inter,system-ui,sans-serif; }
.auth-shell { width: min(100%,520px); margin: 0 auto; }
.auth-brand { display: inline-flex; margin-bottom: 22px; }
.auth-card { padding: clamp(22px,5vw,38px); border: 1px solid var(--panel-line); border-radius: 18px; background: var(--panel-surface); box-shadow: var(--panel-shadow); }
.auth-card h1 { margin: 7px 0 10px; font: 500 clamp(30px,6vw,45px) Georgia,serif; }
.auth-card > p { color: var(--panel-muted); line-height: 1.65; }
.auth-card form,.panel-card > form { display: grid; gap: 16px; }
.auth-card form > label,.panel-card > form > label,.panel-form-grid > label { display: grid; gap: 7px; color: var(--panel-text); font-size: 14px; font-weight: 800; }
.auth-card input:not([type="checkbox"]),.auth-card select,.auth-card textarea,
.panel-card form input:not([type="checkbox"]):not([type="radio"]),.panel-card form select,.panel-card form textarea {
    width: 100%; min-height: 45px; padding: 10px 12px; border: 1px solid var(--panel-line); border-radius: 9px; color: var(--panel-text); background: #fff;
}
.auth-card textarea,.panel-card form textarea { min-height: 110px; resize: vertical; }
.auth-card small,.panel-card form small { color: var(--panel-muted); font-weight: 500; }
.hp-field { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.wizard-progress { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; margin: 0 0 24px; padding: 0; list-style: none; }
.wizard-progress li { display: grid; justify-items: center; gap: 6px; color: var(--panel-muted); font-size: 12px; font-weight: 800; text-align: center; }
.wizard-progress span { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--panel-line); border-radius: 50%; background: var(--panel-surface); }
.wizard-progress .active span,.wizard-progress .done span { color: #fff; border-color: var(--panel-accent); background: var(--panel-accent); }
.theme-choice-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.theme-choice-card { overflow: hidden; border: 1px solid var(--panel-line); border-radius: 15px; background: var(--panel-surface); box-shadow: var(--panel-shadow); }
.theme-choice-card.selected { outline: 3px solid var(--panel-accent); }
.theme-choice-card > img { width: 100%; height: 290px; object-fit: cover; }
.theme-choice-card > div { padding: 16px; }
.package-choice { display: flex; align-items: start; gap: 10px; padding: 14px; border: 1px solid var(--panel-line); border-radius: 12px; background: #fff; }
.package-choice input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--panel-accent); }
.package-choice span { display: grid; gap: 4px; }
.package-choice small,.plain-list,.note-list small { color: var(--panel-muted); }
.auth-switch { margin-top: 18px; text-align: center; }
.check-row { display: flex !important; flex-direction: row !important; align-items: start; gap: 10px; }
.check-row input { width: 19px !important; height: 19px; margin-top: 2px; accent-color: var(--panel-accent); }
.payment-total { font-size: clamp(30px,5vw,52px); color: var(--panel-accent-dark); }
.note-list,.plain-list { display: grid; gap: 12px; padding-left: 20px; }
.note-list li { display: grid; gap: 5px; }
.filter-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.filter-pills + .filter-pills { margin-top: 12px; }
.filter-pills a { padding: 8px 12px; border: 1px solid var(--panel-line); border-radius: 999px; color: var(--panel-text); background: #fff; font-weight: 800; }
.filter-pills a.active { color: #fff; border-color: var(--panel-accent); background: var(--panel-accent); }
.owner-media-card details { margin-top: 8px; }
.owner-media-card details summary { color: var(--panel-danger); cursor: pointer; font-weight: 800; }
.owner-media-card details form { display: grid; gap: 8px; margin-top: 8px; }
.owner-media-card textarea { width: 100%; min-height: 72px; }
.owner-media-card button { min-height: 38px; border: 0; border-radius: 8px; color: #fff; background: var(--panel-danger); font-weight: 800; }
.quota-warning { background: #fff4e4; }
.customer-account-cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 30px; border: 1px solid rgba(141,96,68,.22); border-radius: 20px; background: #fff; }
.customer-account-cta h2 { margin: 7px 0; }
.experience-picker { margin-top: 18px; }
.experience-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.experience-heading h2,.experience-heading p { margin: 0; }
.experience-heading > p { max-width: 520px; color: var(--panel-muted); line-height: 1.55; }
.font-set-grid,.music-choice-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.font-set-card,.music-choice-card { position: relative; display: grid; min-width: 0; min-height: 138px; align-content: start; gap: 8px; padding: 16px; border: 1px solid var(--panel-line); border-radius: 13px; background: #fff; cursor: pointer; }
.font-set-card:hover,.music-choice-card:hover,.font-set-card:focus-within,.music-choice-card:focus-within { border-color: var(--panel-accent); }
.font-set-card.selected,.music-choice-card.selected { border-color: var(--panel-accent-dark); box-shadow: 0 0 0 2px color-mix(in srgb,var(--panel-accent),transparent 55%); }
.choice-check,.music-choice-card > b { position: absolute; top: 10px; right: 10px; display: none; width: 23px; height: 23px; place-items: center; border-radius: 50%; color: #fff; background: var(--panel-accent-dark); }
.font-set-card.selected .choice-check,.music-choice-card.selected > b { display: grid; }
.font-heading-sample { padding-right: 24px; font-family: var(--picker-heading),Georgia,serif; font-size: 23px; line-height: 1.15; }
.font-body-sample { font-family: var(--picker-body),system-ui,sans-serif; line-height: 1.45; }
.font-set-card small,.music-choice-card small { color: var(--panel-muted); }
.music-choice-card { grid-template-columns: minmax(0,1fr) auto; align-items: start; min-height: 120px; }
.music-choice-card > label { display: grid; grid-column: 1 / -1; grid-template-columns: 20px minmax(0,1fr); gap: 9px; cursor: pointer; }
.music-choice-card > label > input { width: 19px; height: 19px; margin: 0; accent-color: var(--panel-accent-dark); }
.music-choice-card > label > span { display: grid; gap: 4px; padding-right: 24px; }
.music-choice-card em { justify-self: start; padding: 3px 7px; color: #7a4c19; background: #fff1d6; border-radius: 999px; font-size: 10px; font-style: normal; font-weight: 900; text-transform: uppercase; }
.music-choice-card button { min-width: 74px; min-height: 44px; padding: 8px 12px; color: var(--panel-accent-dark); background: #fff; border: 1px solid var(--panel-accent); border-radius: 9px; font: inherit; font-weight: 800; cursor: pointer; }
.music-volume { display: grid; grid-template-columns: auto minmax(160px,360px) auto; align-items: center; gap: 12px; margin-top: 18px; font-weight: 800; }
.music-volume input { width: 100%; accent-color: var(--panel-accent-dark); }
.panel-phone-copy { font-family: var(--inv-body-font,Inter,system-ui,sans-serif); }
.panel-phone-copy p { font-family: var(--inv-subheading-font,Inter,system-ui,sans-serif); }
.panel-phone-copy h2 { font-family: var(--inv-heading-font,Georgia,serif); }
.invitation-font-preview { font-family: var(--inv-body-font,Inter,system-ui,sans-serif); }
.invitation-font-preview h2 { font-family: var(--inv-heading-font,Georgia,serif); }
.invitation-font-preview .panel-eyebrow { font-family: var(--inv-subheading-font,Inter,system-ui,sans-serif); }
.wizard-actions.wizard-actions-sticky { position: sticky; z-index: 8; bottom: max(10px,env(safe-area-inset-bottom)); align-items: center; margin-top: 18px; padding: 12px; border: 1px solid var(--panel-line); border-radius: 13px; background: rgba(255,255,255,.96); box-shadow: 0 14px 38px rgba(40,29,23,.16); backdrop-filter: blur(10px); }
.wizard-selected-theme { margin-right: auto; color: var(--panel-muted); }
.wizard-selected-theme strong { color: var(--panel-text); }

.theme-admin-heading h2 { margin: 4px 0 7px; color: #211820; font: 600 clamp(25px,3vw,36px) Georgia,serif; }
.theme-filter-panel { margin-bottom: 24px; border-color: #d8c8d3; background: linear-gradient(145deg,#fff,#faf6fa); }
.theme-filter-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.theme-filter-heading h2 { margin: 3px 0 0; color: #241a23; font: 600 24px Georgia,serif; }
.theme-filter-heading > strong { padding: 8px 12px; color: #fff; border-radius: 999px; background: #5b335e; font-size: 12px; }
.theme-filter-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 12px; }
.theme-filter-grid label { position: relative; display: grid; align-content: end; gap: 7px; min-width: 0; min-height: 116px; padding: 38px 10px 10px; color: #31252f; border: 1px solid #e1d5df; border-radius: 12px; background: #fff; box-shadow: 0 8px 20px rgba(53,32,51,.06); font-size: 12px; font-weight: 850; }
.theme-filter-grid label::before { position: absolute; top: 9px; left: 10px; display: grid; width: 24px; height: 24px; place-items: center; color: #fff; border-radius: 8px; background: #6b3b6e; font-size: 12px; }
.theme-filter-grid label:nth-child(1)::before { content: "⌕"; }
.theme-filter-grid label:nth-child(2)::before { content: "◇"; }
.theme-filter-grid label:nth-child(3)::before { content: "✦"; }
.theme-filter-grid label:nth-child(4)::before { content: "●"; }
.theme-filter-grid label:nth-child(5)::before { content: "▤"; }
.theme-filter-grid label:nth-child(6)::before { content: "◉"; }
.theme-filter-grid label:nth-child(7)::before { content: "♫"; }
.theme-filter-grid label:nth-child(8)::before { content: "Aa"; font-size: 9px; }
.theme-filter-grid label:nth-child(9)::before { content: "↕"; }
.theme-filter-grid label:nth-child(10)::before { content: "#"; }
.theme-filter-grid input,.theme-filter-grid select { width: 100%; min-height: 45px; color: #241a23; border: 1px solid #cfc0cc; border-radius: 10px; background: #fff; }
.theme-filter-grid :is(input,select):focus { border-color: #6b3b6e; box-shadow: 0 0 0 3px rgba(107,59,110,.14); outline: 0; }
.theme-filter-search { grid-column: span 2; }
.theme-filter-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; }
.premium-theme-grid { align-items: stretch; }
.premium-theme-card { position: relative; display: grid; grid-template-rows: auto 1fr; border: 1px solid #cdbec9; border-radius: 20px; background: #fff; box-shadow: 0 18px 45px rgba(39,24,37,.12); transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.premium-theme-card:hover { border-color: #936b91; box-shadow: 0 24px 58px rgba(39,24,37,.19); transform: translateY(-3px); }
.premium-theme-card .theme-cover { position: relative; height: 245px; overflow: hidden; background: linear-gradient(145deg,#e4dae2,#cfc1cc); }
.premium-theme-card .theme-cover img { transition: transform .45s ease; }
.premium-theme-card:hover .theme-cover img { transform: scale(1.035); }
.theme-card-overlay { position: absolute; inset: 0; background: linear-gradient(180deg,transparent 45%,rgba(20,11,20,.72)); pointer-events: none; }
.premium-theme-card .theme-card-badges { position: absolute; z-index: 2; right: 14px; bottom: 14px; left: 14px; }
.premium-theme-card .theme-card-badges span { color: #fff; border-color: rgba(255,255,255,.42); background: rgba(28,17,28,.76); box-shadow: 0 7px 18px rgba(0,0,0,.18); backdrop-filter: blur(8px); }
.premium-theme-card .theme-card-badges .badge-style { margin-left: auto; color: #2d1e24; border-color: #f0d592; background: #f1d58e; }
.premium-theme-card .theme-card-body { grid-template-rows: auto auto 1fr auto; gap: 13px; padding: 20px; }
.theme-card-title { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.theme-card-title h2 { color: #211820; font-size: 24px; line-height: 1.08; }
.theme-card-title .panel-eyebrow { color: #755273; }
.theme-status { flex: 0 0 auto; padding: 5px 8px; color: #30222e; border-radius: 999px; background: #eee7ed; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.theme-status-active { color: #124f35; background: #dff5e9; }
.theme-status-passive { color: #74500f; background: #fff0c9; }
.theme-status-archived { color: #5d445a; background: #ece5eb; }
.premium-theme-card .theme-card-description { color: #51434e; line-height: 1.55; }
.theme-card-meta { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 0; }
.theme-card-meta div { min-width: 0; padding: 9px; border: 1px solid #e2d8e0; border-radius: 10px; background: #faf7f9; }
.theme-card-meta dt { color: #806f7d; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.theme-card-meta dd { margin: 4px 0 0; overflow: hidden; color: #2b2029; font-size: 11px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.premium-theme-card .theme-card-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); justify-content: stretch; gap: 8px; margin-top: 2px; }
.premium-theme-card .theme-action { display: inline-flex; flex: 1 1 0; min-height: 44px; align-items: center; justify-content: center; padding: 10px 14px; border: 1px solid #633a65; border-radius: 10px; text-decoration: none; }
.premium-theme-card .theme-action-detail { grid-column: 1/-1; color: #fff; border-color: #78502e; background: linear-gradient(135deg,#78502e,#a9783f); }
.premium-theme-card .theme-action-detail::before { content: "✦"; margin-right: 7px; font-size: 13px; }
.premium-theme-card .theme-action-preview { color: #fff; background: #633a65; }
.premium-theme-card .theme-action-preview::before { content: "◉"; margin-right: 7px; font-size: 13px; }
.premium-theme-card .theme-action-edit { color: #40273f; background: #f7f1f6; }
.premium-theme-card .theme-action:hover { box-shadow: 0 9px 22px rgba(67,36,65,.17); transform: translateY(-1px); }

.panel-phone-frame > .opening-effect-scene:not(.is-playing) { display: none; }
.opening-effect-picker { margin-top: 20px; }
.opening-effect-picker > h3 { margin: 22px 0 12px; color: var(--panel-text); font: 600 20px Georgia,serif; }
.opening-effect-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; }
.opening-effect-card { position: relative; display: grid; align-content: start; gap: 9px; min-width: 0; padding: 13px; border: 1px solid var(--panel-line); border-radius: 14px; background: #fff; }
.opening-effect-card.selected { border-color: var(--panel-accent-dark); box-shadow: 0 0 0 2px color-mix(in srgb,var(--panel-accent),transparent 58%); }
.opening-effect-choice-label { display: grid; gap: 7px; min-width: 0; cursor: pointer; }
.opening-effect-choice-label > strong { color: var(--panel-text); font-size: 13px; text-align: center; }
.opening-effect-choice-label > small { min-height: 34px; color: var(--panel-muted); font-size: 11px; line-height: 1.45; text-align: center; }
.opening-effect-card .effect-replay { min-height: 44px; color: var(--panel-accent-dark); border: 1px solid var(--panel-accent); border-radius: 9px; background: #fff; font: inherit; font-size: 12px; font-weight: 850; cursor: pointer; }
.effect-select-label{display:grid;min-height:32px;place-items:center;color:var(--panel-accent-dark);background:var(--panel-soft);border-radius:8px;font-size:.75rem;font-weight:850}.opening-effect-card.selected .effect-select-label{color:#fff;background:var(--panel-accent-dark)}
.opening-effect-card .choice-check { z-index: 4; }
.event-image-upload-grid input[type=file]{padding:10px;background:#fff}.qr-delivery{display:grid;justify-items:center;gap:12px;text-align:center}.qr-delivery>img{width:min(260px,100%);aspect-ratio:1;padding:10px;background:#fff;border:1px solid var(--panel-line);border-radius:16px}.theme-action-preview{font:inherit;cursor:pointer}
.theme-effect-settings { display: grid; gap: 16px; margin-top: 20px; }
.theme-effect-admin { display: grid; gap: 18px; margin: 24px 0; padding: 20px; border: 1px solid var(--panel-line); border-radius: 16px; background: #fbf8fb; }
.effect-admin-options { min-width: 0; padding: 15px; border: 1px solid var(--panel-line); border-radius: 12px; }
.effect-admin-options legend { padding: 0 8px; color: var(--panel-text); font-weight: 850; }
.effect-admin-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.effect-admin-grid .panel-check { min-width: 0; min-height: 70px; margin: 0; align-items: start; padding: 10px; border: 1px solid var(--panel-line); border-radius: 9px; background: #fff; }
.effect-admin-grid .panel-check span { min-width: 0; }
.effect-admin-grid .panel-check strong,.effect-admin-grid .panel-check small { display: block; }
.effect-admin-grid .panel-check small { margin-top: 3px; color: var(--panel-muted); font-size: 10px; line-height: 1.35; }
.theme-effect-checks { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.theme-effect-checks label { display: flex; min-height: 44px; align-items: center; gap: 8px; padding: 9px; border: 1px solid var(--panel-line); border-radius: 9px; }
.panel-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; }
.panel-tabs a { display: inline-flex; min-height: 44px; align-items: center; padding: 9px 14px; color: var(--panel-text); border: 1px solid var(--panel-line); border-radius: 999px; background: #fff; font-weight: 800; }
.panel-tabs a.is-active { color: #fff; border-color: var(--panel-accent-dark); background: var(--panel-accent-dark); }
.panel-table td small { display: block; margin-top: 5px; color: var(--panel-muted); }
.panel-table-actions { min-width: 190px; }
.inline-confirm-form { display: grid; gap: 6px; margin-top: 8px; padding: 8px; border: 1px solid var(--panel-line); border-radius: 8px; }
.inline-confirm-form label,.inline-action-details label { display: flex; gap: 7px; align-items: start; font-size: 11px; line-height: 1.4; }
.inline-action-details { margin-top: 8px; }
.inline-action-details summary { color: var(--panel-accent-dark); cursor: pointer; font-weight: 800; }
.inline-action-details form { display: grid; gap: 8px; margin-top: 8px; padding: 9px; border: 1px solid var(--panel-line); border-radius: 8px; background: #fffaf4; }
.inline-action-details p { margin: 0; font-size: 11px; line-height: 1.45; }
.theme-filter-shell { display: grid; gap: 10px; margin-bottom: 24px; }
.theme-filter-toggle { justify-self: end; min-height: 44px; }
.theme-filter-panel { margin-bottom: 0; }
.theme-results-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 16px; }
.theme-results-toolbar p { margin: 0; color: var(--panel-muted); }
.theme-view-switch { display: flex; gap: 6px; }
.theme-view-switch a { display: grid; width: 44px; height: 44px; place-items: center; color: var(--panel-text); border: 1px solid var(--panel-line); border-radius: 9px; background: #fff; font-size: 22px; }
.theme-view-switch a.is-active { color: #fff; border-color: var(--panel-accent-dark); background: var(--panel-accent-dark); }
.theme-card-title-tools { display: flex; align-items: start; gap: 7px; }
.theme-card-menu { position: relative; }
.theme-card-menu summary { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--panel-line); border-radius: 9px; cursor: pointer; list-style: none; }
.theme-card-menu summary::-webkit-details-marker { display: none; }
.theme-card-menu > div { position: absolute; z-index: 12; top: 48px; right: 0; display: grid; min-width: 180px; padding: 7px; border: 1px solid var(--panel-line); border-radius: 10px; background: #fff; box-shadow: var(--panel-shadow); }
.theme-card-menu a,.theme-card-menu button { display: flex; width: 100%; min-height: 44px; align-items: center; padding: 9px; color: var(--panel-text); border: 0; background: transparent; font: inherit; font-weight: 800; text-align: left; cursor: pointer; }
.theme-view-list { grid-template-columns: 1fr; }
.theme-view-list .premium-theme-card { grid-template-columns: 240px minmax(0,1fr); grid-template-rows: 1fr; }
.theme-view-list .premium-theme-card .theme-cover { height: 100%; min-height: 220px; }
.panel-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; margin-top: 24px; }
.panel-pagination a { display: grid; min-width: 44px; min-height: 44px; place-items: center; padding: 8px 12px; color: var(--panel-text); border: 1px solid var(--panel-line); border-radius: 9px; background: #fff; font-weight: 800; }
.panel-pagination a.is-active { color: #fff; border-color: var(--panel-accent-dark); background: var(--panel-accent-dark); }

@media (max-width: 1024px) {
    .panel-shell { grid-template-columns: 230px minmax(0, 1fr); }
    .panel-info-grid, .panel-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .theme-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .dashboard-five { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .media-review-grid,.owner-media-grid,.theme-choice-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .font-set-grid,.music-choice-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .theme-filter-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .opening-effect-grid,.theme-effect-checks,.effect-admin-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 768px) {
    .panel-shell { display: block; }
    .panel-sidebar { position: fixed; z-index: 40; width: min(86vw, 290px); transform: translateX(-105%); transition: transform .2s ease; }
    .panel-sidebar.open { transform: translateX(0); }
    .panel-menu-button { display: block; flex: 0 0 44px; }
    .panel-topbar { min-height: 78px; padding: 13px 18px; }
    .panel-account span { display: none; }
    .panel-content { padding: 24px 18px; }
    .panel-form-grid { grid-template-columns: 1fr; }
    .theme-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .opening-effect-grid,.theme-effect-checks,.effect-admin-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .theme-view-list .premium-theme-card { grid-template-columns: 190px minmax(0,1fr); }
    .preview-layout,.delivery-grid { grid-template-columns: 1fr; }
    .panel-footer { padding: 18px; }
    .panel-table-wrap { overflow: visible; border: 0; background: transparent; box-shadow: none; }
    .panel-table, .panel-table tbody { display: grid; gap: 14px; }
    .panel-table thead { display: none; }
    .panel-table tr { display: grid; gap: 8px; padding: 16px; border: 1px solid var(--panel-line); border-radius: 13px; background: var(--panel-surface); box-shadow: var(--panel-shadow); }
    .panel-table td { display: grid; grid-template-columns: minmax(90px, 35%) 1fr; gap: 10px; padding: 0; border: 0; }
    .panel-table td::before { content: attr(data-label); color: var(--panel-muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
    .owner-header { padding: 13px 18px; }
}
@media (max-width: 560px) {
    .panel-info-grid, .panel-stat-grid { grid-template-columns: 1fr; }
    .panel-page-heading { display: grid; }
    .panel-page-heading .panel-button { width: 100%; }
    .panel-account { gap: 8px; }
    .panel-topbar h1 { font-size: 22px; }
    .panel-topbar .panel-eyebrow { display: none; }
    .health-list li { display: grid; gap: 4px; }
    .health-list li > span { max-width: none; justify-items: start; text-align: left; }
    .panel-login-links { display: grid; }
    .wizard-steps small { font-size: 10px; }
    .wizard-steps span { width: 32px; height: 32px; }
    .theme-tools,.theme-grid { grid-template-columns: 1fr; }
    .theme-filter-grid { grid-template-columns: 1fr; }
    .opening-effect-grid,.theme-effect-checks,.effect-admin-grid { grid-template-columns: 1fr; }
    .theme-view-list .premium-theme-card { grid-template-columns: 1fr; }
    .theme-view-list .premium-theme-card .theme-cover { min-height: 250px; }
    .theme-filter-search { grid-column: auto; }
    .theme-filter-actions { display: grid; }
    .theme-filter-actions .panel-button { width: 100%; }
    .theme-card-meta { grid-template-columns: 1fr; }
    .theme-phone-preview { width: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
    .theme-phone-preview .phone-speaker { display: none; }
    .theme-phone-preview .theme-cover { height: 420px; border-radius: 0; }
    .theme-cover { height: 260px; }
    .wizard-actions { display: grid; grid-template-columns: 1fr; }
    .wizard-actions .panel-button { width: 100%; }
    .publish-details { grid-template-columns: 1fr; }
    .publish-details .publish-detail-wide { grid-column: auto; }
    .preview-details { grid-template-columns: 1fr; }
    .copy-row { display: grid; }
    .delivery-actions { display: grid; }
    .dashboard-five { grid-template-columns: 1fr; }
    .credit-change { grid-template-columns: 1fr; }
    .credit-change > b { transform: rotate(90deg); }
    .media-review-grid,.owner-media-grid { grid-template-columns: 1fr; }
    .media-review-body dl { grid-template-columns: 1fr; }
    .owner-main { width: min(100% - 28px,1180px); padding-top: 28px; }
    .owner-header .panel-brand small { display: none; }
    .owner-download-heading { display: grid; align-items: start; }
    .owner-download-heading .panel-button { width: 100%; }
    .theme-choice-grid { grid-template-columns: 1fr; }
    .wizard-progress li { font-size: 10px; }
    .customer-account-cta { display: grid; padding: 22px; }
    .experience-heading { display: grid; gap: 8px; }
    .font-set-grid,.music-choice-grid { grid-template-columns: 1fr; }
    .music-volume { grid-template-columns: 1fr auto; }
    .music-volume input { grid-column: 1 / -1; grid-row: 2; }
    .demo-settings-heading { display: grid; }
    .demo-settings-heading .theme-status { width: max-content; }
    .demo-settings-summary { grid-template-columns: 1fr; }
    .wizard-actions.wizard-actions-sticky { grid-template-columns: 1fr; }
}