@font-face{font-family:Playfair;src:url('/assets/fonts/playfair.ttf');font-weight:400 900}@font-face{font-family:Karla;src:url('/assets/fonts/karla.ttf');font-weight:200 800}
:root{--bg:#fcf8f5;--paper:#fff;--ink:#422f2b;--muted:#8b7770;--rose:#a6506d;--rose-pale:#f8edf0;--line:#eee4df;--green:#46765e;--display:Playfair,Georgia,serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:calc(15px * var(--font-scale, 1))/1.5 Karla,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d39aab;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500}h1{font-size:calc(36px * var(--font-scale, 1));line-height:1.2}h2{font-size:calc(26px * var(--font-scale, 1))}h3{font-size:calc(21px * var(--font-scale, 1))}.demo-banner{height:34px;background:#f1e0e4;color:#713e4f;display:flex;justify-content:center;align-items:center;gap:9px;font-size:calc(10px * var(--font-scale, 1));font-weight:700;letter-spacing:.13em}.banner-detail{letter-spacing:0;font-weight:400;font-size:calc(12px * var(--font-scale, 1));margin-left:8px}.demo-dot{height:6px;width:6px;border-radius:50%;background:var(--rose)}.app-shell{display:flex;min-height:calc(100vh - 34px)}.sidebar{width:250px;flex-shrink:0;border-right:1px solid var(--line);background:#fffdfb;padding:34px 21px;display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh - 34px)}.brand{display:flex;gap:13px;align-items:center;margin:0 5px 43px;font:calc(22px * var(--font-scale, 1))/1.1 var(--display)}.brand em{display:block;font-size:calc(20px * var(--font-scale, 1));color:var(--rose)}.brand small{display:block;font:calc(9px * var(--font-scale, 1)) Karla,Arial;letter-spacing:.2em;color:var(--muted);margin-top:10px}.brand-monogram{font:calc(43px * var(--font-scale, 1)) var(--display);width:58px;height:65px;border:1px solid #d9b6c0;border-radius:28px 28px 11px 11px;text-align:center;position:relative;color:var(--rose)}.brand-monogram>span{position:absolute;font:calc(17px * var(--font-scale, 1)) Georgia;right:-4px;top:-8px;background:#fffdfb}.nav-caption{color:#a18d85;font-size:calc(9px * var(--font-scale, 1));letter-spacing:.16em;margin:0 12px 13px}#nav{display:grid;gap:6px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;color:#806d65;font-size:calc(14px * var(--font-scale, 1));border:0;background:transparent;width:100%;text-align:left}.nav-link.active{background:var(--rose-pale);color:var(--rose);font-weight:700}.nav-link:hover{background:#f8f2ed}.nav-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sidebar-foot{margin-top:auto;padding:24px 12px 0;border-top:1px solid var(--line);font-size:calc(11px * var(--font-scale, 1));color:#806d65}.connection-dot{display:inline-block;width:6px;height:6px;background:#89a995;border-radius:50%;margin-right:6px}.sidebar-foot p{font-size:calc(11px * var(--font-scale, 1));line-height:1.6;margin-top:8px;color:#a08b81}.text-button{padding:0;border:0;background:transparent;color:var(--rose);font-size:calc(12px * var(--font-scale, 1));text-decoration:underline;text-underline-offset:4px}.sidebar-foot button{margin-top:15px;font-size:calc(10px * var(--font-scale, 1))}.main{min-width:0;flex:1}.topbar{padding:22px 42px;min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);background:#fffdfb}.breadcrumb{font-size:calc(11px * var(--font-scale, 1));color:#9b877e}.breadcrumb>span{color:#59443b}.save-state{font-size:calc(11px * var(--font-scale, 1));margin-top:5px;color:var(--green)}.save-state.unsaved{color:#b7813d}.top-actions{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:9px;padding:10px 18px;border:1px solid transparent;font-size:calc(12px * var(--font-scale, 1));font-weight:700;white-space:nowrap}.primary{background:var(--rose);color:white}.primary:hover{background:#8e405a}.secondary{background:white;border-color:#e5d9d2;color:#69544b}.secondary:hover{background:#f7f0eb}.page{max-width:1350px;margin:auto;padding:38px 42px 32px;min-height:calc(100vh - 230px)}.page-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px}.page-header p{margin-top:10px;color:var(--muted);font-size:calc(13px * var(--font-scale, 1))}.eyebrow{font-size:calc(9px * var(--font-scale, 1));letter-spacing:.16em;color:var(--rose);font-weight:700;margin-bottom:8px}.page-footer{max-width:1350px;padding:24px 42px 30px;margin:auto;display:flex;justify-content:space-between;gap:16px;color:#aa968b;font-size:calc(10px * var(--font-scale, 1))}.page-footer button{font-size:calc(10px * var(--font-scale, 1))}.welcome{display:grid;grid-template-columns:1fr 165px;gap:22px;align-items:center;background:#f2e4e5;border:1px solid #ead8db;border-radius:18px;padding:28px 32px;margin-bottom:25px;overflow:hidden}.welcome h1{font-size:calc(34px * var(--font-scale, 1))}.welcome p{color:#947076;font-size:calc(13px * var(--font-scale, 1));margin-top:13px;max-width:470px}.welcome .button{margin-top:20px;background:#fff9f8;color:#925268;border:1px solid #e3c8d0}.welcome-image{width:128px;height:150px;object-fit:cover;border-radius:65px 65px 16px 16px;justify-self:center;border:4px solid #fff7f5;transform:rotate(5deg)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.stat{background:white;border:1px solid var(--line);border-radius:13px;padding:19px 22px;display:flex;gap:16px;align-items:center}.stat-icon{background:#faf1ed;color:#b48274;border-radius:10px;width:42px;height:42px;display:grid;place-items:center}.stat strong{font:calc(29px * var(--font-scale, 1)) var(--display)}.stat p{font-size:calc(11px * var(--font-scale, 1));color:var(--muted);margin-top:3px}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title-row h2{font-size:calc(23px * var(--font-scale, 1))}.section-title-row>span{font-size:calc(10px * var(--font-scale, 1));color:var(--muted)}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quick-card{padding:22px;border:1px solid var(--line);border-radius:13px;background:white;text-align:left;transition:transform .15s}.quick-card:hover{transform:translateY(-3px);border-color:#d8b4bf}.quick-card .nav-icon{color:var(--rose);width:24px;height:24px;margin-bottom:17px}.quick-card h3{font-size:calc(18px * var(--font-scale, 1))}.quick-card p{font-size:calc(11px * var(--font-scale, 1));color:var(--muted);margin-top:8px;min-height:32px}.quick-card .quick-link{display:block;font-size:calc(11px * var(--font-scale, 1));color:var(--rose);margin-top:18px}.publish-strip{margin-top:28px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:13px;display:flex;justify-content:space-between;align-items:center;gap:20px}.publish-strip h3{font-size:calc(19px * var(--font-scale, 1))}.publish-strip p{font-size:calc(11px * var(--font-scale, 1));color:var(--muted);margin-top:5px}.toolbar{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap}.search{flex:1;min-width:190px}.search input,.toolbar select{width:100%;padding:11px 14px;border:1px solid #e6dcd5;background:white;border-radius:9px;font-size:calc(12px * var(--font-scale, 1));color:var(--ink)}.toolbar select{width:auto;min-width:160px}.panel{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:calc(12px * var(--font-scale, 1));min-width:620px}thead{background:#fbf7f3;color:#a18b80;text-align:left;font-size:calc(9px * var(--font-scale, 1));letter-spacing:.1em}th,td{padding:16px 20px;border-bottom:1px solid #f3ece6}tbody tr:last-child td{border-bottom:0}.product-name{font-weight:600;max-width:340px}.category-badge{display:inline-flex;border-radius:99px;background:#f7f1ec;padding:4px 9px;color:#93796d;font-size:calc(10px * var(--font-scale, 1));white-space:nowrap}.price-cell{white-space:nowrap;font-weight:700}.unit{font-weight:400;color:#a28d81;font-size:calc(10px * var(--font-scale, 1))}.row-actions{display:flex;gap:4px;justify-content:flex-end}.icon-button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#9a8073;font-size:calc(19px * var(--font-scale, 1))}.icon-button .nav-icon{width:16px;height:16px}.icon-button:hover{background:#f8edef;color:var(--rose)}.icon-button.danger:hover{color:#b23a45}.toggle{display:inline-flex;border:0;background:#f0f5ef;color:#628369;font-size:calc(10px * var(--font-scale, 1));padding:5px 9px;border-radius:99px;white-space:nowrap}.toggle.off{background:#f4f0ec;color:#a08b7e}.table-summary{font-size:calc(10px * var(--font-scale, 1));color:#a38f83;padding:13px 20px;background:#fffdfb}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.content-card{padding:24px;background:white;border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column}.quote-mark{font:calc(42px * var(--font-scale, 1))/.8 var(--display);color:#c491a1}.feedback-text{font-size:calc(14px * var(--font-scale, 1));line-height:1.75;margin:16px 0 20px;white-space:pre-line;overflow-wrap:anywhere}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.notice-number{font:calc(14px * var(--font-scale, 1)) var(--display);color:#bfa69a;margin-bottom:14px}.content-card h3{font-size:calc(21px * var(--font-scale, 1))}.notice-text{color:#8b766b;font-size:calc(13px * var(--font-scale, 1));line-height:1.65;margin:12px 0 22px}.muted{color:var(--muted)}.small-note{font-size:calc(12px * var(--font-scale, 1));color:#9c8579;margin:12px 0 24px;line-height:1.6}.photo-tabs{display:flex;gap:9px;margin-bottom:20px}.photo-tabs button{padding:9px 17px;border:1px solid #e6d8d0;border-radius:99px;background:white;color:#8d7568;font-size:calc(12px * var(--font-scale, 1))}.photo-tabs button.active{background:#f3e3e8;color:#94526a;border-color:#dcb8c5}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.photo-card{border:1px solid var(--line);border-radius:13px;background:white;overflow:hidden}.photo-card>img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.photo-body{padding:15px}.photo-title{font-size:calc(13px * var(--font-scale, 1));font-weight:600;overflow-wrap:anywhere}.photo-card .card-footer{margin-top:12px;padding-top:10px}.photo-empty{aspect-ratio:1;display:grid;place-items:center;background:#f4e5e7;color:var(--rose)}.form-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}.form-panel{background:white;border:1px solid var(--line);border-radius:13px;padding:28px}.form-panel h2{font-size:calc(23px * var(--font-scale, 1));margin-bottom:22px}.form-panel+.form-panel{margin-top:20px}.field{display:block;margin-bottom:18px}.field:last-child{margin-bottom:0}.field>span{display:block;font-size:calc(11px * var(--font-scale, 1));font-weight:700;color:#7b6257;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;padding:11px 13px;color:var(--ink);border:1px solid #e5d9d0;border-radius:8px;background:#fffefd;font-size:calc(13px * var(--font-scale, 1))}.field textarea{min-height:110px;resize:vertical;line-height:1.65}.field small{display:block;font-size:calc(10px * var(--font-scale, 1));color:#aa9487;margin-top:6px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cover-preview{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:11px;margin-bottom:15px}.form-panel>.button{width:100%}.form-tip{background:#f6eeea;padding:16px;border-radius:10px;margin-top:20px;font-size:calc(11px * var(--font-scale, 1));color:#94786b}.empty-state{text-align:center;padding:55px 22px;color:var(--muted)}.empty-state h3{margin-bottom:10px}.edit-dialog,.confirm-dialog{border:1px solid var(--line);border-radius:18px;padding:0;max-width:560px;width:calc(100% - 32px);max-height:90vh;background:#fffdfb;color:var(--ink)}dialog::backdrop{background:#30222088;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:start;padding:28px 28px 20px;border-bottom:1px solid var(--line)}.form-fields{padding:24px 28px;max-height:58vh;overflow:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 28px;border-top:1px solid var(--line)}.checkbox-field{display:flex;align-items:center;gap:9px;font-size:calc(12px * var(--font-scale, 1));margin-top:16px}.checkbox-field input{accent-color:var(--rose)}.confirm-dialog{padding:30px;max-width:440px}.confirm-dialog h2{font-size:calc(26px * var(--font-scale, 1));margin:18px 0 12px}.confirm-dialog>p{font-size:calc(13px * var(--font-scale, 1));color:var(--muted);line-height:1.7}.confirmation-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--rose-pale);color:var(--rose);border-radius:50%;font-size:calc(23px * var(--font-scale, 1))}.confirm-dialog .dialog-actions{padding:24px 0 0;border:0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#422f2b;color:white;border:1px solid #fff2;border-radius:12px;padding:14px 23px;max-width:90vw;font-size:calc(13px * var(--font-scale, 1));z-index:100;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.preview-dialog{width:96vw;height:94vh;max-width:1600px;max-height:96vh;border:0;border-radius:16px;padding:0;background:#e9e1db;overflow:hidden;color:var(--ink)}.preview-bar{height:78px;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fffdfb;border-bottom:1px solid var(--line)}.preview-bar strong{font-family:var(--display);font-size:calc(20px * var(--font-scale, 1))}.preview-bar span{display:block;font-size:calc(10px * var(--font-scale, 1));color:var(--muted);margin-top:4px}.preview-devices{display:flex;gap:4px}.device{border:0;background:transparent;color:#92796c;font-size:calc(12px * var(--font-scale, 1));border-radius:7px;padding:8px 12px}.device.active{background:#f1e2e7;color:var(--rose)}.preview-stage{height:calc(100% - 78px);padding:18px;overflow:auto}#site-frame{display:block;border:0;background:#fff;width:100%;height:100%;margin:auto;border-radius:8px}#site-frame.mobile{max-width:390px}.backup-list{display:grid;gap:12px;margin-top:20px}.backup-item{padding:18px;border:1px solid var(--line);border-radius:11px;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.backup-item strong{font-size:calc(13px * var(--font-scale, 1))}.backup-item p{font-size:calc(11px * var(--font-scale, 1));color:var(--muted);margin-top:5px}
@media(min-width:1500px){.page{padding-top:48px}.welcome{padding:34px 40px}.quick-card{padding:26px}}@media(max-width:1100px){.sidebar{width:210px;padding:30px 14px}.topbar{padding:20px 26px}.page{padding:30px 26px}.page-footer{padding:22px 26px}.quick-grid{grid-template-columns:repeat(2,1fr)}.stat{padding:17px 15px;gap:10px}.stat-icon{width:35px;height:35px}.photo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{width:78px;padding:26px 10px}.brand{margin:0 0 25px;justify-content:center}.brand>span:last-child,.nav-caption,.sidebar-foot,.nav-link>span{display:none}.brand-monogram{width:46px;height:54px;font-size:calc(35px * var(--font-scale, 1))}.nav-link{justify-content:center;padding:13px}.topbar{padding:18px 22px}.breadcrumb{font-size:calc(10px * var(--font-scale, 1))}.top-actions{gap:7px}.button{padding:9px 13px}.page{padding:26px 22px}.page-footer{padding:20px 22px}.form-layout{grid-template-columns:1fr}.cover-preview{max-height:380px;object-position:center}.content-grid{gap:14px}.welcome{padding:25px}.welcome h1{font-size:calc(29px * var(--font-scale, 1))}.welcome-image{width:105px;height:125px}.welcome{grid-template-columns:1fr 110px}}@media(max-width:580px){.demo-banner{font-size:calc(9px * var(--font-scale, 1))}.banner-detail{font-size:calc(9px * var(--font-scale, 1));margin-left:0;letter-spacing:0}.sidebar{width:58px;padding:23px 5px}.brand-monogram{font-size:calc(29px * var(--font-scale, 1));width:38px;height:44px}.nav-link{padding:11px 5px}.nav-icon{width:18px;height:18px}.topbar{padding:16px 14px;align-items:start;flex-direction:column;gap:12px}.top-actions{width:100%}.top-actions .button{flex:1}.page{padding:24px 15px}.page-header{align-items:start;gap:12px;flex-direction:column}h1{font-size:calc(29px * var(--font-scale, 1))}.page-header p{font-size:calc(12px * var(--font-scale, 1))}.welcome{padding:23px 20px;grid-template-columns:1fr}.welcome-image{display:none}.welcome h1{font-size:calc(28px * var(--font-scale, 1))}.stats{gap:9px}.stat{padding:13px 10px;display:block}.stat-icon{display:none}.stat strong{font-size:calc(25px * var(--font-scale, 1))}.stat p{font-size:calc(9px * var(--font-scale, 1))}.quick-grid,.content-grid{grid-template-columns:1fr}.quick-card p{min-height:0}.quick-card{padding:19px}.quick-card .nav-icon{margin-bottom:12px}.photo-grid{gap:12px;grid-template-columns:1fr}.publish-strip{align-items:start;flex-direction:column}.page-footer{padding:18px 15px;flex-direction:column}.page-footer button{align-self:start}.form-panel{padding:21px}.two-fields{grid-template-columns:1fr;gap:0}.content-card{padding:21px}.preview-bar{height:108px;flex-wrap:wrap;padding:12px}.preview-bar strong{font-size:calc(17px * var(--font-scale, 1))}.preview-bar .icon-button{position:absolute;right:10px;top:10px}.preview-stage{height:calc(100% - 108px);padding:8px}.preview-devices{order:3;width:100%}.backup-item{flex-direction:column;align-items:start}.toolbar select{width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.cake-tag{display:inline-flex;align-items:center;max-width:100%;padding:4px 8px;border-radius:6px;font:700 calc(9px * var(--font-scale, 1))/1.35 Karla,Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase;overflow-wrap:anywhere;white-space:normal}.tag-rose{background:#f3dce5;color:#8c3d59}.tag-green{background:#e6eee3;color:#4a663f}.tag-gold{background:#f7eacb;color:#785914}.tag-brown{background:#ede1d6;color:#69472e}.full-flavors li{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px}.cake-flavor-name{min-width:0;overflow-wrap:anywhere}.cake-flavor-tags{display:inline-flex;gap:5px;flex-wrap:wrap;max-width:100%}
.product-tag-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.product-tag-list:empty{display:none}
.tag-choices{border:1px solid var(--line);border-radius:10px;margin:18px 0;padding:17px}.tag-choices[hidden]{display:none}.tag-choices legend{font-size:calc(12px * var(--font-scale, 1));font-weight:700;color:var(--ink);padding:0 6px}.tag-choices p{font-size:calc(11px * var(--font-scale, 1));color:var(--muted);margin-bottom:12px}.tag-choices>div{display:flex;flex-wrap:wrap;gap:10px}.tag-choice{display:flex;align-items:center;gap:6px;cursor:pointer}.tag-choice input{accent-color:var(--rose)}.tag-choices small{display:block;margin-top:13px;font-size:calc(10px * var(--font-scale, 1));color:var(--muted)}

/* As etiquetas ficam no início da edição, antes de preço e categoria. */
.tag-choices{margin:0 0 23px;background:#fff8fa;border-color:#e5bdca}.tag-choices legend{color:var(--rose)}
.grouped-products{display:grid;gap:22px}.category-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 20px;background:#fffcfa;border-bottom:1px solid var(--line)}.category-heading>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.category-heading h2{font-size:calc(23px * var(--font-scale, 1))}.category-symbol{display:flex;color:var(--rose)}.category-count{font-size:calc(10px * var(--font-scale, 1));border-radius:99px;padding:3px 9px;background:var(--rose-pale);color:var(--rose)}.category-heading .button{font-size:calc(11px * var(--font-scale, 1));min-height:34px;padding:7px 12px}.grouped-summary{font-size:calc(11px * var(--font-scale, 1));color:var(--muted);padding:0 4px}.category-section table{min-width:550px}.category-section .product-name{width:50%}
@media(max-width:580px){.category-heading{align-items:start;flex-direction:column;padding:16px}.category-heading h2{font-size:calc(21px * var(--font-scale, 1))}.category-heading .button{align-self:flex-start}.tag-choices{padding:14px}.tag-choices>div{gap:13px}}

/* Categorias recolhidas até a cliente abrir cada uma. */
summary.category-heading{cursor:pointer;list-style:none;user-select:none;border-bottom:0}
summary.category-heading::-webkit-details-marker{display:none}
summary.category-heading:hover{background:#fbf1f4}
summary.category-heading:focus-visible{outline:3px solid #d39aab;outline-offset:-3px}
.category-section[open]>summary.category-heading{border-bottom:1px solid var(--line)}
.category-chevron{font-size:calc(23px * var(--font-scale, 1));color:var(--rose);line-height:1;transition:transform .15s}
.category-section[open] .category-chevron{transform:rotate(180deg)}
.category-actions{display:flex;justify-content:flex-end;padding:13px 20px;background:#fffdfb;border-bottom:1px solid var(--line)}
.category-actions .button{font-size:calc(11px * var(--font-scale, 1));min-height:34px;padding:7px 12px}
@media(max-width:580px){summary.category-heading{flex-direction:row;align-items:center}.category-actions{padding:12px 16px}}

/* Leitura em largura total no celular, com navegação sob demanda. */
.mobile-topbar{display:none}.mobile-menu{width:min(380px,calc(100vw - 24px));max-height:calc(100dvh - 32px);border:1px solid var(--line);border-radius:18px;padding:22px;background:#fffdfb;color:var(--ink);overflow:auto}.mobile-menu-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:20px}.mobile-menu-heading h2{font-size:calc(26px * var(--font-scale, 1))}.mobile-menu #mobile-nav{display:grid;gap:5px}.mobile-menu .nav-link{justify-content:flex-start;padding:12px 14px;font-size:calc(14px * var(--font-scale, 1));min-height:46px}.mobile-menu .nav-link>span{display:inline}.mobile-menu .nav-icon{width:20px;height:20px}.mobile-menu-note{font-size:calc(11px * var(--font-scale, 1));color:var(--muted);border-top:1px solid var(--line);margin-top:16px;padding-top:16px}
@media(max-width:800px){
 .sidebar{display:none}.app-shell{display:block}.main{width:100%;min-width:0}
 .mobile-topbar{display:flex;justify-content:space-between;align-items:center;padding:13px 22px;background:#fffdfb;border-bottom:1px solid var(--line);gap:16px}
 .mobile-topbar>button{display:flex;align-items:center;gap:9px;border:1px solid #e5d9d2;border-radius:9px;padding:8px 12px;background:#fff;color:var(--ink);font-size:calc(12px * var(--font-scale, 1));min-height:40px}.mobile-topbar>button>span{font-size:calc(17px * var(--font-scale, 1));color:var(--rose)}
 .mobile-topbar>span{font:calc(19px * var(--font-scale, 1)) var(--display);text-align:right}.mobile-topbar em{color:var(--rose)}
 .topbar{flex-direction:row;align-items:center;gap:15px}.top-actions{width:auto}.page{max-width:none}.page-header h1{overflow-wrap:anywhere}
 .edit-dialog>form{display:flex;flex-direction:column;max-height:90dvh}.edit-dialog .form-fields{max-height:none;min-height:0;overflow:auto}.edit-dialog .dialog-heading,.edit-dialog .dialog-actions{flex-shrink:0}
}
@media(max-width:600px){
 .mobile-topbar{padding:12px 16px}.topbar{padding:16px;flex-direction:column;align-items:stretch;gap:12px}.top-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.top-actions .button{min-width:0;white-space:normal;min-height:44px}.page{padding:25px 16px}.page-header{align-items:start;flex-direction:column}.page-header h1{font-size:calc(32px * var(--font-scale, 1))}.page-header p{line-height:1.65}.page-footer{padding:20px 16px}
 .category-heading>div{gap:7px 9px}.category-heading h2{font-size:calc(21px * var(--font-scale, 1));line-height:1.4}.category-count{white-space:nowrap}.category-chevron{flex-shrink:0}.category-symbol{flex-shrink:0}.grouped-products{gap:15px}
 .category-section .table-scroll{overflow:visible}.category-section table{display:block;min-width:0;width:100%}.category-section thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.category-section tbody{display:block}.category-section tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:17px 16px;border-bottom:1px solid var(--line)}.category-section tbody tr:last-child{border:0}.category-section td{padding:4px 0;border:0;min-width:0}.category-section td.product-name{grid-column:1/-1;width:100%;max-width:none;font-size:calc(14px * var(--font-scale, 1));line-height:1.6;overflow-wrap:anywhere}.category-section td.price-cell{grid-column:1;grid-row:2;font-size:calc(14px * var(--font-scale, 1))}.category-section td:nth-child(3){grid-column:1;grid-row:3}.category-section td:last-child{grid-column:2;grid-row:2/4;align-self:end}.category-section .row-actions{gap:6px}.category-section .icon-button{height:40px;width:40px;background:#faf5f1}.category-section .toggle{padding:7px 11px;font-size:calc(11px * var(--font-scale, 1))}.category-section .product-tag-list{margin:8px 0 4px}
 .dialog-heading{padding:23px 20px 18px}.form-fields{padding:20px}.edit-dialog .dialog-actions{padding:16px 20px}.dialog-actions .button{min-height:44px}.field input,.field textarea,.field select{font-size:calc(16px * var(--font-scale, 1))}.field>span{font-size:calc(12px * var(--font-scale, 1))}.preview-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.preview-stage{padding:0}.preview-stage iframe{border-radius:0}.preview-bar{height:112px;padding:14px 16px}.preview-stage{height:calc(100% - 112px)}.preview-bar span{max-width:calc(100vw - 60px)}
}
@media(max-width:380px){.banner-detail{max-width:190px;line-height:1.3}.demo-banner{height:auto;min-height:36px;padding:6px 10px}.mobile-topbar>span{font-size:calc(17px * var(--font-scale, 1))}.page-header h1{font-size:calc(29px * var(--font-scale, 1))}.top-actions .button{font-size:calc(11px * var(--font-scale, 1));padding:9px}}

:root{--font-scale:1;--sidebar:#9c4e68}
.sidebar{background:var(--sidebar);color:#fff6f9;border-right:0;overflow-y:auto}.sidebar .brand,.sidebar .brand em,.sidebar .brand-monogram{color:#fff6f9}.sidebar .brand-monogram{border-color:#e6bdcb}.sidebar .brand-monogram>span{background:var(--sidebar)}.sidebar .brand small,.sidebar .nav-caption,.sidebar .sidebar-foot,.sidebar .sidebar-foot p{color:#f4dfe7}.sidebar .nav-link{color:#fff1f6}.sidebar .nav-link.active{background:#fff1f6;color:#803c54}.sidebar .nav-link:hover{background:#ffffff20;color:#fff}.sidebar .nav-link.active:hover{background:#fff1f6;color:#803c54}.sidebar .sidebar-foot{border-color:#ffffff30}.sidebar .text-button{color:#fff1f6}.sidebar .connection-dot{background:#d1e2c9}
.quick-card h3{font-size:calc(22px * var(--font-scale, 1));line-height:1.35}.quick-card p{font-size:calc(14px * var(--font-scale, 1));line-height:1.6}.quick-card .quick-link{font-size:calc(13px * var(--font-scale, 1))}.stat p{font-size:calc(14px * var(--font-scale, 1));line-height:1.5}.stat strong{font-size:calc(33px * var(--font-scale, 1))}.section-title-row>span{font-size:calc(12px * var(--font-scale, 1))}.quick-card{min-height:210px}
.display-tools{display:flex;gap:7px}.display-tool{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:9px;min-height:40px;padding:8px 11px}.display-tool>span:first-child{font-size:calc(19px * var(--font-scale, 1));color:var(--rose)}.tool-label{font-size:calc(11px * var(--font-scale, 1))}.top-actions{flex-wrap:wrap;justify-content:flex-end}.accessibility-dialog{width:min(420px,calc(100vw - 24px));max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:18px;padding:0;background:var(--paper);color:var(--ink)}.accessibility-dialog h2{font-size:calc(25px * var(--font-scale, 1))}.accessibility-body{padding:24px}.accessibility-body>p{font-size:calc(14px * var(--font-scale, 1));color:var(--muted);line-height:1.65}.font-size-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0}.font-size-controls button{width:54px;height:50px;border-radius:10px;border:1px solid var(--line);background:var(--rose-pale);color:var(--ink);font-size:calc(22px * var(--font-scale, 1));font-weight:700}.font-size-controls output{font-size:calc(24px * var(--font-scale, 1));font-weight:700}.accessibility-body .button{width:100%;white-space:normal}.accessibility-body .accessibility-note{font-size:calc(11px * var(--font-scale, 1));margin-top:18px}.sidebar .nav-link{white-space:normal}.sidebar .brand small{line-height:1.5}
html[data-theme="dark"]{color-scheme:dark;--bg:#211c20;--paper:#2d252b;--ink:#f8edf1;--muted:#c4b2bc;--rose:#e5a0ba;--rose-pale:#49303e;--line:#4a3b43;--green:#a7d0b5;--sidebar:#803d55}
html[data-theme="dark"] .topbar,html[data-theme="dark"] .mobile-topbar,html[data-theme="dark"] .panel,html[data-theme="dark"] .stat,html[data-theme="dark"] .quick-card,html[data-theme="dark"] .publish-strip,html[data-theme="dark"] .content-card,html[data-theme="dark"] .photo-card,html[data-theme="dark"] .form-panel,html[data-theme="dark"] .backup-item,html[data-theme="dark"] .mobile-menu,html[data-theme="dark"] .edit-dialog,html[data-theme="dark"] .confirm-dialog{background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .secondary,html[data-theme="dark"] .toolbar select,html[data-theme="dark"] .search input,html[data-theme="dark"] .field input,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .field select,html[data-theme="dark"] .photo-tabs button,html[data-theme="dark"] .mobile-topbar>button{background:#352b32;color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .primary{background:#98516c;color:#fff}html[data-theme="dark"] .primary:hover{background:#ac5d7b}html[data-theme="dark"] .welcome{background:#482d3b;border-color:#694253}html[data-theme="dark"] .welcome p{color:#e9c4d3}html[data-theme="dark"] .welcome .button{background:#5c3a49;color:#ffe9f1;border-color:#896071}html[data-theme="dark"] .welcome-image{border-color:#a36a80}
html[data-theme="dark"] .breadcrumb,html[data-theme="dark"] .breadcrumb>span,html[data-theme="dark"] .notice-text,html[data-theme="dark"] .field>span,html[data-theme="dark"] .mobile-menu-note,html[data-theme="dark"] .small-note,html[data-theme="dark"] .quick-card p,html[data-theme="dark"] .stat p,html[data-theme="dark"] .publish-strip p,html[data-theme="dark"] .unit,html[data-theme="dark"] .field small{color:var(--muted)}
html[data-theme="dark"] thead,html[data-theme="dark"] .category-heading,html[data-theme="dark"] .category-actions,html[data-theme="dark"] .table-summary{background:#352a31;color:#dac6d0}html[data-theme="dark"] td,html[data-theme="dark"] .category-section tbody tr{border-color:var(--line)}html[data-theme="dark"] summary.category-heading:hover,html[data-theme="dark"] .quick-card:hover{background:#40313a}html[data-theme="dark"] .stat-icon,html[data-theme="dark"] .form-tip,html[data-theme="dark"] .category-badge,html[data-theme="dark"] .tag-choices{background:#432e3b;color:#e9c0d0;border-color:#745162}html[data-theme="dark"] .nav-link{color:var(--muted)}html[data-theme="dark"] .nav-link.active,html[data-theme="dark"] .photo-tabs button.active{background:#583347;color:#ffe6ef;border-color:#915c72}html[data-theme="dark"] .sidebar .nav-link{color:#fff0f6}html[data-theme="dark"] .sidebar .nav-link.active{background:#f8e5ee;color:#783a51}html[data-theme="dark"] .category-section .icon-button{background:#44323d;color:#e9c5d4}html[data-theme="dark"] .toggle{background:#314939;color:#c9e5d0}html[data-theme="dark"] .toggle.off{background:#483c43;color:#cbbbc3}html[data-theme="dark"] .preview-bar{background:var(--paper);color:var(--ink)}html[data-theme="dark"] .preview-stage{background:#1c181b}
@media(max-width:1100px){.tool-label{display:none}.display-tool{min-width:40px}.stat p{font-size:calc(13px * var(--font-scale, 1))}}
@media(max-width:800px){.quick-card h3{font-size:calc(22px * var(--font-scale, 1))}.quick-card p{font-size:calc(14px * var(--font-scale, 1))}}
@media(max-width:600px){.top-actions{display:flex;justify-content:space-between}.display-tools{width:100%;justify-content:flex-end;order:2}.top-actions>.button{flex:1}.display-tool{min-height:42px;padding:8px 14px}.tool-label{display:inline;font-size:calc(12px * var(--font-scale, 1))}.quick-card{min-height:0}.stat p{font-size:calc(12px * var(--font-scale, 1))}.stat strong{font-size:calc(29px * var(--font-scale, 1))}.section-title-row{align-items:start;gap:10px;flex-wrap:wrap}.welcome h1{font-size:calc(30px * var(--font-scale, 1))}}
.topbar{flex-wrap:wrap}.topbar>div:first-child{min-width:0}.display-tool .tool-label{white-space:normal}

.action-icon{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:800px){.mobile-topbar{position:sticky;top:0;z-index:35;box-shadow:0 3px 12px #0000000b;isolation:isolate}.mobile-topbar{background:#fffdfb}.topbar{padding-top:12px;padding-bottom:12px}}
@media(max-width:600px){
 .topbar{gap:10px}.top-actions{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;width:100%}
 .top-actions .display-tools{display:contents;width:auto}.top-actions>.button,.top-actions .display-tool{flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;gap:0;border-radius:10px}
 .top-actions .action-label,.top-actions .tool-label{display:none}.top-actions #preview-site{order:1}.top-actions #save-draft{order:2}.top-actions #theme-toggle{order:3}.top-actions #accessibility-toggle{order:4}
 .top-actions .action-icon{width:22px;height:22px}.top-actions .display-tool>span:first-child{font-size:22px}
 .mobile-topbar{scroll-margin-top:0}.page{scroll-margin-top:74px}
}

.font-direct{min-width:42px}.font-direct>span{font-size:20px!important;line-height:1}.font-direct:disabled{opacity:.4;cursor:default}
@media(max-width:600px){.top-actions #font-decrease-direct{order:4}.top-actions #font-increase-direct{order:5}}

.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{min-width:0}.stat>div:last-child{min-width:0}.metric-card{position:relative;padding-right:32px}.metric-card small{display:block;color:var(--muted);font-size:calc(10px * var(--font-scale,1));line-height:1.5;margin-top:7px}.refresh-metrics{position:absolute;right:6px;top:7px;width:26px;height:26px;font-size:21px}
@media(max-width:1200px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{align-items:start}.metric-card .stat-icon{margin-top:7px}}
@media(max-width:580px){.stat p{font-size:calc(12px * var(--font-scale,1))}.metric-card{padding-right:26px}.metric-card small{font-size:calc(9px * var(--font-scale,1))}}

.metric-card{padding:0!important}.metric-open{display:flex;align-items:center;gap:16px;width:100%;height:100%;text-align:left;border:0;background:transparent;color:var(--ink);border-radius:13px;padding:19px 32px 19px 22px}.metric-open>span:last-child{min-width:0}.metric-open .stat-icon{flex-shrink:0}.metric-label{display:block;color:var(--muted);font-size:calc(14px * var(--font-scale,1));line-height:1.5;margin-top:3px}.metric-history-link{display:block;font-size:calc(11px * var(--font-scale,1));color:var(--rose);margin-top:9px}.metric-open:hover{background:var(--rose-pale)}.refresh-metrics{z-index:1}.analytics-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:23px}.analytics-filters button{border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:99px;padding:9px 16px;font-size:calc(12px * var(--font-scale,1))}.analytics-filters button[aria-pressed=true]{background:var(--rose);color:#fff;border-color:var(--rose)}.analytics-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-panel{margin-top:22px!important}.analytics-panel h2{font-size:calc(23px * var(--font-scale,1));margin:0}.analytics-chart{display:block;width:100%;height:auto;overflow:visible}.chart-grid{stroke:var(--line);stroke-width:1}.chart-line{stroke:var(--rose);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:var(--rose);stroke:var(--paper);stroke-width:2}.chart-label{fill:var(--muted);font:13px Karla,Arial,sans-serif}.analytics-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.analytics-timeline,.analytics-months{list-style:none;padding:0;margin:25px 0 0}.analytics-timeline{max-height:440px;overflow:auto;scrollbar-width:thin}.analytics-timeline li{display:flex;align-items:center;gap:15px;padding:15px 0;position:relative;border-bottom:1px solid var(--line)}.analytics-timeline li:last-child{border-bottom:0}.timeline-dot{width:9px;height:9px;border-radius:50%;background:var(--rose);flex-shrink:0}.analytics-timeline time{font-size:calc(13px * var(--font-scale,1));text-transform:capitalize}.analytics-timeline small{display:block;font-size:calc(10px * var(--font-scale,1));color:var(--muted);margin-top:4px}.analytics-timeline li>strong{margin-left:auto;color:var(--rose);font-size:calc(19px * var(--font-scale,1))}.analytics-months li{margin-bottom:23px}.month-heading,.month-heading>div{display:flex;align-items:center;gap:10px}.month-heading{justify-content:space-between;font-size:calc(13px * var(--font-scale,1));text-transform:capitalize}.month-rank{color:var(--rose);font-size:calc(11px * var(--font-scale,1))}.month-heading>span{font-weight:700;color:var(--rose)}.month-bar{height:9px;background:var(--rose-pale);border-radius:20px;overflow:hidden;margin-top:10px}.month-bar>span{display:block;height:100%;background:var(--rose);border-radius:20px}.analytics-months small{font-size:calc(10px * var(--font-scale,1));color:var(--muted);display:block;margin-top:7px}html[data-theme="dark"] .analytics-filters button[aria-pressed=true]{background:#98516c}
@media(max-width:1100px){.analytics-columns{grid-template-columns:1fr}.metric-open{padding:17px 28px 17px 15px;gap:10px}}
@media(max-width:580px){.metric-open{display:block;padding:13px 26px 13px 10px}.metric-open .stat-icon{display:none}.metric-label{font-size:calc(12px * var(--font-scale,1))}.analytics-summary{grid-template-columns:1fr}.analytics-panel{padding:21px}.analytics-panel .section-title-row{align-items:start;gap:10px;flex-wrap:wrap}.analytics-filters{gap:7px}.analytics-filters button{padding:9px 12px}.analytics-timeline time{font-size:calc(12px * var(--font-scale,1))}}

.app-shell{min-height:100vh}.sidebar{height:100vh}.online-banner{padding:12px 20px;background:#f8edf0;font-size:13px;color:#8c3d59}.login-page{min-height:100dvh;display:grid;place-items:center;padding:28px;background:#fcf8f5}.login-card{width:min(420px,100%);background:white;border:1px solid #eee4df;border-radius:24px;padding:36px}.login-card .brand{margin:0 0 32px}.login-card h1{font-size:30px;margin-bottom:12px}.login-card>p{font-size:13px;color:#8b7770;margin-bottom:25px}.login-card .button{width:100%;min-height:46px}.login-error{color:#a13f54;font-size:13px;min-height:24px;margin:12px 0}.login-note{font-size:10px;text-align:center;margin-top:20px;color:#a38b80}