.add-ons{margin-top:26px;padding-top:23px}.group-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.group-heading .eyebrow{margin-bottom:4px}.group-heading h2{font-size:18px;letter-spacing:-.3px;text-transform:none;color:var(--ink);margin:0}.group-heading>span{white-space:nowrap;background:#edf1ea;color:#53655b;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700;letter-spacing:.4px}.helper{font-size:12px;color:var(--muted);margin:9px 0 11px}.add-on{border-top:1px solid #e6eae7;padding:13px 0}.add-on:first-of-type{border-top:0}.add-on-note{font-size:11px;line-height:1.55;color:#718078;margin:12px 0 0}

/* Warm neutral theme */
:root{--ink:#3b2a22;--muted:#78675d;--paper:#eee4d5;--white:#fffaf3;--line:#d9c9b6;--lime:#ead6b8;--blue:#8a5a3c}.topbar{background:#3b2a22}.brand span,.topbar>button{background:#ead6b8;color:#3b2a22}.topbar p{color:#ddcdbd}.scope-panel{background:#fffaf3}.page-card,.page-button{background:#fffaf3}.page-card.active{border-color:#8a5a3c;box-shadow:0 0 0 1px #8a5a3c}.page-card.active .page-button{background:#f5eadc}.note{background:#f1e5d4}.group-heading>span{background:#efe1ce;color:#6b4d3c}.add-on{border-color:#e5d7c6}.browser-frame{border-color:#d9c9b6}.browser-chrome{background:#e5d9c9}.browser-chrome i{background:#c9b8a5}.browser-chrome span{background:#fffaf3;color:#8b796d}.page-preview{background:#fffdf9}.wire-nav{border-color:#eadfD2}.wire-logo,.wire-title{background:#4a3429}.wire-link,.wire-copy{background:#d6c9ba}.wire-button{background:#a87958}.wire-image{background:repeating-linear-gradient(135deg,#e8ddcf,#e8ddcf 12px,#f2e9dd 12px,#f2e9dd 24px);color:#9a8578}.wire-product .thumb,.cart-thumb{background:#e6dacc}.wire-product .name{background:#c7b5a3}.wire-product .price{background:#ded1c2}.wire-footer{background:#463229}.wire-footer i{background:#aa927f}.order-box{background:#f1e7da}.live-dot,.dot{background:#a87958}.dialog-actions button:first-child{background:#3b2a22}.eyebrow{color:#7d5944}.add-on-note{color:#78675d}
.wire-footer{flex-wrap:wrap;align-items:center}.wire-footer-credit{width:100%;border-top:1px solid #6c5144;padding-top:16px;margin-top:12px;display:flex;justify-content:flex-end;align-items:center;gap:8px;color:#d9c8ba;font-size:11px}.wire-footer-credit img{width:29px;height:29px;object-fit:contain;filter:invert(92%) sepia(13%) saturate(511%) hue-rotate(340deg) brightness(101%)}
.brand span{overflow:hidden}.brand span img{display:block;width:100%;height:100%;object-fit:contain;padding:3px}
.included-tick,.add-on-mark{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;border-radius:4px;background:#4b271f;color:#fff;font-size:12px;font-weight:800;line-height:1}.add-on-mark{border-radius:50%;background:#eed1af;color:#733821}.subitems .included-tick{margin:0}.topbar p{padding-right:150px}@media(max-width:700px){.topbar p{padding-right:0}}
.workspace{min-height:100vh}.sidebar-credit{display:flex;justify-content:flex-end;align-items:center;gap:7px;margin-top:34px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.sidebar-credit img{display:block;width:27px;height:27px;object-fit:contain}
.preview-panel{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;scrollbar-gutter:stable}
@media(max-width:700px){.preview-panel{position:static;height:auto;overflow:visible}}
.mobile-sheet-handle{display:none}
.device-picker{display:flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:999px;background:#e9d3b9}.device-picker button{border:0;border-radius:999px;background:transparent;color:var(--muted);padding:6px 11px;font-size:11px;line-height:1;cursor:pointer}.device-picker button.active{background:var(--white);color:var(--ink);box-shadow:0 1px 4px #51291f1f}.browser-frame{transition:max-width .25s ease}.browser-frame.device-tablet{max-width:760px}.browser-frame.device-mobile{max-width:390px}.browser-frame.device-tablet .browser-chrome,.browser-frame.device-mobile .browser-chrome{display:none}.browser-frame.device-mobile .wire-link{display:none}.browser-frame.device-mobile .hero-wire,.browser-frame.device-mobile .showcase,.browser-frame.device-mobile .product-detail,.browser-frame.device-mobile .checkout-grid,.browser-frame.device-mobile .account-grid{grid-template-columns:1fr}.browser-frame.device-mobile .product-grid,.browser-frame.device-mobile .product-row{grid-template-columns:repeat(2,1fr)}.browser-frame.device-mobile .hero-wire .wire-image{min-height:220px}.browser-frame.device-tablet .product-grid{grid-template-columns:repeat(3,1fr)}
.side-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:28px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#f1dfc8}.side-switch button{border:0;border-radius:7px;background:transparent;color:var(--muted);padding:9px;font-size:12px;font-weight:750}.side-switch button.active{background:var(--white);color:var(--ink);box-shadow:0 2px 8px #51291f18}.side-tag{display:inline-flex;width:max-content;margin-top:5px;padding:2px 7px;border-radius:99px;background:#f1dfc8;color:#7e321f;font-size:9px;font-style:normal;font-weight:750;letter-spacing:.5px;text-transform:uppercase}
.admin-wire{min-height:680px;background:#2d1d18;color:#fffaf1}.admin-nav{height:70px;padding:0 5%;display:flex;align-items:center;gap:24px;border-bottom:1px solid #744536}.admin-nav b{margin-right:auto;letter-spacing:1.4px}.admin-nav i{width:58px;height:7px;border-radius:3px;background:#b87b58}.admin-content{padding:42px 5%}.admin-content .wire-label{color:#d9b08c}.admin-content .wire-title{background:#fff0dc}.admin-content .wire-copy{background:#8c5c49}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.admin-stats article,.admin-panel,.admin-list,.admin-editor,.settings-grid article{border:1px solid #744536;background:#3d261f}.admin-stats article{display:grid;gap:8px;padding:20px}.admin-stats small{color:#d5aa88;letter-spacing:1px}.admin-stats b{font-size:24px}.admin-panel{padding:22px}.admin-table{display:grid}.admin-table>div{display:grid;grid-template-columns:28px 1fr 1fr 70px;align-items:center;gap:14px;min-height:54px;border-top:1px solid #684337}.admin-table i{width:24px;height:24px;border-radius:50%;background:#b87b58}.admin-table span,.admin-table em{height:7px;border-radius:3px;background:#8c5c49}.admin-table em{background:#f1d2ad}.admin-split{display:grid;grid-template-columns:.75fr 1.25fr;gap:15px;margin-top:25px}.admin-list{padding:10px}.admin-list article{display:grid;grid-template-columns:45px 1fr;gap:10px;padding:12px;border-bottom:1px solid #684337}.admin-list article i{grid-row:1/3;width:42px;height:50px;background:#8c5c49}.admin-list span,.admin-list small{height:7px;background:#b87b58}.admin-editor-head{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid #684337}.admin-editor-head button{border:0;background:#f1d2ad;color:#2d1d18;padding:9px 13px;font-weight:800}.admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:20px}.admin-fields i,.settings-grid i,.admin-filters i{height:42px;border:1px solid #8c5c49;background:#2d1d18}.admin-filters{display:flex;gap:10px;margin:25px 0}.admin-filters i{width:130px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.settings-grid article{display:grid;gap:12px;padding:22px}
.admin-mode{background:#2d1d18;color:#fffaf1}.admin-mode .scope-panel{background:#3b241d;border-color:#744536}.admin-mode .scope-group,.admin-mode .sidebar-credit{border-color:#744536}.admin-mode .scope-group h2,.admin-mode .scope-item small,.admin-mode .page-button small,.admin-mode .helper,.admin-mode .add-on-note,.admin-mode .intro{color:#d8bca6}.admin-mode .page-card,.admin-mode .page-button{background:#4b2d24;color:#fffaf1;border-color:#744536}.admin-mode .page-card.active{border-color:#f1d2ad;box-shadow:0 0 0 1px #f1d2ad}.admin-mode .page-card.active .page-button{background:#653124}.admin-mode .included-tick{background:#f1d2ad;color:#2d1d18}.admin-mode .note{background:#512f25}.admin-mode .note p{color:#d8bca6}.admin-mode .add-on{border-color:#744536}.admin-mode .add-on-mark{background:#f1d2ad;color:#51291f}.admin-mode .side-switch{background:#2d1d18;border-color:#744536}.admin-mode .side-switch button{color:#d8bca6}.admin-mode .side-switch button.active{background:#f1d2ad;color:#2d1d18}.admin-mode .preview-panel{background:#fff0dc;color:#2d1d18}.admin-mode .device-picker{background:#51291f;border-color:#744536}.admin-mode .device-picker button{color:#e7c9af}.admin-mode .device-picker button.active{background:#f1d2ad;color:#2d1d18}.admin-mode .side-tag{background:#f1d2ad;color:#51291f}
.browser-frame.device-mobile .admin-nav i{display:none}.browser-frame.device-mobile .admin-stats,.browser-frame.device-mobile .admin-split,.browser-frame.device-mobile .settings-grid{grid-template-columns:1fr}.browser-frame.device-mobile .admin-fields{grid-template-columns:1fr}.browser-frame.device-tablet .admin-split{grid-template-columns:1fr}
.note ul{margin:9px 0 0;padding-left:18px;color:var(--muted);font-size:12px}.note li+li{margin-top:7px}.admin-mode .note ul{color:#d8bca6}
/* Softer admin palette: visually distinct without turning the whole screen dark. */
.admin-mode{background:#ead7bf;color:#2d1d18}.admin-mode .scope-panel{background:#d7b698;color:#2d1d18;border-color:#b88768}.admin-mode .scope-group,.admin-mode .sidebar-credit{border-color:#b88768}.admin-mode .scope-group h2,.admin-mode .scope-item small,.admin-mode .page-button small,.admin-mode .helper,.admin-mode .add-on-note,.admin-mode .intro{color:#68483b}.admin-mode .page-card,.admin-mode .page-button{background:#f3dfca;color:#2d1d18;border-color:#b88768}.admin-mode .page-card.active{border-color:#653124;box-shadow:0 0 0 1px #653124}.admin-mode .page-card.active .page-button{background:#7b4736;color:#fffaf1}.admin-mode .page-card.active .page-button small{color:#efd8c5}.admin-mode .included-tick{background:#653124;color:#fffaf1}.admin-mode .note{background:#efd4b5}.admin-mode .note ul{color:#68483b}.admin-mode .add-on{border-color:#b88768}.admin-mode .add-on-mark{background:#653124;color:#fffaf1}.admin-mode .side-switch{background:#c89c79;border-color:#a76f50}.admin-mode .side-switch button{color:#57382e}.admin-mode .side-switch button.active{background:#fff0dc;color:#2d1d18}.admin-mode .preview-panel{background:#f6e7d2;color:#2d1d18}.admin-mode .device-picker{background:#d7b698;border-color:#b88768}.admin-mode .device-picker button{color:#68483b}.admin-mode .device-picker button.active{background:#fffaf1;color:#2d1d18}.admin-mode .side-tag{background:#fff0dc;color:#653124}
.admin-wire{background:#efe0ce;color:#2d1d18}.admin-nav{background:#51291f;color:#fffaf1;border-color:#865541}.admin-nav i{background:#cf8e66}.admin-content .wire-label{color:#8d4d37}.admin-content .wire-title{background:#653124}.admin-content .wire-copy{background:#cfb298}.admin-stats article,.admin-panel,.admin-list,.admin-editor,.settings-grid article{border-color:#c9a88a;background:#fff8ef}.admin-stats small{color:#8d5d49}.admin-table>div,.admin-list article,.admin-editor-head{border-color:#e2cdb7}.admin-table i{background:#b96543}.admin-table span,.admin-list span,.admin-list small{background:#c9a88a}.admin-table em{background:#8d4d37}.admin-editor-head button{background:#653124;color:#fffaf1}.admin-fields i,.settings-grid i,.admin-filters i{border-color:#c9a88a;background:#f4e3d2}
.add-on>span:last-child{position:relative;width:100%;padding-right:88px}.add-on .side-tag{position:absolute;right:0;top:0;margin:0;white-space:nowrap}.add-on small{padding-right:0}
@media(max-width:390px){.add-on>span:last-child{padding-right:0;padding-bottom:24px}.add-on .side-tag{top:auto;bottom:0}}
.admin-mode .scope-panel{background:#f5e6d4;border-color:#d9b99a}.admin-mode .scope-group,.admin-mode .sidebar-credit{border-color:#d9b99a}.admin-mode .page-card,.admin-mode .page-button{background:#fff7ed;border-color:#d9b99a}.admin-mode .side-switch{background:#ead2ba;border-color:#c99c7d}.admin-mode .note{background:#f1d7ba}.admin-mode .add-on{border-color:#d9b99a}
/* Customer and admin scope panels share the same base palette. */
.admin-mode{background:var(--paper);color:var(--ink)}.admin-mode .scope-panel{background:var(--white);color:var(--ink);border-color:var(--line)}.admin-mode .scope-group,.admin-mode .sidebar-credit{border-color:var(--line)}.admin-mode .scope-group h2,.admin-mode .scope-item small,.admin-mode .page-button small,.admin-mode .helper,.admin-mode .add-on-note,.admin-mode .intro{color:var(--muted)}.admin-mode .page-card,.admin-mode .page-button{background:var(--white);color:var(--ink);border-color:var(--line)}.admin-mode .page-card.active{border-color:#a7472b;box-shadow:0 0 0 1px #a7472b}.admin-mode .page-card.active .page-button{background:#f9e3ca;color:var(--ink)}.admin-mode .page-card.active .page-button small{color:var(--muted)}.admin-mode .included-tick{background:#4b271f;color:#fff}.admin-mode .note{background:#f4dfc6}.admin-mode .note ul{color:var(--muted)}.admin-mode .add-on{border-color:#ead5be}.admin-mode .add-on-mark{background:#eed1af;color:#733821}.admin-mode .side-switch{background:#f1dfc8;border-color:var(--line)}.admin-mode .side-switch button{color:var(--muted)}.admin-mode .side-switch button.active{background:var(--white);color:var(--ink)}.admin-mode .preview-panel{background:var(--paper);color:var(--ink)}.admin-mode .device-picker{background:#e9d3b9;border-color:var(--line)}.admin-mode .device-picker button{color:var(--muted)}.admin-mode .device-picker button.active{background:var(--white);color:var(--ink)}.admin-mode .side-tag{background:#f1dfc8;color:#7e321f}
.order-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.order-row span{font-size:10px;letter-spacing:1px;color:var(--muted)}.order-row b{padding:5px 9px;border-radius:99px;background:#f1dfc8;color:#733821;font-size:9px;letter-spacing:.7px}
.included-tick,.admin-mode .included-tick{width:7px;height:7px;flex:0 0 7px;margin-top:7px;border-radius:50%;background:#a7472b;color:transparent;font-size:0}.subitems .included-tick{margin-top:0}
.add-on{cursor:pointer;transition:background .18s ease,padding .18s ease}.add-on:hover,.add-on:focus-visible,.add-on.active{background:#f8ead9}.add-on.active{padding-left:9px;padding-right:9px;border-radius:8px}.add-on.active .add-on-mark{background:#653124;color:#fff}.addon-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:25px}.addon-preview-grid article{min-height:130px;padding:18px;border:1px solid var(--line);background:#fffaf1;display:grid;align-content:start;gap:10px}.addon-preview-grid article i{width:34px;height:34px;border-radius:50%;background:#f1d2ad}.addon-preview-grid article b{font-size:12px}.addon-preview-grid article span{width:90%;height:7px;border-radius:3px;background:#d8c1aa}.browser-frame.device-mobile .addon-preview-grid{grid-template-columns:1fr}
.payment-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.payment-options article{display:grid;place-items:center;gap:9px;padding:18px 8px;border:1px solid var(--line)}.payment-options i{width:36px;height:26px;border-radius:5px;background:#d8c1aa}.payment-options b{font-size:9px}.payment-progress{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 42px}.payment-progress>div{position:relative;display:grid;justify-items:center;gap:9px;text-align:center;color:#947f70}.payment-progress>div:not(:last-child)::after{content:"";position:absolute;top:7px;left:calc(50% + 10px);width:calc(100% - 20px);height:2px;background:#d9c7b4}.payment-progress i{position:relative;z-index:1;width:16px;height:16px;border:3px solid #dfc6aa;border-radius:50%;background:#fffaf3}.payment-progress .done i,.payment-progress .current i{border-color:#c57b52;background:#6f3528}.payment-progress .done:not(:last-child)::after{background:#8d4a36}.payment-progress .current i{box-shadow:0 0 0 4px #f0d7b9}.payment-progress span{font-size:8px;font-weight:700;letter-spacing:.8px}.payment-progress .done span,.payment-progress .current span{color:#5f3026}.social-gallery,.wishlist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.social-gallery article{position:relative;aspect-ratio:1;background:#ead6bf}.social-gallery span{position:absolute;left:7px;bottom:7px;padding:3px 6px;background:#fffaf1;font-size:7px;letter-spacing:.5px}.gallery-submit{margin-top:18px;padding:10px 14px;border:0;background:#653124;color:#fff;font-size:9px}.loading-preview{min-height:680px;display:grid;place-content:center;justify-items:center;gap:15px;background:#51291f;color:#fff0dc}.loading-preview img{width:70px;height:70px;object-fit:contain;padding:12px;border-radius:20px;background:#fff0dc}.loading-preview i{width:120px;height:4px;overflow:hidden;border-radius:99px;background:linear-gradient(90deg,#cf8e66 50%,#744536 50%)}.loading-preview span{font-size:9px;letter-spacing:2px}.notification-preview{display:grid;grid-template-columns:160px 1fr;gap:28px}.notification-list article{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.notification-list article>i{width:32px;height:32px;border-radius:50%;background:#f1d2ad}.notification-list article div{display:grid;gap:6px}.notification-list b{font-size:10px}.notification-list span{width:90%;height:6px;background:#d8c1aa}.notification-list time{font-size:9px;color:var(--muted)}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.plan-grid article{display:grid;gap:12px;padding:24px 18px;border:1px solid var(--line)}.plan-grid article.featured{background:#f4dfc6;border-color:#a7472b}.plan-grid i{height:7px;background:#d8c1aa}.plan-grid button{padding:9px;border:0;background:#653124;color:#fff;font-size:9px}.email-layout{display:grid;grid-template-columns:150px 1fr;gap:15px;margin-top:25px}.email-layout aside,.email-editor{display:grid;gap:12px;padding:18px;border:1px solid #c9a88a;background:#fff8ef}.email-layout aside i{height:28px;background:#ead7c2}.email-layout button{border:0;background:#653124;color:#fff;padding:10px}.email-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.email-stats b{padding:15px;background:#f4e3d2;font-size:9px}.email-editor span{font-size:8px;letter-spacing:1px}.email-editor i{height:36px;border:1px solid #d8c1aa}.popup-stage{position:relative;min-height:560px;background:repeating-linear-gradient(135deg,#ead7c2,#ead7c2 14px,#f8ecdd 14px,#f8ecdd 28px);display:grid;place-items:center}.popup-backdrop{position:absolute;inset:0;background:#2d1d187a}.mail-popup{z-index:1;width:min(420px,80%);padding:38px;background:#fffaf1;box-shadow:0 20px 60px #2d1d1855}.mail-popup>button{float:right;border:0;background:transparent;font-size:20px}.mail-field{height:42px;border:1px solid var(--line);margin-top:18px}.mail-popup small{display:block;margin-top:15px;color:var(--muted)}.analytics-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.analytics-cards article{display:grid;gap:10px;padding:18px;border:1px solid #c9a88a;background:#fff8ef}.analytics-cards b{font-size:9px}.analytics-cards strong{font-size:22px}.chart-preview{height:210px;padding:20px;display:flex;align-items:end;gap:12px;border:1px solid #c9a88a;background:#fff8ef}.chart-preview i{flex:1;height:40%;background:#cf8e66}.chart-preview i:nth-child(2n){height:72%}.chart-preview i:nth-child(3n){height:55%}.analytics-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.analytics-split article{padding:18px;border:1px solid #c9a88a;background:#fff8ef}.wishlist-grid article{position:relative}.wishlist-grid article>i{position:absolute;right:8px;top:8px;z-index:1}.wishlist-grid article div{aspect-ratio:4/5;background:#ead6bf}.wishlist-grid b,.wishlist-grid span{display:block;height:7px;margin-top:7px;background:#c89470}.wishlist-grid span{width:45%;background:#dfc7ae}.review-preview>div{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:18px 0;border-top:1px solid var(--line)}.review-preview>div span{height:7px;background:#d8c1aa}.review-preview>div span:last-child{grid-column:2;width:70%}
.browser-frame.device-mobile .payment-options,.browser-frame.device-mobile .plan-grid,.browser-frame.device-mobile .social-gallery,.browser-frame.device-mobile .wishlist-grid,.browser-frame.device-mobile .analytics-cards,.browser-frame.device-mobile .analytics-split{grid-template-columns:1fr 1fr}.browser-frame.device-mobile .notification-preview,.browser-frame.device-mobile .email-layout{grid-template-columns:1fr}
.both-side-preview{min-height:680px;padding:34px 4%;background:#fffdf8}.both-side-heading{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 10px;margin-bottom:20px}.both-side-heading>span{grid-row:1/3;padding:6px 9px;border-radius:99px;background:#f1dfc8;color:#7e321f;font-size:8px;font-weight:800;letter-spacing:1px}.both-side-heading>b{font-size:17px}.both-side-heading small{color:var(--muted)}.dual-screens{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mini-screen{overflow:hidden;border:1px solid #d8b997;border-radius:9px;background:#fffaf1;box-shadow:0 12px 30px #51291f12}.mini-screen>header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#f1dfc8}.mini-screen>header span{font-size:8px;font-weight:800;letter-spacing:1px;color:#7e321f}.mini-screen>header b{font-size:10px}.mini-screen.mini-admin>header{background:#51291f;color:#fffaf1}.mini-screen.mini-admin>header span{color:#f1d2ad}.mini-nav{height:40px;padding:0 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.mini-nav i{width:35px;height:5px;border-radius:3px;background:#d8c1aa}.mini-nav i:first-child{width:55px;margin-right:auto;background:#653124}.mini-screen main{display:grid;gap:10px;padding:14px}.mini-module{min-height:100px;padding:13px;border:1px solid var(--line);display:grid;align-content:start;gap:9px;background:#fffdf8}.mini-module b{font-size:9px;letter-spacing:.5px}.mini-module span{height:6px;border-radius:3px;background:#d8c1aa}.mini-module span:nth-of-type(2){width:68%}.mini-module button{width:75px;height:25px;border:0;background:#ad5635}.mini-admin .mini-module{background:#f4e3d2}.mini-admin .mini-module button{background:#653124}.browser-frame.device-tablet .dual-screens,.browser-frame.device-mobile .dual-screens{grid-template-columns:1fr}.browser-frame.device-mobile .both-side-preview{padding:22px 12px}
.wire-alert{width:18px;height:22px;border:1px solid #8d796d;border-radius:9px 9px 4px 4px;position:relative}.wire-alert::after{content:'';position:absolute;right:-4px;top:-4px;width:7px;height:7px;border-radius:50%;background:#a87958}.wire-mail{margin-left:auto;display:flex;width:230px;height:34px;border:1px solid #8c7366}.wire-mail span{flex:1}.wire-mail button{width:62px;border:0;background:#ead6b8}.community-row,.category-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:22px}.community-row i{aspect-ratio:1;background:#e4d7c8}.category-row{grid-template-columns:repeat(4,1fr)}.category-row i{aspect-ratio:4/5;background:#e4d7c8}.sort-row{display:flex;justify-content:space-between;margin-top:18px}.sort-row span{width:95px;height:10px;background:#d4c5b5}.product-grid-wrap{position:relative}.wishlist-note{display:block;text-align:right;color:#8a5a3c;font-size:11px;margin-top:16px}.info-panels{display:grid;margin-top:28px}.info-panels i{height:40px;border-top:1px solid #d8c9ba}.review-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.review-row i{height:110px;border:1px solid #d8c9ba;background:#fffaf3}.lookbook-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.lookbook-filters i{height:42px;border:1px solid #cbb8a5}.outfit-builder{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.outfit-builder .wire-image{min-height:360px}.outfit-builder span{font-size:28px;color:#9c826f}.store-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}.store-list article{border:1px solid #d8c9ba;padding:20px;display:grid;gap:10px}.store-list span{width:80px;height:7px;background:#d8c9ba}.store-list b{width:60%;height:17px;background:#4a3429}.store-list i{width:90%;height:8px;background:#e0d4c6}.store-list button{width:100px;height:30px;background:#a87958;border:0}.policy-page{max-width:760px}.policy-callout{height:75px;background:#efe3d4;margin:24px 0}.policy-page article{border-top:1px solid #d8c9ba;padding:25px 0;display:grid;gap:10px}.policy-page article b{width:45%;height:20px;background:#4a3429}.policy-page article span{width:90%;height:8px;background:#d8c9ba}@media(max-width:700px){.community-row{grid-template-columns:repeat(3,1fr)}.category-row,.review-row,.store-list{grid-template-columns:1fr 1fr}.outfit-builder .wire-image{min-height:230px}.wire-mail{width:180px}}
.both-viewer{position:relative}.preview-side-toggle{position:sticky;top:0;z-index:4;display:flex;justify-content:center;gap:4px;padding:10px;background:#f1dfc8;border-bottom:1px solid var(--line)}.preview-side-toggle button{border:1px solid #9b725e;border-radius:99px;background:transparent;color:var(--muted);padding:8px 15px;font-size:10px;font-weight:750}.preview-side-toggle button.active{border-color:#653124;background:#653124;color:#fffaf1}.received-email{max-width:520px;margin:25px auto 0;padding:28px;border:1px solid var(--line);background:#fffaf1;display:grid;gap:13px}.received-email>b{font-size:18px}.received-email .order-box{margin-top:5px}.full-side-preview[hidden]{display:none}
.chat-storefront{position:relative;min-height:620px}.chat-page-lines{display:grid;gap:14px;width:72%;margin-top:35px}.chat-page-lines i{height:12px;background:#e5d7c7}.chat-page-lines i:nth-child(2){width:85%}.chat-page-lines i:nth-child(3){width:62%}.chat-launcher{position:absolute;right:5%;bottom:32px;width:58px;height:58px;border:0;border-radius:50%;background:#693426;color:#fff;font-size:9px;font-weight:800}.chat-widget{position:absolute;right:5%;bottom:105px;width:min(310px,78%);overflow:hidden;border:1px solid #c9a88a;border-radius:14px;background:#fffaf3;box-shadow:0 18px 45px #4b271f26}.chat-widget header{display:flex;gap:12px;align-items:center;padding:16px;background:#673326;color:#fff}.chat-widget header i{width:34px;height:34px;border-radius:50%;background:#e7c9a6}.chat-widget header div{display:grid}.chat-widget header b{font-size:10px}.chat-widget header small{font-size:8px;color:#efdcc5}.chat-messages{display:grid;gap:12px;min-height:190px;padding:20px}.chat-messages p{width:72%;height:42px;margin:0;border-radius:12px 12px 12px 3px;background:#ecd8c0}.chat-messages p:last-child{justify-self:end;width:58%;border-radius:12px 12px 3px 12px;background:#b86c47}.chat-widget footer,.chat-inbox>section>footer{display:flex;gap:10px;padding:12px;border-top:1px solid #dbc5ac}.chat-widget footer span,.chat-inbox>section>footer span{flex:1;border:1px solid #dac4aa;border-radius:999px;padding:8px;color:#a38b79;font-size:9px}.chat-widget footer button,.chat-inbox>section>footer button{border:0;border-radius:999px;background:#693426;color:#fff;padding:8px 13px;font-size:9px}.chat-inbox{display:grid;grid-template-columns:190px 1fr;min-height:480px;border:1px solid #c9a88a;background:#fffaf3}.chat-inbox>aside{border-right:1px solid #c9a88a}.chat-inbox>aside article{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:14px;border-bottom:1px solid #dfcbb4}.chat-inbox>aside article.active{background:#f1d8bb}.chat-inbox>aside i,.chat-inbox>section>header i{width:32px;height:32px;border-radius:50%;background:#c98059}.chat-inbox>aside div{display:grid;gap:6px}.chat-inbox>aside b{font-size:8px}.chat-inbox>aside span{height:6px;background:#d1b79e}.chat-inbox>section{display:grid;grid-template-rows:auto 1fr auto}.chat-inbox>section>header{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid #dfcbb4}.chat-inbox>section>header b{font-size:9px}.chat-thread{display:grid;align-content:end;gap:14px;padding:22px}.chat-thread p{width:62%;height:48px;margin:0;border-radius:12px;background:#ead5bd}.chat-thread .outgoing{justify-self:end;background:#a65a3c}.chat-thread .short{width:40%}
.browser-frame.device-mobile .chat-inbox{grid-template-columns:1fr}.browser-frame.device-mobile .chat-inbox>aside{display:none}
.checkout-choice{display:grid;gap:8px;margin-top:24px;padding:18px;border:1px solid #d7bea4;background:#fff9f1}.checkout-choice b{font-size:9px;letter-spacing:1px}.checkout-choice span{font-size:11px;font-weight:700}.checkout-choice i{height:38px;border:1px dashed #c49c79;background:#f4e4d2}.checkout-choice small{color:#80695a}.confirmation-page{text-align:center}.confirmation-page .wire-title,.confirmation-page .wire-copy{margin-left:auto;margin-right:auto}.confirmation-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 22px;border-radius:50%;background:#6b3528;color:#fff;font-size:27px}.order-reference{display:inline-block;margin:18px 0 28px;padding:10px 16px;background:#f0d9be;letter-spacing:1px}.confirmation-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}.confirmation-grid article,.business-card{padding:22px;border:1px solid #d7bea4;background:#fff9f1}.confirmation-page>.wire-button{margin-left:auto;margin-right:auto}.business-card{display:grid;gap:11px;margin:24px 0}.business-card b{font-size:11px}.business-card span{height:8px;background:#d9c5af}.business-card span:nth-child(3){width:75%}.business-card span:nth-child(4){width:55%}.policy-page article b{width:auto;height:auto;background:transparent;color:#4a3429;font-size:11px;letter-spacing:.7px}.browser-frame.device-mobile .confirmation-grid{grid-template-columns:1fr}
.checkout-choice{display:grid;gap:8px;margin-top:24px;padding:18px;border:1px solid #d7bea4;background:#fff9f1}.checkout-choice b{font-size:9px;letter-spacing:1px}.checkout-choice span{font-size:11px;font-weight:700}.checkout-choice i{height:38px;border:1px dashed #c49c79;background:#f4e4d2}.checkout-choice small{color:#80695a}.confirmation-page{text-align:center}.confirmation-page .wire-title,.confirmation-page .wire-copy{margin-left:auto;margin-right:auto}.confirmation-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 22px;border-radius:50%;background:#6b3528;color:#fff;font-size:27px}.order-reference{display:inline-block;margin:18px 0 28px;padding:10px 16px;background:#f0d9be;letter-spacing:1px}.confirmation-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}.confirmation-grid article,.business-card{padding:22px;border:1px solid #d7bea4;background:#fff9f1}.confirmation-page>.wire-button{margin-left:auto;margin-right:auto}.business-card{display:grid;gap:11px;margin:24px 0}.business-card b{font-size:11px}.business-card span{height:8px;background:#d9c5af}.business-card span:nth-child(3){width:75%}.business-card span:nth-child(4){width:55%}.policy-page article b{width:auto;height:auto;background:transparent;color:#4a3429;font-size:11px;letter-spacing:.7px}.browser-frame.device-mobile .confirmation-grid{grid-template-columns:1fr}
.page-card:not(.active) .subitems{display:none}
.wire-menu{display:none;width:30px;height:30px;border:1px solid #c9b8a5;border-radius:7px;align-items:center;justify-content:center;color:#653124;font-style:normal}.wire-menu::before{content:'☰';font-size:18px;font-weight:800;line-height:1}.wire-menu i{display:none}.browser-frame.device-mobile .wire-bag{display:none}.browser-frame.device-mobile .wire-menu{display:flex}

@media(max-width:700px){
  body{padding-bottom:70px}
  .workspace{display:block;min-height:100vh}
  .scope-panel{display:block;position:fixed;left:0;right:0;bottom:0;z-index:50;height:min(84vh,760px);padding:86px 15px 38px;border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -14px 40px #51291f26;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;transform:translateY(100%);transition:transform .28s ease;background:var(--white)}
  body.mobile-scope-open{overflow:hidden}
  body.mobile-scope-open .scope-panel{transform:translateY(0)}
  .mobile-sheet-handle{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;width:100%;height:70px;border:0;border-top:1px solid var(--line);border-radius:22px 22px 0 0;background:#f1dfc8;color:var(--ink);box-shadow:0 -8px 24px #51291f1f;align-items:center;justify-content:center;flex-direction:column;gap:7px;font-weight:800;letter-spacing:.2px;touch-action:pan-y;transition:bottom .28s ease}
  body.mobile-scope-open .mobile-sheet-handle{bottom:calc(min(84vh,760px) - 70px)}
  .mobile-sheet-handle i{display:block;width:44px;height:5px;border-radius:99px;background:#a87958}
  .mobile-sheet-handle span{line-height:1.1}.mobile-sheet-handle small{font-size:10px;line-height:1;color:#7d5944;font-weight:700;text-transform:uppercase;letter-spacing:.8px}
  .side-switch{position:sticky;top:0;z-index:12;box-shadow:0 6px 18px #51291f12}
  .page-button,.add-on{min-height:68px}
  .preview-panel{display:block;padding:14px 8px 32px}
  .preview-meta{align-items:center;gap:8px}
  .device-picker button{min-height:36px;padding:7px 10px}
  .browser-frame{border-radius:9px}
  .wire-nav{height:62px;padding:0 6%;gap:12px}
  .wire-logo{width:92px}
  .wire-link,.wire-bag{display:none}
  .wire-menu{display:flex;margin-left:auto}
  .wire-section{padding:38px 7%}
  .wire-footer{padding:24px 6%}

  /* Keep the preview picker meaningful even when the proposal is viewed on a phone. */
  .browser-frame.device-desktop .hero-wire,.browser-frame.device-desktop .showcase,.browser-frame.device-desktop .product-detail,.browser-frame.device-desktop .checkout-grid,.browser-frame.device-desktop .account-grid{grid-template-columns:1fr 1fr}
  .browser-frame.device-desktop .product-grid{grid-template-columns:repeat(4,1fr)}
  .browser-frame.device-desktop .product-row{grid-template-columns:repeat(3,1fr)}
  .browser-frame.device-tablet .hero-wire,.browser-frame.device-tablet .showcase,.browser-frame.device-tablet .product-detail,.browser-frame.device-tablet .checkout-grid,.browser-frame.device-tablet .account-grid{grid-template-columns:1fr 1fr}
  .browser-frame.device-tablet .product-grid{grid-template-columns:repeat(3,1fr)}
  .browser-frame.device-tablet .product-row{grid-template-columns:repeat(2,1fr)}
  .browser-frame.device-desktop .wire-link,.browser-frame.device-tablet .wire-link{display:block}
  .browser-frame.device-desktop .wire-bag,.browser-frame.device-tablet .wire-bag{display:block}
  .browser-frame.device-desktop .wire-menu,.browser-frame.device-tablet .wire-menu{display:none}
  .browser-frame.device-mobile .wire-link,.browser-frame.device-mobile .wire-bag{display:none}
  .browser-frame.device-mobile .wire-menu{display:flex}
}
.account-order-progress{display:grid;grid-template-columns:repeat(4,1fr);margin:25px 0 20px}.account-order-progress span{position:relative;padding-top:24px;text-align:center;color:#987f70;font-size:8px;font-weight:750;letter-spacing:.7px}.account-order-progress span::before{content:"";position:absolute;z-index:1;top:4px;left:calc(50% - 7px);width:14px;height:14px;border:3px solid #dfc6aa;border-radius:50%;background:#fffaf3}.account-order-progress span:not(:last-child)::after{content:"";position:absolute;top:10px;left:calc(50% + 8px);width:calc(100% - 16px);height:2px;background:#d9c7b4}.account-order-progress .done::before,.account-order-progress .current::before{border-color:#c57b52;background:#6f3528}.account-order-progress .done::after{background:#8d4a36}.account-order-progress .current::before{box-shadow:0 0 0 4px #f0d7b9}.account-order-progress .done,.account-order-progress .current{color:#5f3026}
.payment-pending{display:grid;grid-template-columns:1fr auto;gap:5px 14px;align-items:center;max-width:520px;margin:0 auto 24px;padding:14px 18px;border:1px solid #c8845e;background:#fff4e6;text-align:left}.payment-pending span{font-size:9px;font-weight:700;letter-spacing:1px}.payment-pending b{padding:5px 10px;border-radius:999px;background:#f0d4b2;color:#6c3428;font-size:9px;letter-spacing:1px}.payment-pending small{grid-column:1/-1;color:#7f6859}
.wire-nav{height:60px}.wire-footer{padding-top:24px;padding-bottom:24px}
.account-page{max-width:850px;margin:auto}.account-order-card{margin-top:28px;border:1px solid #d3b597;background:#fffaf3}.account-order-card>header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #dfc9b1}.account-order-card>header div{display:grid;gap:4px}.account-order-card>header small{font-size:8px;letter-spacing:1.2px;color:#8b7465}.account-order-card>header b{font-size:15px}.account-order-card>header em{padding:7px 13px;border-radius:999px;background:#f0d8ba;color:#743b2b;font-size:9px;font-style:normal;font-weight:800;letter-spacing:1px}.account-order-item{display:grid;grid-template-columns:70px 1fr 80px;gap:16px;align-items:center;padding:20px 24px;border-bottom:1px solid #dfc9b1}.account-order-item>i{height:84px;background:#e4d8ca}.account-order-item>div{display:grid;gap:9px}.account-order-item>div b,.account-order-item>div span,.account-order-item>strong{display:block;height:8px;background:#d4bda5}.account-order-item>div b{width:72%;height:14px;background:#643326}.account-order-item>div span:last-child{width:46%}.account-order-item>strong{justify-self:end;width:60px;background:#aa6a49}.account-order-card .account-order-progress{margin:0;padding:25px 24px 22px}
.browser-frame.device-mobile .account-order-item{grid-template-columns:54px 1fr}.browser-frame.device-mobile .account-order-item>strong{display:none}.browser-frame.device-mobile .account-order-card>header{padding:16px}.browser-frame.device-mobile .account-order-card .account-order-progress{padding:22px 10px}.browser-frame.device-mobile .account-order-progress span{letter-spacing:0;font-size:7px}