.management-app,.management-login-page{--font-sans:Inter, system-ui, sans-serif;--font-display:"Instrument Serif", Georgia, serif;--mgmt-page:#f4f1ea;--mgmt-surface:#fffdf8;--mgmt-surface-soft:#faf8f2;--mgmt-ink:#22241f;--mgmt-ink-soft:#464940;--mgmt-muted:#62665b;--mgmt-sage:#6f8a69;--mgmt-sage-deep:#48613f;--mgmt-sage-soft:#d8e1cf;--mgmt-danger:#a2462f;--mgmt-border:#2f332d1c;--mgmt-border-strong:#2f332d33;--mgmt-glass:color-mix(in srgb, var(--mgmt-surface) 72%, transparent);--mgmt-glass-soft:color-mix(in srgb, var(--mgmt-surface-soft) 78%, transparent);--mgmt-field:#ffffffc7;--mgmt-shadow-1:0 1px 2px #282c260f, 0 10px 26px -18px #282c2638;--mgmt-shadow-2:0 1px 3px #282c260f, 0 22px 48px -28px #282c2647;--mgmt-shadow-3:0 8px 24px #282c261a, 0 40px 80px -34px #282c2657;--mgmt-reflection:inset 0 1px 0 #ffffffd1;--mgmt-radius-xs:6px;--mgmt-radius-sm:10px;--mgmt-radius-md:14px;--mgmt-radius-lg:20px;--mgmt-radius-xl:26px;--mgmt-radius-pill:999px;--mgmt-fast:.18s;--mgmt-medium:.3s;--mgmt-ease:cubic-bezier(.2, .8, .2, 1);color:var(--mgmt-ink);font-family:Inter,system-ui,sans-serif}.management-app{background:radial-gradient(60% 72% at 8% 12%, #d8e1cf99, transparent 70%), radial-gradient(55% 65% at 90% 5%, #fffc, transparent 72%), radial-gradient(85% 70% at 50% 100%, #ece8deb8, transparent 72%), var(--mgmt-page);background-attachment:fixed;grid-template-columns:268px minmax(0,1fr);gap:clamp(18px,2.2vw,30px);min-height:100svh;padding:20px 20px 20px 0;display:grid}.management-mobile-bar{display:none}.management-sidebar{z-index:60;height:calc(100svh - 40px);min-height:39rem;color:var(--mgmt-ink-soft);border:1px solid var(--mgmt-border);border-radius:var(--mgmt-radius-xl);background:linear-gradient(160deg, #ffffffb8, transparent 38%), var(--mgmt-glass);-webkit-backdrop-filter:blur(28px)saturate(1.28);backdrop-filter:blur(28px)saturate(1.28);box-shadow:var(--mgmt-reflection), var(--mgmt-shadow-2);flex-direction:column;margin-left:20px;display:flex;position:sticky;top:20px;overflow:hidden}.management-sidebar-brand{border-bottom:1px solid var(--mgmt-border);padding:26px 24px 21px;position:relative}.management-sidebar-brand img{width:116px;height:auto}.management-sidebar-brand p{color:var(--mgmt-muted);letter-spacing:.16em;text-transform:uppercase;margin:13px 0 0;font-size:9px;font-weight:500}.management-sidebar-close{display:none}.management-navigation{scrollbar-width:thin;flex:1;padding:18px 14px 22px;overflow-y:auto}.management-navigation-group+.management-navigation-group{margin-top:19px}.management-navigation-group>p{color:var(--mgmt-muted);letter-spacing:.14em;text-transform:uppercase;margin:0 12px 7px;font-size:9px;font-weight:500}.management-navigation-group button{width:100%;min-height:40px;color:var(--mgmt-ink-soft);border-radius:var(--mgmt-radius-sm);text-align:left;transition:background-color var(--mgmt-fast), color var(--mgmt-fast), transform var(--mgmt-fast);background:0 0;border:1px solid #0000;align-items:center;gap:11px;padding:0 12px 0 16px;font-size:12px;font-weight:500;display:flex;position:relative}.management-navigation-group button:before{content:"";background:var(--mgmt-sage);width:3px;height:0;transition:height var(--mgmt-medium) var(--mgmt-ease);border-radius:2px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.management-navigation-group button svg{color:var(--mgmt-muted);transition:color var(--mgmt-fast)}.management-navigation-group button:hover{color:var(--mgmt-ink);background:#2f332d0b;transform:translate(1px)}.management-navigation-group button.is-active{color:var(--mgmt-ink);background:#6f8a691f;border-color:#6f8a691f;font-weight:500}.management-navigation-group button.is-active:before{height:18px}.management-navigation-group button.is-active svg{color:var(--mgmt-sage-deep)}.management-sidebar-footer{border-top:1px solid var(--mgmt-border);padding:16px 24px 20px}.management-sidebar-footer p{color:var(--mgmt-muted);text-overflow:ellipsis;white-space:nowrap;margin:0 0 9px;font-size:9px;overflow:hidden}.management-sidebar-footer a,.management-sidebar-footer button{min-height:34px;color:var(--mgmt-ink-soft);background:0 0;align-items:center;gap:8px;padding:0;font-size:11px;text-decoration:none;display:flex}.management-sidebar-footer a:hover,.management-sidebar-footer button:hover{color:var(--mgmt-sage-deep)}.management-workspace{min-width:0;padding:clamp(22px,3vw,40px) clamp(18px,3.5vw,52px) 64px 0}.management-page-heading{border-bottom:1px solid var(--mgmt-border);justify-content:space-between;align-items:flex-end;gap:26px;max-width:1220px;margin:0 auto;padding:0 4px 24px;display:flex}.management-page-kicker{letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--mgmt-sage-deep)!important;margin:0 0 8px!important;font-size:9px!important}.management-page-heading h1{color:var(--mgmt-ink);letter-spacing:-.035em;margin:0;font-family:Instrument Serif,Georgia,serif;font-size:clamp(2.75rem,4.3vw,4.5rem);font-weight:400;line-height:.96}.management-page-heading>div>p:last-child{max-width:38rem;color:var(--mgmt-muted);margin:11px 0 0;font-size:12px;line-height:1.6}.management-area-index{color:var(--mgmt-sage-deep);flex:none;font-family:Instrument Serif,Georgia,serif;font-size:1.85rem;line-height:1}.management-area-index small{color:var(--mgmt-muted);letter-spacing:.08em;font-family:Inter,sans-serif;font-size:9px;font-weight:500}.management-content{max-width:1220px;margin:24px auto 0}.management-stat-card,.management-quick-card,.management-settings-panel,.management-panel,.management-empty-preview,.management-content>section,.management-content .management-editor,.management-content .recovery-card,.management-content details,.management-content .rounded-3xl,.management-content .rounded-2xl,.management-content .rounded-xl{-webkit-backdrop-filter:blur(22px)saturate(1.22);backdrop-filter:blur(22px)saturate(1.22);box-shadow:var(--mgmt-reflection), var(--mgmt-shadow-1);border-color:var(--mgmt-border)!important;background:var(--mgmt-glass)!important}.management-content>section{border-radius:var(--mgmt-radius-lg);padding:clamp(20px,2.8vw,32px)}.management-panel{border:1px solid var(--mgmt-border)!important;border-radius:var(--mgmt-radius-lg)!important}.management-content .management-editor{border:1px solid var(--mgmt-border);border-radius:var(--mgmt-radius-lg);padding:clamp(20px,2.8vw,32px)}.management-content .rounded-3xl{border-radius:var(--mgmt-radius-xl)!important}.management-content .rounded-2xl{border-radius:var(--mgmt-radius-lg)!important}.management-content .rounded-xl{border-radius:var(--mgmt-radius-md)!important}.management-content .font-display{color:var(--mgmt-ink);letter-spacing:-.02em;font-family:Instrument Serif,Georgia,serif}.management-content h2.font-display{font-size:clamp(1.9rem,3vw,2.7rem)!important}.management-content h3{color:var(--mgmt-ink)}.management-dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.management-stat-card{isolation:isolate;border:1px solid var(--mgmt-border);border-radius:var(--mgmt-radius-lg);min-height:138px;transition:transform var(--mgmt-medium) var(--mgmt-ease), border-color var(--mgmt-fast), box-shadow var(--mgmt-fast);padding:20px;position:relative;overflow:hidden}.management-stat-card:before,.management-quick-card:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(155deg,#ffffffb8,#0000 36%);position:absolute;inset:0}.management-stat-card:hover{border-color:var(--mgmt-border-strong);box-shadow:var(--mgmt-reflection), var(--mgmt-shadow-2);transform:translateY(-2px)}.management-stat-card svg{color:var(--mgmt-sage-deep);background:#6f8a6917;border:1px solid #6f8a6938;border-radius:12px;width:38px;height:38px;padding:8px}.management-stat-card p{color:var(--mgmt-muted);letter-spacing:.14em;text-transform:uppercase;margin:19px 0 6px;font-size:9px;font-weight:500}.management-stat-card strong{color:var(--mgmt-ink);letter-spacing:-.03em;font-size:1.8rem;font-weight:600}.management-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.management-quick-card{isolation:isolate;min-height:100px;color:var(--mgmt-ink);border:1px solid var(--mgmt-border);border-radius:var(--mgmt-radius-md);text-align:left;transition:transform var(--mgmt-fast), border-color var(--mgmt-fast), box-shadow var(--mgmt-fast);justify-content:space-between;align-items:flex-start;gap:18px;padding:19px 20px;display:flex;position:relative;overflow:hidden}.management-quick-card:hover{box-shadow:var(--mgmt-reflection), var(--mgmt-shadow-2);transform:translateY(-2px);border-color:#6f8a6961!important}.management-quick-card>svg{color:var(--mgmt-sage-deep);transition:transform var(--mgmt-fast)}.management-quick-card:hover>svg{transform:translate(2px)}.management-quick-card strong{font-size:12px;display:block}.management-quick-card span span{color:var(--mgmt-muted);margin-top:6px;font-size:10px;line-height:1.55;display:block}.management-app .field,.management-app input:not([type=checkbox]):not([type=radio]):not([type=file]),.management-app select,.management-app textarea,.management-login-page .field{border:1px solid var(--mgmt-border-strong);min-height:44px;color:var(--mgmt-ink);transition:border-color var(--mgmt-fast), box-shadow var(--mgmt-fast), background-color var(--mgmt-fast);box-shadow:inset 0 1px 2px #2f332d12;border-radius:var(--mgmt-radius-sm)!important;background:var(--mgmt-field)!important}.management-app textarea{min-height:96px}.management-app .field:focus,.management-app input:focus-visible,.management-app select:focus-visible,.management-app textarea:focus-visible,.management-login-page .field:focus{outline:none;border-color:#48613f9e!important;box-shadow:0 0 0 3px #6f8a6924,inset 0 1px 2px #2f332d0f!important}.management-app .filter-label,.management-login-page .filter-label{color:var(--mgmt-muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:500}.management-app input[type=checkbox],.management-app input[type=radio]{width:17px;height:17px;accent-color:var(--mgmt-sage-deep)}.management-app .file-input{border:1px dashed var(--mgmt-border-strong);border-radius:var(--mgmt-radius-md);background:#ffffff85;min-height:48px;padding:5px}.management-app .file-input::file-selector-button{border-radius:var(--mgmt-radius-pill);color:#fffdf8;background:#272a25;border:0;height:36px;margin-right:10px;padding:0 16px;font-weight:600}.management-app button.inline-flex,.management-login-page button.inline-flex{transition:transform var(--mgmt-fast), background-color var(--mgmt-fast), border-color var(--mgmt-fast), box-shadow var(--mgmt-fast);border-radius:var(--mgmt-radius-pill)!important}.management-app button.inline-flex:hover:not(:disabled),.management-login-page button.inline-flex:hover:not(:disabled){transform:translateY(-1px)}.management-app button.inline-flex:active:not(:disabled),.management-login-page button.inline-flex:active:not(:disabled){transform:scale(.98)}.management-app button.inline-flex.bg-primary,.management-login-page button.inline-flex.bg-primary{box-shadow:inset 0 1px #ffffff1f,0 8px 18px -10px #22241f99;background:linear-gradient(#31352f,#212420)!important}.management-app table{border:1px solid var(--mgmt-border);border-radius:var(--mgmt-radius-md);border-collapse:separate;border-spacing:0;background:#ffffff7a;width:100%;overflow:hidden}.management-app thead{color:var(--mgmt-ink-soft);background:#6f8a6914}.management-app th{letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:500}.management-app td,.management-app th{padding:12px 14px;border-color:var(--mgmt-border)!important}.management-app tbody tr{transition:background-color var(--mgmt-fast)}.management-app tbody tr:hover{background:#6f8a690e}.management-filter-panel{border-radius:var(--mgmt-radius-md);background:var(--mgmt-glass-soft);box-shadow:var(--mgmt-reflection), var(--mgmt-shadow-1);padding:18px;border:1px solid var(--mgmt-border)!important}.management-product-row{border-radius:var(--mgmt-radius-md);box-shadow:var(--mgmt-reflection), var(--mgmt-shadow-1);transition:transform var(--mgmt-fast), border-color var(--mgmt-fast), box-shadow var(--mgmt-fast);background:#ffffff7a;border:1px solid var(--mgmt-border)!important}.management-product-row:hover{box-shadow:var(--mgmt-reflection), var(--mgmt-shadow-2);transform:translateY(-1px);border-color:#6f8a6957!important}.management-product-row+.management-product-row{margin-top:10px}.management-product-row img{border-radius:var(--mgmt-radius-sm)}.management-campaign-card{border-radius:var(--mgmt-radius-md);box-shadow:var(--mgmt-reflection), var(--mgmt-shadow-1);transition:border-color var(--mgmt-fast), transform var(--mgmt-fast);background:#ffffff73}.management-campaign-card:hover{transform:translateY(-1px)}.management-preview-frame{border-radius:var(--mgmt-radius-md)}.management-section-stack{gap:18px;display:grid}.management-settings-panel{border:1px solid var(--mgmt-border);border-radius:var(--mgmt-radius-lg);gap:20px;padding:clamp(20px,2.8vw,32px);display:grid}.management-settings-panel>button{justify-self:start}.management-coupon,.management-content [role=status],.management-content [role=alert]{border-radius:var(--mgmt-radius-md)!important}.management-empty-preview{border:1px solid var(--mgmt-border);border-radius:var(--mgmt-radius-lg);text-align:center;place-content:center;min-height:240px;padding:28px;display:grid}.management-empty-preview h2{color:var(--mgmt-ink);margin-top:8px}.management-empty-preview>p:last-child{max-width:34rem;color:var(--mgmt-muted);margin:13px auto 0;font-size:12px;line-height:1.7}.management-app :focus-visible,.management-login-page :focus-visible{outline:2px solid var(--mgmt-sage-deep);outline-offset:3px}.management-sidebar-backdrop{display:none}.management-login-page{background:radial-gradient(55% 65% at 18% 10%, #d8e1cfa6, transparent 72%), radial-gradient(55% 60% at 92% 8%, #ffffffd1, transparent 70%), var(--mgmt-page);width:100%;min-height:100svh;padding:clamp(28px,7vw,92px) max(24px,50vw - 590px)}.management-login-page>div:last-child,.management-login-page>form{border-radius:var(--mgmt-radius-lg)}@media (width<=1100px){.management-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.management-quick-grid{grid-template-columns:1fr 1fr}}@media (width<=767px){.management-app{background-attachment:scroll;padding:76px 0 0;display:block}.management-mobile-bar{z-index:55;height:56px;color:var(--mgmt-ink);border:1px solid var(--mgmt-border);border-radius:var(--mgmt-radius-lg);background:var(--mgmt-glass);-webkit-backdrop-filter:blur(24px)saturate(1.25);backdrop-filter:blur(24px)saturate(1.25);box-shadow:var(--mgmt-reflection), var(--mgmt-shadow-2);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 10px;display:grid;position:fixed;inset:10px 12px auto}.management-mobile-bar img{width:101px}.management-menu-trigger,.management-mobile-signout{width:40px;height:40px;color:var(--mgmt-ink-soft);background:0 0;border-radius:50%;place-items:center;display:grid}.management-mobile-signout{justify-self:end}.management-sidebar{border-radius:var(--mgmt-radius-xl);visibility:hidden;width:min(82vw,300px);height:auto;min-height:0;transition:transform var(--mgmt-medium) var(--mgmt-ease), visibility 0s linear var(--mgmt-medium);box-shadow:var(--mgmt-reflection), var(--mgmt-shadow-3);margin:0;position:fixed;inset:10px auto 10px 10px;transform:translate(calc(-100% - 24px))}.management-sidebar.is-open{visibility:visible;transition:transform var(--mgmt-medium) var(--mgmt-ease);transform:none}.management-sidebar-brand{padding:24px 22px 19px}.management-sidebar-close{width:38px;height:38px;color:var(--mgmt-ink-soft);border:1px solid var(--mgmt-border);background:#ffffff7a;border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;right:16px}.management-sidebar-backdrop{z-index:58;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e211d47;display:block;position:fixed;inset:0}.management-workspace{padding:25px 16px 56px}.management-page-heading{align-items:flex-start;gap:14px;padding:0 2px 20px}.management-page-heading h1{max-width:9ch;font-size:clamp(2.55rem,12vw,3.5rem)}.management-page-heading>div>p:last-child{margin-top:9px;font-size:11px}.management-area-index{padding-top:24px;font-size:1.45rem}.management-content{margin-top:18px}.management-content>section{padding:18px}.management-dashboard-grid,.management-quick-grid{grid-template-columns:1fr}.management-stat-card{min-height:122px}.management-quick-card{min-height:92px}.management-app table{overscroll-behavior-inline:contain;display:block;overflow-x:auto}.management-filter-panel{padding:15px}}@media (prefers-reduced-motion:reduce){.management-app *,.management-app :before,.management-app :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (prefers-reduced-transparency:reduce){.management-app,.management-login-page{--mgmt-glass:var(--mgmt-surface);--mgmt-glass-soft:var(--mgmt-surface-soft)}.management-sidebar,.management-mobile-bar,.management-stat-card,.management-quick-card,.management-content>section{-webkit-backdrop-filter:none;backdrop-filter:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.management-app,.management-login-page{--mgmt-glass:var(--mgmt-surface);--mgmt-glass-soft:var(--mgmt-surface-soft)}}.offers-rules{gap:4px;padding-left:16px;list-style:outside;display:grid}.offer-preview{border:1px solid var(--mgmt-border);border-radius:var(--mgmt-radius-md);background:var(--mgmt-surface-soft);padding:16px 18px}.offer-search{flex:260px;align-items:center;display:flex;position:relative}.offer-search svg{color:var(--mgmt-muted);pointer-events:none;position:absolute;left:12px}.offer-search input{padding-left:36px}.offer-product-list{border:1px solid var(--mgmt-border);border-radius:var(--mgmt-radius-md);gap:6px;max-height:420px;padding:6px;display:grid;overflow-y:auto}.offer-product-list>li{border-radius:var(--mgmt-radius-sm)}.offer-product-list>li:has(input:checked){background:color-mix(in srgb, var(--mgmt-sage-soft) 45%, transparent)}.offer-product-row{cursor:pointer;grid-template-columns:auto 40px minmax(0,1fr);align-items:center;gap:12px;padding:8px 10px;display:grid}.offer-product-row img,.offer-product-row>span:empty{object-fit:cover;background:var(--mgmt-page);border-radius:8px;width:40px;height:48px}.offer-product-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.offer-product-row small{color:var(--mgmt-muted);font-size:11px;display:block}.offer-variants{flex-wrap:wrap;gap:6px 14px;padding:0 12px 12px 74px;font-size:12px;display:flex}.offer-variants label{align-items:center;gap:6px;display:inline-flex}@media (width<=640px){.offer-variants{padding-left:12px}}.management-logistics{grid-column:1/-1}.campaign-framing{gap:18px;display:grid}.campaign-framing-stage{border-radius:var(--mgmt-radius-md);background:var(--mgmt-page);touch-action:none;-webkit-user-select:none;user-select:none;margin-inline:auto;position:relative;overflow:hidden}.campaign-framing-stage.is-ready{cursor:grab}.campaign-framing-stage.is-ready:active{cursor:grabbing}.campaign-framing-stage:focus-visible{outline:2px solid var(--mgmt-sage-deep);outline-offset:3px}.campaign-framing-cta{color:#fff;pointer-events:none;background:#5f6b53e0;border:1px solid #fff6;border-radius:999px;align-items:center;gap:12px;padding:10px 16px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;bottom:16px;left:16px}.campaign-framing-hint{color:var(--mgmt-ink);pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8d9;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:inline-flex;position:absolute;top:12px;left:12px}.campaign-framing-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px 24px;display:grid}.campaign-framing-controls>button{grid-column:1/-1}@media (width<=640px){.campaign-framing-controls{grid-template-columns:1fr}}.customer-profiles-pending{border:1px dashed var(--mgmt-border-strong);border-radius:var(--mgmt-radius-md);color:var(--mgmt-ink-soft);padding:14px 16px;font-size:13px}.customer-profile-card{border:1px solid var(--mgmt-border);border-radius:var(--mgmt-radius-md);background:#ffffff80;gap:12px;padding:16px;display:grid}.customer-consent{background:var(--mgmt-page);color:var(--mgmt-ink-soft);border-radius:999px;align-self:start;padding:5px 10px;font-size:11px;font-weight:500}.customer-consent.is-declared_unverified{color:#6b5a24;background:#f3ead2}.customer-consent.is-verified{background:var(--mgmt-sage-soft);color:var(--mgmt-sage-deep)}.customer-consent.is-revoked{color:var(--mgmt-danger);background:#f2ddd6}.customer-profile-facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 16px;font-size:12px;display:grid}.customer-profile-facts dt{color:var(--mgmt-muted);font-size:11px}.customer-profile-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.customer-profile-history{border-radius:var(--mgmt-radius-sm);background:var(--mgmt-surface-soft);gap:6px;padding:12px;font-size:12px;display:grid}.customer-profile-history span{min-width:110px;color:var(--mgmt-muted);display:inline-block}.product-specs-editor{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.product-specs-editor-row{grid-template-columns:minmax(0,2fr) minmax(0,3fr) auto;align-items:center;gap:8px;display:grid}.product-specs-editor>button{justify-self:start;margin-top:4px}@media (width<=520px){.product-specs-editor-row{grid-template-columns:minmax(0,4fr) minmax(0,5fr) auto;gap:6px}.product-specs-editor-row .field{padding-inline:9px}}.store-view-tabs{border:1px solid var(--mgmt-border);border-radius:var(--mgmt-radius-pill);background:var(--mgmt-glass);gap:4px;margin-bottom:22px;padding:4px;display:inline-flex}.store-view-tabs button{border-radius:var(--mgmt-radius-pill);color:var(--mgmt-ink-soft);padding:8px 16px;font-size:13px;font-weight:500}.store-view-tabs button[aria-selected=true]{color:var(--mgmt-ink);background:var(--mgmt-surface);box-shadow:var(--mgmt-shadow-1)}.appearance-management{gap:22px;display:grid}.appearance-heading{border-bottom:1px solid var(--mgmt-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:16px;display:flex}.appearance-status{border-radius:var(--mgmt-radius-pill);background:var(--mgmt-sage-soft);color:var(--mgmt-sage-deep);padding:6px 12px;font-size:12px;font-weight:500}.appearance-conflict{border-radius:var(--mgmt-radius-sm);color:var(--mgmt-danger);background:#f6e5df;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex}.appearance-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}@media (width>=1180px){.appearance-layout{grid-template-columns:minmax(340px,.9fr) minmax(0,1.3fr)}.appearance-preview{position:sticky;top:24px}}.appearance-form{gap:18px;min-width:0;display:grid}.appearance-form fieldset{border:1px solid var(--mgmt-border);border-radius:var(--mgmt-radius-lg);background:var(--mgmt-glass);min-width:0;margin:0;padding:18px}.appearance-form legend{color:var(--mgmt-ink);padding:0 6px;font-family:Instrument Serif,Georgia,serif;font-size:22px;font-weight:400}.appearance-colors{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.appearance-color{color:var(--mgmt-ink-soft);grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;font-size:12px;font-weight:500;display:grid}.appearance-color input[type=color]{border:1px solid var(--mgmt-border-strong);border-radius:var(--mgmt-radius-sm);background:var(--mgmt-field);cursor:pointer;width:44px;height:44px;padding:3px}.appearance-color span{gap:4px;min-width:0;display:grid}.appearance-color .field{text-transform:lowercase;height:32px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.appearance-color .field[aria-invalid=true]{border-color:var(--mgmt-danger)}.appearance-issues{border-radius:var(--mgmt-radius-sm);color:var(--mgmt-danger);background:#f6e5df;margin:14px 0 0;padding:10px 14px 10px 28px;font-size:12px;line-height:1.5}.appearance-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.appearance-preview{border:1px solid var(--mgmt-border);border-radius:var(--mgmt-radius-lg);background:var(--mgmt-surface-soft);gap:10px;min-width:0;padding:14px;display:grid}.appearance-preview-bar{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.appearance-preview-bar .field{height:34px}.appearance-toggle{border:1px solid var(--mgmt-border);border-radius:var(--mgmt-radius-pill);background:var(--mgmt-surface);gap:4px;padding:3px;display:inline-flex}.appearance-toggle button{border-radius:var(--mgmt-radius-pill);color:var(--mgmt-muted);align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.appearance-toggle button[aria-pressed=true]{color:var(--mgmt-ink);background:var(--mgmt-sage-soft)}.appearance-stage{border-radius:var(--mgmt-radius-md);background:#e9e5dc;place-items:start center;min-height:200px;padding:10px;display:grid;overflow:hidden}.appearance-stage[data-viewport=mobile]{place-items:start center}.appearance-frame{box-shadow:var(--mgmt-shadow-2);background:#fff;border-radius:10px;overflow:hidden}.appearance-stage[data-viewport=mobile] .appearance-frame{outline-offset:0;border-radius:26px;outline:8px solid #2a2a27;margin:8px}.appearance-frame iframe{transform-origin:0 0;background:#fff;border:0;display:block}.appearance-actions{z-index:2;border-top:1px solid var(--mgmt-border);background:color-mix(in srgb, var(--mgmt-page) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:14px 0;display:flex;position:sticky;bottom:0}.appearance-actions>div{flex-wrap:wrap;gap:10px;display:flex}@media (width<=720px){.appearance-actions{position:static}}
