:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#29292d;font-size:16px;--red:#be292f;--muted:#8b8b94;--line:#e9e9ed}*{box-sizing:border-box}body{margin:0;background:#f6f6f8}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c7a367;outline-offset:3px}[hidden]{display:none!important}img{display:block;max-width:100%}.eyebrow{font-size:10px;letter-spacing:2px;color:#9f855f;font-weight:600}.primary{background:var(--red);color:white;padding:13px 22px;border-radius:6px;font-size:14px;font-weight:650;border:1px solid transparent}.primary:hover{background:#a82026}.secondary{border:1px solid #dedee4;border-radius:5px;padding:10px 17px;font-size:13px;background:#fff}.secondary:hover{border-color:#b89964}.text-action{font-size:12px;color:var(--red);padding:8px}.help{font-size:12px;line-height:1.8;color:#919199;margin:8px 0 18px}.error{color:#bb2630;font-size:13px;line-height:1.7;min-height:1px}.login-view{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:45px 20px;background:radial-gradient(ellipse at 10% 10%,#f0e8db,transparent 55%),#f6f6f8}.login-brand{text-align:center;margin-bottom:22px}.login-brand>img{width:90px;height:90px;object-fit:contain;margin:auto}.login-brand b{font-size:30px;font-weight:800;letter-spacing:-1px}.login-brand b span{font-size:24px;margin-inline-start:6px}.login-brand p{font-size:10px;letter-spacing:3px;color:#a58a60}.login-card{background:white;border:1px solid #e7e4df;padding:34px 38px;width:430px;max-width:100%;border-radius:12px;box-shadow:0 12px 60px #55452c08}.login-card h1{font-size:26px;margin:11px 0}.login-card>p{color:#8d8d95;font-size:13px;margin-bottom:24px}.login-card label{display:block;font-size:12px;color:#6c6c75;margin-top:18px}.login-card input:not([type=checkbox]){width:100%;display:block;padding:12px 13px;background:#fafafa;border:1px solid #e3e3e7;border-radius:5px;margin-top:7px;font-size:14px}.login-card .primary{width:100%;margin-top:7px}.login-card>small{display:block;font-size:11px;color:#a1a1a9;text-align:center;margin-top:17px}.check{display:flex!important;align-items:center;gap:8px;font-size:13px!important}.check input{accent-color:var(--red);width:16px;height:16px}.login-footer{font-size:10px;color:#aaa;letter-spacing:1px;margin-top:25px}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;inset-inline-end:auto;width:235px;background:#262729;color:#bbbcc0;padding:30px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:7px;align-items:center;color:white}.brand img{object-fit:contain}.brand b{font-size:22px;letter-spacing:-.4px}.brand small{display:block;font-size:8px;letter-spacing:1.6px;margin-top:5px;color:#aa946e}.side-label{font-size:10px;color:#777980;margin:44px 14px 14px}.sidebar>button,.sidebar>a:not(.brand){padding:13px 16px;text-align:start;font-size:13px;margin:4px 0;border-radius:5px}.sidebar .side-active{background:#414144;color:#fff}.side-footer{margin-top:auto;padding:20px 14px 4px;border-top:1px solid #424246}.side-footer>span{font-size:9px;letter-spacing:2px;color:#aa946e}.side-footer p{font-size:14px}.side-footer button{font-size:12px;color:#97989f;margin:20px 0 0;padding:0}.workspace{margin-inline-start:235px;padding:45px;max-width:1700px}.workspace>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.workspace h1{font-size:29px;margin:10px 0 12px;letter-spacing:-1px}.workspace header p{font-size:13px;color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px}.stats>div{border:1px solid var(--line);border-radius:8px;background:white;padding:23px}.stats span{font-size:12px;color:#7f7f88}.stats strong{display:block;font-size:34px;margin:13px 0 8px;font-weight:600}.stats small{font-size:10px;color:#aaa}.inventory{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.inventory-tools{padding:22px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:7px}.tabs button{font-size:13px;padding:8px 12px;border-radius:4px;white-space:nowrap}.tabs .selected{background:#faeff0;color:var(--red)}.inventory-tools>input{margin-inline-start:auto;max-width:270px;width:100%;font-size:12px;padding:10px 12px;border:1px solid #e5e5e9;border-radius:5px;background:#fbfbfc}.inventory-tools>button{font-size:22px;color:#888}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:13px}th{text-align:start;padding:14px 20px;font-size:11px;color:#888891;font-weight:500;background:#fcfcfd}td{padding:19px 20px;border-bottom:1px solid #f0f0f3}.table-product{display:flex;align-items:center;gap:14px;max-width:330px}.table-product img{width:75px;aspect-ratio:16/9;border-radius:5px;object-fit:cover}.table-product b{font-size:13px;font-weight:600;display:block;max-width:230px;white-space:normal;line-height:1.6}.table-product small{display:block;margin-top:6px;font-size:10px;color:#aaa}.status{font-size:11px;padding:5px 9px;background:#edf4ed;color:#587257;border-radius:4px}.status.draft{background:#f0f0f4;color:#8c8c98}.low-stock{color:#b45a35}.row-actions{display:flex;gap:9px}.row-actions button{font-size:12px;color:#878793;padding:4px}.row-actions button:first-child{color:#967344}.inventory-note{padding:15px 22px;margin:0;font-size:11px;color:#aaa}.empty{text-align:center;padding:60px 20px;color:#999;font-size:14px}dialog{border:0;border-radius:10px;box-shadow:0 30px 100px #0003;padding:0;max-height:92dvh;color:#29292d}dialog::backdrop{background:#18182080;backdrop-filter:blur(4px)}#editor{width:1000px;max-width:calc(100% - 30px)}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid var(--line)}.editor-header h2{font-size:23px;margin:8px 0 0}.close{font-size:29px;padding:0 5px;color:#999}.editor-body{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:15px 30px 30px}.editor-body h3{font-size:15px;display:flex;gap:10px;align-items:center;margin:25px 0}.editor-body h3 span{font-size:12px;background:#f4efe7;color:#9b7b49;padding:5px 7px;border-radius:4px}.editor-body label{display:block;font-size:12px;color:#777783;margin:15px 0 0}.editor-body em{font-style:normal;color:var(--red)}.editor-body input:not([type=checkbox]),.editor-body textarea{display:block;width:100%;font-size:14px;border:1px solid #dddde4;border-radius:5px;padding:11px 12px;margin-top:8px;resize:vertical;background:#fff}.editor-body input::placeholder,.editor-body textarea::placeholder{color:#b7b7be;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.counter{font-size:10px;color:#aaa;text-align:end;display:block;margin-top:7px}.cover-preview{border:1px dashed #d3c7b1;border-radius:6px;aspect-ratio:16/9;margin:10px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;background:#faf8f4}.cover-preview>span{font-size:25px;font-weight:300;color:#b6a78e}.cover-preview p{font-size:12px;color:#b6a78e}.cover-preview img{width:100%;height:100%;object-fit:cover}.media-actions{display:flex;gap:10px;align-items:center}.section-label{margin-top:25px!important;margin-bottom:12px!important}.section-label small{font-size:10px;color:#aaa;float:inline-end}.image-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.image-card{border:1px solid #e8e8ed;border-radius:5px;overflow:hidden;background:#fff}.image-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.image-card .image-actions{display:flex;justify-content:center;border-top:1px solid #eee}.image-actions button{padding:5px;font-size:12px;color:#888}.image-actions button:hover{color:var(--red)}.image-card.dragging{opacity:.4}#video-preview video{width:100%;max-height:180px;border-radius:5px;margin-bottom:12px}.file-input{display:none}progress{width:100%;accent-color:var(--red);height:7px;margin-top:20px}.editor-footer{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:18px 30px;flex-wrap:wrap}.editor-footer .error{flex:1 0 100%;margin:0}.editor-footer .check{margin-inline-end:auto;color:#777}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);background:#28282dee;color:white;padding:13px 22px;border-radius:6px;font-size:14px;opacity:0;pointer-events:none;z-index:500;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}#crop-dialog{width:740px;padding-bottom:24px;max-width:calc(100% - 25px)}#crop-dialog>.help,#crop-dialog>.error{padding:0 28px}#crop-canvas{width:calc(100% - 56px);height:auto;aspect-ratio:16/9;display:block;margin:20px 28px;background:#eee;border-radius:5px;touch-action:none;cursor:grab}#crop-canvas:active{cursor:grabbing}.crop-controls{padding:0 28px;display:flex;gap:20px}.crop-controls label{font-size:11px;color:#888;flex:1}.crop-controls input{display:block;width:100%;margin-top:9px;accent-color:var(--red)}.crop-footer{padding:22px 28px 0;display:flex;justify-content:space-between;gap:10px}
@media(max-width:1100px){.sidebar{width:190px;padding:25px 15px}.brand b{font-size:18px}.brand img{width:40px}.brand small{font-size:7px}.workspace{margin-inline-start:190px;padding:32px 25px}.stats{gap:12px}.stats>div{padding:19px}.table-product b{max-width:170px}.table-product img{width:55px}.inventory-tools{padding:16px}.tabs button{padding:8px}td,th{padding:17px 13px}.workspace>header{margin-bottom:25px}}
@media(max-width:760px){.sidebar{position:static;width:100%;height:69px;padding:10px 17px;flex-direction:row;align-items:center;gap:18px}.sidebar .side-label,.sidebar>button,.side-footer>span,.side-footer p{display:none}.sidebar .brand b{font-size:18px}.sidebar>.brand{margin-inline-end:auto}.sidebar>a:not(.brand){font-size:11px;padding:0;white-space:nowrap}.side-footer{margin:0;padding:0;border:0}.side-footer button{margin:0;font-size:11px;white-space:nowrap}.workspace{margin:0;padding:25px 16px}.workspace h1{font-size:26px}.workspace>header{gap:12px}.workspace .eyebrow{font-size:8px;letter-spacing:1px}.workspace header p{font-size:11px;max-width:180px;line-height:1.8}.primary{padding:11px 15px;font-size:13px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.stats>div{padding:17px}.stats strong{font-size:29px;margin:8px 0}.stats span{font-size:11px}.stats small{font-size:9px}.inventory-tools{flex-wrap:wrap;gap:12px}.tabs{flex:1 0 85%}.inventory-tools>input{margin:0;max-width:none;order:3;flex:1 0 100%}.inventory-tools>button{order:2}.inventory-note{font-size:10px;padding:13px 16px}.table-product{max-width:250px}.table-product b{max-width:160px;font-size:12px}.row-actions{gap:5px}table{font-size:12px}.editor-header{padding:20px}.editor-header h2{font-size:21px}.editor-body{display:block;padding:0 20px 20px}.editor-body section+section{border-top:1px solid var(--line);margin-top:25px}.editor-body label{font-size:13px}.editor-body input:not([type=checkbox]),.editor-body textarea{font-size:16px}.editor-footer{padding:15px;gap:8px}.editor-footer .check{font-size:12px!important}.editor-footer .secondary{padding:10px}.login-card{padding:28px}.login-brand{margin-bottom:15px}.login-brand>img{width:72px;height:72px}.login-card input:not([type=checkbox]){font-size:16px}#crop-canvas{width:calc(100% - 30px);margin:20px 15px}#crop-dialog>.help,#crop-dialog>.error{padding:0 15px}.crop-controls{padding:0 15px;gap:12px}.crop-footer{padding:22px 15px 0}.crop-footer .primary{font-size:12px}}

/* Shared light / dark surfaces keep every stage of product editing readable. */
.login-view{background:radial-gradient(ellipse at 10% 10%,var(--gold-soft),transparent 55%),var(--page);padding-top:65px}
.login-card,.secondary,.stats>div,.inventory,.image-card,.editor-footer{background:var(--surface);border-color:var(--line)}
.login-card input:not([type=checkbox]),.inventory-tools>input,.editor-body input:not([type=checkbox]),.editor-body textarea{background:var(--field);border-color:var(--line);color:var(--ink)}
.editor-body input::placeholder,.editor-body textarea::placeholder{color:var(--muted)}
.help,.login-card>p,.login-card label,.login-card>small,.login-footer,.stats span,.stats small,.inventory-tools>button,.table-product small,.inventory-note,.empty,.close,.editor-body label,.counter,.section-label small,.image-actions button,.editor-footer .check,.crop-controls label,.row-actions button{color:var(--muted)}
.login-brand p,.brand small,.eyebrow,.row-actions button:first-child{color:var(--gold-text)}
.text-action,.error,.editor-body em,.tabs .selected{color:var(--accent-text)}
.tabs .selected{background:var(--accent-soft)}
th{background:var(--surface-soft);color:var(--muted)}
td,.image-card .image-actions{border-color:var(--line)}
.status{background:#eaf2eb;color:#3d6842}.status.draft{background:var(--surface-soft);color:var(--muted)}
.editor-body h3 span,.cover-preview{background:var(--gold-soft);color:var(--gold-text)}
.cover-preview{border-color:var(--gold-text)}
.cover-preview>span,.cover-preview p{color:var(--gold-text)}
#crop-canvas{background:var(--surface-soft)}
:root[data-theme="dark"] .sidebar{background:#171b20;border-inline-end:1px solid var(--line);color:var(--muted)}
:root[data-theme="dark"] .sidebar .side-active{background:#2d333d}
:root[data-theme="dark"] .side-label,:root[data-theme="dark"] .side-footer button{color:var(--muted)}
:root[data-theme="dark"] .side-footer{border-color:var(--line)}
:root[data-theme="dark"] .side-footer>span{color:var(--gold-text)}
:root[data-theme="dark"] .status:not(.draft){background:#26372e;color:#a3d3b0}
:root[data-theme="dark"] .low-stock{color:#efb58b}
:root[data-theme="dark"] .toast{background:#e9e9ed;color:#1b1f25;box-shadow:0 8px 35px #0005}
:root[data-theme="dark"] dialog::backdrop{background:#080b11b8}
@media(prefers-reduced-motion:reduce){:root:not([data-motion="on"]) *,:root:not([data-motion="on"]) *:before,:root:not([data-motion="on"]) *:after{animation:none!important;transition:none!important}}

/* Merchant design, product packs and notice publishing. */
.workspace-tabs{display:flex;gap:8px;margin:0 0 26px;padding:5px;border:1px solid var(--line);border-radius:9px;background:var(--surface);width:fit-content;max-width:100%}
.workspace-tabs button{font-size:13px;padding:10px 20px;border-radius:5px;white-space:nowrap}
.workspace-tabs button.selected{background:var(--gold-soft);color:var(--gold-text);font-weight:650}
.management-panel{min-width:0}.design-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start}
.settings-card{min-width:0;padding:26px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.settings-card h2{font-size:20px;margin:8px 0 12px;line-height:1.5;letter-spacing:-.4px}
.settings-heading .help{margin-bottom:23px}.settings-fields label{display:block;font-size:12px;color:var(--muted);margin:18px 0 0}
.settings-fields input,.settings-fields textarea,.settings-fields select,.editor-body select{display:block;width:100%;min-width:0;font-size:14px;border:1px solid var(--line);border-radius:5px;padding:11px 12px;margin-top:8px;resize:vertical;background:var(--field);color:var(--ink)}
.settings-fields input::placeholder,.settings-fields textarea::placeholder{font-size:12px;color:var(--muted)}
.settings-fields em{color:var(--accent-text);font-style:normal}.settings-footer{margin-top:26px;padding-top:12px;border-top:1px solid var(--line)}
.settings-footer .help{display:block;margin-bottom:0}.hero-preview{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/9;border-radius:7px;border:1px solid var(--line);background:#1d2430;margin-bottom:18px;color:#fff}
.hero-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-preview::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101722c9,#10172265 70%,#10172220)}
.hero-preview-copy{position:absolute;inset-block:0;inset-inline:0;padding:clamp(15px,2.8vw,35px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px}
.hero-preview-copy>span:first-child{font-size:10px;letter-spacing:1.5px;line-height:1.5;color:#e6d2a8;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.hero-preview-copy h3{font-size:clamp(19px,2vw,29px);line-height:1.4;margin:0;font-weight:650;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-width:100%}
.hero-preview-copy p{margin:0;font-size:11px;line-height:1.7;max-width:100%;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.hero-preview-button{font-size:11px;padding:9px 14px;background:#eee7d8;color:#292a2d;border-radius:4px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.identity-media{display:grid;grid-template-columns:1fr 1fr;gap:18px}.identity-media>div{min-width:0}.identity-media .media-actions{flex-wrap:wrap;gap:2px}.identity-media .secondary{font-size:11px;padding:8px 10px}.identity-media small{float:none;display:block;margin-top:5px}
.identity-preview{height:88px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--line);background:var(--surface-soft);border-radius:5px;padding:10px;margin-bottom:10px;color:var(--muted);font-size:11px}
.identity-preview img{object-fit:contain;max-width:100%;height:100%;width:auto}.pack-section{grid-column:1/-1;border-top:1px solid var(--line)}.pack-section .help{margin-top:-10px}.pack-section .form-row{grid-template-columns:1fr 1fr}
.promotion-preview{margin-top:15px;border-radius:6px;overflow:hidden}.promotion-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:13px;color:white;line-height:1.5;overflow-wrap:anywhere}
.promotion-banner strong{flex-shrink:0;font-size:16px}.promotion-banner.tone-green{background:linear-gradient(100deg,#297c40,#19884a)}.promotion-banner.tone-blue{background:linear-gradient(100deg,#166cbd,#3743c4)}.promotion-banner.tone-gold{background:linear-gradient(100deg,#86622d,#a0772b)}
.promotion-prices{display:flex;justify-content:flex-end;gap:12px;align-items:baseline;background:var(--surface-soft);padding:12px}.promotion-prices del{font-size:12px;color:var(--muted)}.promotion-prices b{color:var(--gold-text);font-size:17px}
.notification-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.notification-intro .help{max-width:600px;margin-bottom:0}.notification-intro>button{flex-shrink:0}.notification-count{font-size:12px;color:var(--muted);margin-inline-start:auto}
.notice-row{display:flex;align-items:flex-start;gap:18px;padding:25px;border-bottom:1px solid var(--line)}.notice-row:last-child{border-bottom:0}.notice-mark{display:grid;place-items:center;border-radius:9px;flex:0 0 40px;height:40px;font-weight:750;font-size:20px}
.notice-content{min-width:0;flex:1}.notice-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.notice-meta time{margin-inline-start:auto}.notice-content h3{font-size:15px;line-height:1.6;margin:12px 0 6px;overflow-wrap:anywhere}.notice-content p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.notice-row>.row-actions{margin-top:4px;flex-shrink:0}.notice-tone-info{--notice-color:#326697;--notice-tint:#edf4fa}.notice-tone-promotion{--notice-color:#816029;--notice-tint:#f8f1e3}.notice-tone-important{--notice-color:#a64048;--notice-tint:#fbedee}
.notice-mark{background:var(--notice-tint);color:var(--notice-color)}#notification-editor{width:650px;max-width:calc(100% - 30px)}.notification-editor-body{padding:8px 30px 26px}.notification-preview{margin-top:24px;padding:22px;border:1px solid var(--line);border-inline-start:3px solid var(--notice-color);border-radius:7px;background:var(--notice-tint)}
.notice-preview-label{font-size:10px;color:var(--notice-color);letter-spacing:.3px}.notification-preview h3{margin:12px 0 8px;font-size:16px;line-height:1.6;overflow-wrap:anywhere}.notification-preview p{font-size:13px;line-height:1.8;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;color:var(--muted)}
#crop-canvas{aspect-ratio:auto}.crop-square #crop-canvas{width:min(390px,calc(100% - 56px));margin-inline:auto}.media-actions{flex-wrap:wrap}.editor-body>section{min-width:0}
:root[dir="rtl"] .hero-preview::after{background:linear-gradient(270deg,#101722c9,#10172265 70%,#10172220)}
:root[data-theme="dark"] .notice-tone-info{--notice-color:#9ec9f0;--notice-tint:#23313e}:root[data-theme="dark"] .notice-tone-promotion{--notice-color:#e6c380;--notice-tint:#342e23}:root[data-theme="dark"] .notice-tone-important{--notice-color:#ffabb1;--notice-tint:#39262c}
@media(max-width:1180px){.design-layout{grid-template-columns:1fr}.hero-preview{max-height:430px}.notice-row>.row-actions{flex-direction:column;gap:5px}.settings-card{padding:22px}}
@media(max-width:760px){.workspace-tabs{width:100%;gap:3px;margin-bottom:20px}.workspace-tabs button{flex:1;font-size:12px;padding:10px 5px;white-space:normal}.settings-card{padding:18px}.settings-card h2{font-size:19px}.settings-fields input,.settings-fields textarea,.settings-fields select,.editor-body select{font-size:16px}.settings-fields label{font-size:13px}.hero-preview-copy{padding:18px;gap:8px}.hero-preview-copy h3{font-size:20px;-webkit-line-clamp:2}.hero-preview-copy>span:first-child{font-size:8px}.hero-preview-copy p{font-size:10px;-webkit-line-clamp:1}.hero-preview-button{font-size:10px;padding:7px 10px}.notification-intro{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px}.notice-row{padding:18px 15px;gap:11px;flex-wrap:wrap}.notice-mark{flex-basis:32px;height:32px;font-size:17px;border-radius:6px}.notice-content{flex-basis:calc(100% - 43px)}.notice-row>.row-actions{margin-inline-start:43px;flex-direction:row;gap:17px;margin-top:0}.notice-meta{font-size:9px;gap:7px}.notice-meta time{margin-inline-start:0}.notification-count{font-size:11px;margin-inline-start:0}.notification-editor-body{padding:4px 20px 20px}.notification-preview{padding:16px}.pack-section .form-row{gap:12px}.identity-media{gap:12px}.identity-media .secondary{font-size:11px}.crop-square #crop-canvas{width:min(320px,calc(100% - 30px))}}
@media(max-width:390px){.pack-section .form-row{grid-template-columns:1fr}.hero-preview-copy{padding:12px;gap:6px}.hero-preview-copy h3{font-size:17px}.hero-preview-copy p{display:none}}

.hero-preview.image-only::after{display:none}

/* Managed storefront categories */
.category-count{font-size:13px;font-weight:600;color:var(--muted)}#refresh-categories{margin-inline-start:auto;font-size:22px;padding:4px 12px;border:1px solid var(--line);border-radius:5px}.category-row{display:flex;align-items:center;gap:20px;padding:21px 25px;border-bottom:1px solid var(--line)}.category-row:last-child{border-bottom:0}.category-name{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.category-name b{font-size:14px;font-weight:600;overflow-wrap:anywhere}.category-symbol{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--gold-text);font-size:22px}.category-product-count{font-size:12px;color:var(--muted);white-space:nowrap}.category-row>.row-actions{gap:18px;justify-content:flex-end;margin-inline-start:15px;flex-shrink:0}.category-fixed{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--surface-soft);padding:20px 25px;border-top:1px solid var(--line)}.category-fixed b{font-size:13px}.category-fixed .help{margin:7px 0 0}.category-fixed .category-product-count{margin-inline-end:110px}#category-editor{width:520px;max-width:calc(100% - 30px)}.category-editor-body{padding:6px 30px 22px}#product-category-warning{display:block;margin-top:7px;line-height:1.6;font-size:11px;font-weight:400}.category-editor-body input:focus-visible,.editor-body select:focus-visible{outline:3px solid #c7a367;outline-offset:3px}
@media(max-width:760px){.category-row{padding:18px 15px;gap:10px;flex-wrap:wrap}.category-name{flex-basis:calc(100% - 90px);gap:10px}.category-name b{font-size:13px}.category-row>.row-actions{margin-inline-start:44px;gap:22px}.category-fixed{padding:18px 15px;gap:12px}.category-fixed .category-product-count{margin-inline-end:0}.category-editor-body{padding:4px 20px 18px}.category-count{font-size:12px}.workspace-tabs button{overflow-wrap:anywhere}}

/* Search settings, scheduled promotions and media order */
.workspace-tabs{overflow-x:auto}.workspace-tabs button{flex-shrink:0}.inventory-tools #reorder-products{font-size:12px;white-space:nowrap;padding:9px 12px;color:var(--gold-text)}
.search-settings{border-top:1px solid var(--line);margin-top:28px;padding-top:18px}.settings-subheading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.settings-subheading h3{font-size:14px;margin:0}.hot-search-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px;gap:10px;align-items:end;padding-bottom:12px}.hot-search-row label{margin-top:6px}.hot-search-row button{font-size:23px;color:var(--accent-text);height:41px}.hot-search-row input{padding:10px 8px}
.promotion-style-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.promotion-style-options button{padding:12px 6px;border:2px solid transparent;border-radius:6px;color:white;font-size:11px;line-height:1.5}.promotion-style-options .tone-green{background:linear-gradient(110deg,#297c40,#19884a)}.promotion-style-options .tone-blue{background:linear-gradient(110deg,#166cbd,#3743c4)}.promotion-style-options .tone-gold{background:linear-gradient(110deg,#86622d,#a0772b)}.promotion-style-options button[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--surface) inset}.promotion-schedule input{min-width:0}.editor-body .promotion-schedule{gap:10px}.editor-body .promotion-schedule input{font-size:12px;padding:11px 7px}
#video-preview{display:grid;gap:12px;margin-bottom:12px}.video-card{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--surface)}#video-preview video{display:block;margin:0;border-radius:0}.video-card .image-actions{display:flex;align-items:center;border-top:1px solid var(--line);padding:4px 8px;gap:8px}.video-card .image-actions span{font-size:11px;color:var(--muted);margin-inline-end:auto}.video-card .image-actions button{min-width:30px;min-height:30px}.image-actions button:disabled{opacity:.35;cursor:not-allowed}
#product-order{width:720px;max-width:calc(100% - 30px)}.order-body{padding:12px 26px 24px}#order-list{padding:0;list-style:none}.product-order-row{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.order-position{font-variant-numeric:tabular-nums;min-width:25px;color:var(--muted);font-size:12px}.product-order-row img{width:64px;aspect-ratio:16/9;object-fit:cover;border-radius:4px}.product-order-row>div{flex:1;min-width:0}.product-order-row b{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.product-order-row small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.product-order-row button{font-size:18px;border:1px solid var(--line);border-radius:5px;min-width:36px;min-height:36px}.product-order-row button:disabled{opacity:.3}
@media(max-width:760px){.workspace-tabs button{flex:1 0 auto;white-space:nowrap;padding:10px 12px}.order-body{padding:10px 16px 20px}.product-order-row{gap:8px}.product-order-row img{width:44px}.product-order-row b{font-size:12px}.product-order-row button{min-width:32px}.order-position{min-width:18px}.editor-body .promotion-schedule input{font-size:14px}.hot-search-row{gap:7px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 25px}}
@media(max-width:390px){.promotion-schedule{grid-template-columns:1fr}.hot-search-row{grid-template-columns:minmax(0,1fr) 28px}.hot-search-row label{grid-column:1}.hot-search-row button{grid-column:2;grid-row:1/3;align-self:center}}

/* Ordered homepage carousel and reference promotion styles. */
.hero-preview{margin-bottom:10px}.hero-preview-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin-bottom:16px}.hero-image-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}.hero-image-card{min-width:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}.hero-image-card.selected{border-color:var(--gold-text);box-shadow:0 0 0 1px var(--gold-text)}.hero-image-select{position:relative;display:block;width:100%;padding:0;aspect-ratio:16/9;background:var(--surface-soft)}.hero-image-select img{display:block;width:100%;height:100%;object-fit:cover}.hero-image-select>span{position:absolute;inset-block-end:5px;inset-inline-start:5px;min-width:22px;padding:3px 6px;background:#111c;color:#fff;border-radius:4px;font-size:11px}.hero-image-card .image-actions{display:flex;align-items:center;justify-content:space-around;gap:0;padding:2px}.hero-image-card .image-actions button{min-width:26px;min-height:34px;font-size:11px;padding:4px}.hero-image-card button:focus-visible{outline:2px solid var(--gold-text);outline-offset:-3px}.hero-image-card button:disabled{opacity:.35}
.promotion-banner.tone-orange,.promotion-style-options .tone-orange{background:linear-gradient(180deg,#fc921d,#df5303);color:#251e15;--ribbon-cutout:#ef710d}.promotion-banner.tone-red,.promotion-style-options .tone-red{background:linear-gradient(180deg,#d33458,#c42b04);color:#fff;--ribbon-cutout:#cc302d}.promotion-banner.tone-blue,.promotion-style-options .tone-blue{background:linear-gradient(180deg,#0caddc,#0044fc 85%);color:#fff}.promotion-banner>svg{width:26px;height:26px;flex:0 0 26px}.promotion-clock{display:flex;align-items:center;gap:6px;font-size:11px;min-width:0}.promotion-clock svg{width:20px;height:20px;flex:0 0 20px}.promotion-clock bdi{overflow-wrap:anywhere;line-height:1.4}.promotion-banner.tone-orange{gap:8px}.promotion-banner.tone-orange .promotion-clock{margin-inline-start:auto}.promotion-caption{min-width:0;overflow-wrap:anywhere}.promotion-custom-caption{padding:8px 12px;margin:0;background:var(--surface-soft);font-size:11px;color:var(--muted)}.promotion-style-options button>span{display:block;font-size:19px;line-height:1.1;margin-bottom:7px}.promotion-style-options button[aria-pressed=true]{outline:1px solid var(--gold-text);outline-offset:2px}
@media(max-width:560px){.hero-image-list{grid-template-columns:repeat(2,minmax(0,1fr))}.promotion-banner{padding:8px 10px}.promotion-clock{font-size:10px;gap:4px}.promotion-banner strong{font-size:15px}.promotion-banner>svg{width:23px;height:23px;flex-basis:23px}.promotion-style-options button{font-size:10px;padding:10px 4px}.hero-preview-meta{font-size:10px}}