:root{--ink:#15201c;--muted:#6e7873;--line:#dfe5e1;--paper:#f5f6f2;--white:#fff;--green:#a8dd3d;--deep:#163d32;--red:#b84538;--shadow:0 18px 50px rgba(18,43,35,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans","Noto Sans SC",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.kicker{font-size:12px;font-weight:800;letter-spacing:.14em;color:#527064}.logo-dot{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--green);color:var(--deep);font-weight:800;letter-spacing:-.05em}.announce{height:36px;background:var(--deep);color:#fff;display:flex;align-items:center;justify-content:center;gap:18px;font-size:12px;letter-spacing:.04em}.announce a{color:var(--green)}.front-header{height:86px;padding:0 max(5vw,24px);display:flex;align-items:center;border-bottom:1px solid var(--line);background:rgba(245,246,242,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.front-brand{display:flex;align-items:center;gap:12px;min-width:320px}.front-brand b{display:block}.front-brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.front-header nav{display:flex;gap:34px;margin:auto}.front-header nav a{font-size:14px;color:#52605a}.front-header nav a.active,.front-header nav a:hover{color:var(--ink);font-weight:700}.header-admin{border:1px solid var(--ink);padding:10px 15px;font-size:12px;font-weight:700}.hero{min-height:610px;padding:90px max(7vw,38px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;border-bottom:1px solid var(--line);overflow:hidden}.hero-copy{max-width:640px}.hero h1{font-size:clamp(50px,6vw,90px);letter-spacing:-.07em;line-height:.97;margin:20px 0 30px}.hero-copy>p{color:var(--muted);font-size:18px;line-height:1.8;max-width:540px}.primary{display:inline-flex;gap:40px;background:var(--ink);color:#fff;padding:17px 20px;margin-top:20px;font-weight:700}.primary span{color:var(--green)}.hero-stats{display:flex;gap:30px;border-top:1px solid var(--line);margin-top:70px;padding-top:23px;color:var(--muted);font-size:12px}.hero-stats span{display:grid;gap:5px}.hero-stats b{font-size:18px;color:var(--ink)}.hero-art{height:450px;position:relative}.art-back,.art-front{position:absolute;border-radius:5px;box-shadow:var(--shadow)}.art-back{width:70%;height:90%;right:2%;top:0;background:#e1e5df;color:#c5cec8;padding:40px;font-size:45px;line-height:.8;transform:rotate(5deg)}.art-back b{font-size:75px;writing-mode:vertical-rl}.art-front{width:76%;height:78%;left:2%;bottom:0;background:var(--deep);color:#fff;padding:42px;transform:rotate(-4deg)}.art-front>span{font-size:12px;letter-spacing:.2em;color:var(--green)}.art-front h2{font-size:36px;line-height:1.2;margin:45px 0}.art-front div{border:1px solid #55776c;padding:16px;display:flex;justify-content:space-between;color:#d7e3de}.art-front button{background:none;border:0;color:var(--green)}.art-front small{position:absolute;bottom:28px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;padding:0 max(5vw,24px)}.benefits div{padding:34px;border-right:1px solid var(--line);display:grid;grid-template-columns:40px 1fr;gap:5px}.benefits span{grid-row:span 2;color:#87a098;font-size:11px}.benefits small{color:var(--muted)}.catalog{padding:100px max(5vw,24px)}.section-title{display:flex;align-items:flex-end;justify-content:space-between}.section-title h2,.docs-banner h1{font-size:52px;letter-spacing:-.05em;margin:10px 0}.section-title p{color:var(--muted);line-height:1.7}.filter-row{display:flex;gap:8px;margin:38px 0}.filter-row button{border:1px solid var(--line);background:transparent;padding:9px 16px;border-radius:30px}.filter-row button.active{background:var(--ink);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{background:#fff}.product-card[hidden]{display:none}.product-media{height:280px;padding:25px;display:flex;position:relative;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.product-media span{font-size:11px;letter-spacing:.15em;z-index:1}.product-media strong{font-size:70px;align-self:center;margin:auto;letter-spacing:-.1em}.product-media i{position:absolute;bottom:22px;right:22px;font-size:12px}.tone-1{background:#bddf79}.tone-2{background:#ded9cc}.tone-3{background:#153d32;color:#fff}.tone-4{background:#e7bfb0}.product-copy{padding:22px}.product-copy>div{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.product-copy h3{font-size:20px;margin:14px 0 8px}.product-copy p{color:var(--muted);font-size:13px;line-height:1.6;min-height:42px}.product-copy footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}.product-copy footer b{font-size:20px}.product-copy footer a{width:34px;height:34px;border:1px solid var(--ink);display:grid;place-items:center}.docs-cta{background:var(--deep);color:#fff;padding:50px max(7vw,30px);display:grid;grid-template-columns:70px 1.2fr 1fr auto;gap:30px;align-items:center}.docs-cta>span{font-size:55px;color:var(--green)}.docs-cta small{color:var(--green);letter-spacing:.12em}.docs-cta h2{font-size:30px;margin:8px 0}.docs-cta p{color:#b8c8c2}.docs-cta>a{border:1px solid #779188;padding:14px}.front-footer{padding:65px max(5vw,24px);display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:50px;background:#fff}.front-footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.front-footer p,.front-footer a{font-size:12px;color:var(--muted);line-height:1.8}.product-page,.docs-page,.order-page{max-width:1280px;margin:auto;padding:60px 28px 100px}.crumb{display:flex;gap:10px;color:var(--muted);font-size:12px;margin-bottom:32px}.product-detail{display:grid;grid-template-columns:1fr 1fr;background:#fff;min-height:590px}.detail-media{min-height:590px;background:#bddf79;padding:38px;display:flex;flex-direction:column;position:relative;overflow:hidden}.detail-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail-media strong{font-size:130px;margin:auto;letter-spacing:-.12em}.detail-media i{font-style:normal}.detail-info{padding:60px}.detail-info h1{font-size:44px;letter-spacing:-.05em;margin:14px 0}.detail-info>p,.description-copy{color:var(--muted);line-height:1.8}.detail-price{display:flex;align-items:end;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.detail-price small{color:var(--muted)}.detail-price b{font-size:34px}.detail-price span{margin-left:auto;color:var(--muted);font-size:12px}.description-copy{padding:22px 0}.buy-form{display:grid;gap:12px}.buy-form label,.stack-form label,.admin-form label,.login-card label{display:grid;gap:8px;color:#57635e;font-size:12px;font-weight:700}.buy-form input,.stack-form input,.admin-form input,.admin-form textarea,.admin-form select,.login-card input,.panel-head select{border:1px solid var(--line);background:#fff;padding:13px 14px;outline:none;width:100%}.buy-form input:focus,.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus,.login-card input:focus{border-color:#6a8a7e}.buy-form button,.stack-form button,.admin-form>button,.login-card>button{border:0;background:var(--ink);color:#fff;padding:15px 18px;font-weight:700;display:flex;justify-content:space-between}.buy-form button:disabled{opacity:.5;cursor:not-allowed}.delivery-tips{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;color:#537165;font-size:11px}.docs-banner{text-align:center;padding:50px 0}.docs-layout{display:grid;grid-template-columns:260px 1fr;gap:60px}.docs-layout aside{display:flex;flex-direction:column}.docs-layout aside>small{margin-bottom:15px;color:var(--muted)}.docs-layout aside>a{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid var(--line);font-size:13px}.docs-layout aside>a.active{background:var(--deep);color:#fff}.support-card{background:#dce7dd;padding:22px;margin-top:30px}.support-card p{font-size:12px;color:var(--muted)}.doc-content{background:#fff;padding:60px;min-height:540px}.doc-content h1{font-size:42px}.doc-summary{font-size:18px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:25px}.rich-text{line-height:1.9;color:#45524c}.rich-text h2{color:var(--ink);margin-top:35px}.order-page{display:grid;grid-template-columns:1fr 460px;gap:9vw;align-items:center;min-height:690px}.order-intro h1{font-size:64px;line-height:1.05;letter-spacing:-.06em}.order-intro em{color:#719c34;font-style:normal}.order-intro p{color:var(--muted);line-height:1.8}.order-intro>div{display:grid;gap:10px;color:#567165}.lookup-card{background:#fff;padding:45px;box-shadow:var(--shadow)}.lookup-card h2{font-size:30px}.lookup-card>p{color:var(--muted)}.stack-form{display:grid;gap:18px;margin-top:25px}.alert{padding:14px 16px;margin-bottom:18px;background:#e1eee8;color:#285543;font-size:13px;border-left:3px solid #4c8a70}.alert.error{background:#f6e5e1;color:#8c392f;border-color:#b84538}.alert.info{background:#e8eee3}.order-result dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.order-result dt{color:var(--muted)}.delivery-box{background:var(--deep);color:#fff;padding:20px;margin:25px 0;display:grid;gap:12px}.delivery-box b{white-space:pre-wrap;word-break:break-all}.delivery-box button{width:max-content;background:var(--green);border:0;padding:7px 12px}.empty-state{text-align:center;padding:130px}.empty-state a{display:inline-block;background:var(--ink);color:#fff;padding:12px 18px}.status-pill{display:inline-block;padding:5px 9px;border-radius:20px;background:#e5e8e6;color:#59645f;font-size:11px;white-space:nowrap}.status-pill.active,.status-pill.available,.status-pill.delivered{background:#dcebd5;color:#376331}.status-pill.pending{background:#f2e9ce;color:#7c641c}.status-pill.refunded,.status-pill.void{background:#f0dedb;color:#914035}.status-pill.paid{background:#dbe8ef;color:#335f77}
/* Admin */
.login-body{min-height:100vh;background:var(--deep);display:grid;place-items:center;padding:30px}.login-shell{width:min(1000px,100%);display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;color:#fff}.login-shell>section h1{font-size:54px;line-height:1.1;letter-spacing:-.05em}.login-shell>section p{color:#b4c7bf;line-height:1.8}.login-card{background:#fff;color:var(--ink);padding:42px;display:grid;gap:18px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.login-card h2{margin:10px 0 0}.login-card>p{color:var(--muted);margin:0}.login-card>a{text-align:center;font-size:12px;color:var(--muted)}.admin-body{background:#eef1ed}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;background:var(--deep);color:#fff;padding:28px 20px;display:flex;flex-direction:column;z-index:30}.admin-brand{display:flex;align-items:center;gap:12px;padding:0 10px 32px}.admin-brand small{display:block;color:#86a398;font-size:9px;letter-spacing:.14em;margin-top:3px}.admin-sidebar nav{display:grid;gap:5px}.admin-sidebar nav a{display:flex;gap:13px;align-items:center;padding:12px 14px;border-radius:4px;color:#bcd0c8;font-size:13px}.admin-sidebar nav a i{font-style:normal;width:18px;text-align:center}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{background:#2b5749;color:#fff}.admin-user{margin-top:auto;border-top:1px solid #3b6255;padding:20px 10px;display:grid;gap:5px}.admin-user small{color:#91aba1}.admin-user a{font-size:11px;color:var(--green);margin-top:8px}.admin-main{margin-left:245px;min-height:100vh}.admin-top{height:105px;background:#fff;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between}.admin-top small{color:var(--muted)}.admin-top h1{margin:4px 0 0;font-size:25px}.admin-top>a{border:1px solid var(--line);padding:10px 14px;font-size:12px}.sidebar-toggle{display:none}.admin-content{padding:30px 38px 60px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.stat-grid article,.inventory-stats article{background:#fff;padding:25px;border-top:3px solid var(--green)}.stat-grid span,.inventory-stats span{color:var(--muted);font-size:12px}.stat-grid b,.inventory-stats b{display:block;font-size:31px;margin:13px 0}.stat-grid small{color:#86908c}.admin-panel{background:#fff;border:1px solid #e2e7e3}.panel-head{min-height:82px;padding:20px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-head h2{margin:5px 0 0;font-size:21px}.panel-head>a,.panel-head>small{font-size:12px;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid #edf0ee;white-space:nowrap}th{color:#7a8580;font-weight:600;background:#fafbf9}td b,td small{display:block}td small{color:var(--muted);margin-top:4px}.empty-cell{text-align:center!important;padding:40px;color:var(--muted)}.admin-split{display:grid;grid-template-columns:minmax(400px,.85fr) minmax(520px,1.15fr);gap:24px}.admin-form{padding:24px;display:grid;gap:18px}.admin-form textarea{resize:vertical;line-height:1.6}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-form .check{display:flex;align-items:center;gap:9px}.admin-form .check input{width:auto}.admin-form>small{color:var(--muted);line-height:1.6}.item-list article{display:flex;align-items:center;gap:14px;padding:15px 20px;border-bottom:1px solid var(--line)}.item-list article>div:nth-child(2),.docs-list article>div:first-child{min-width:0;flex:1}.item-list article b,.item-list article small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-list article small{color:var(--muted);font-size:11px;margin-top:4px}.item-list article>a{font-size:12px;color:#477362}.thumb{width:44px;height:44px;background:#dce9d7;display:grid;place-items:center;font-weight:800;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.text-button{background:none;border:0;color:#66716d;font-size:11px;padding:4px}.text-button.danger{color:var(--red)}.inventory-layout{display:grid;grid-template-columns:390px 1fr;gap:24px}.import-panel{height:max-content}.security-note{margin:20px 24px 0;background:#eaf2e5;padding:16px}.security-note p{font-size:11px;color:#5d7167;line-height:1.5;margin:5px 0 0}.or-line{text-align:center;border-top:1px solid var(--line);height:1px;margin:7px 0}.or-line span{position:relative;top:-10px;background:#fff;padding:0 10px;color:var(--muted);font-size:11px}.inventory-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.inventory-stats article{padding:16px}.inventory-stats b{font-size:24px;margin:7px 0 0}.table-actions{display:flex;align-items:center;gap:7px}.small-button{border:0;background:var(--deep);color:#fff;font-size:11px;padding:7px 9px}.settings-panel{max-width:900px}.settings-help{margin:0 24px 24px;background:#f3f5f1;padding:22px;line-height:1.6}.settings-help p{color:var(--muted);font-size:12px;margin-top:5px}
.install-body{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(135deg,#eef4e8,#dce8e1)}.install-card{width:min(560px,100%);background:#fff;padding:45px;box-shadow:var(--shadow)}.install-brand{display:flex;align-items:center;gap:12px;margin-bottom:35px}.install-brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.15em}.install-card h1{font-size:42px;letter-spacing:-.05em;margin:10px 0}.install-card>p{color:var(--muted);line-height:1.7}.install-checks{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px;color:#517263;font-size:11px}
.inventory-reveal{margin-bottom:18px}.inventory-reveal a{font-size:11px;color:var(--green)}
.admin-sidebar{overflow-y:auto;padding-top:24px;padding-bottom:18px}.admin-sidebar nav{padding-bottom:18px}.table-actions>a{font-size:11px;color:#477362}.text-button:disabled{opacity:.35;cursor:not-allowed}.payment-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.payment-admin-grid article{height:max-content}.payment-admin-grid .admin-form{padding-top:20px}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-art{display:none}.admin-split,.inventory-layout{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.payment-admin-grid{grid-template-columns:1fr}}
.password-panel{margin-top:24px}
@media(max-width:760px){.front-header{height:72px}.front-brand{min-width:0}.front-brand small,.front-header nav,.header-admin{display:none}.hero{padding:65px 24px;min-height:520px}.hero h1{font-size:51px}.hero-stats{gap:15px;margin-top:50px}.benefits{grid-template-columns:1fr 1fr;padding:0}.benefits div{padding:20px}.catalog{padding:70px 18px}.section-title{display:block}.section-title h2{font-size:42px}.product-grid{grid-template-columns:1fr}.product-media{height:340px}.docs-cta{grid-template-columns:50px 1fr}.docs-cta p,.docs-cta>a{grid-column:2}.front-footer{grid-template-columns:1fr 1fr}.product-page,.docs-page,.order-page{padding:35px 16px 70px}.product-detail{grid-template-columns:1fr}.detail-media{min-height:380px}.detail-info{padding:30px}.docs-layout{grid-template-columns:1fr;gap:25px}.doc-content{padding:28px}.order-page{grid-template-columns:1fr}.order-intro h1{font-size:48px}.login-shell{grid-template-columns:1fr}.login-shell>section{display:none}.admin-sidebar{transform:translateX(-100%);transition:.2s}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin-left:0}.admin-top{padding:0 18px}.sidebar-toggle{display:block;background:none;border:0;font-size:22px}.admin-top>div{margin-right:auto;margin-left:15px}.admin-content{padding:20px 14px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-grid article{padding:18px}.field-row{grid-template-columns:1fr}.inventory-layout{grid-template-columns:1fr}.front-footer{padding:45px 22px}.announce{font-size:10px}}
.site-logo{width:46px;height:46px;object-fit:contain;border-radius:8px;background:#fff}.footer-logo{margin-bottom:10px}.front-footer .footer-legal{display:grid;gap:12px}.front-footer .footer-legal p{margin:0;line-height:1.7}.front-footer .footer-legal small{color:#91a098}.brand-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.brand-upload-grid>label{border:1px solid var(--line);padding:18px;background:#fafbf8}.brand-preview{width:180px;height:76px;object-fit:contain;background:#fff;border:1px solid var(--line);margin:6px 0}.favicon-preview{width:48px;height:48px;object-fit:contain;background:#fff;border:1px solid var(--line);margin:6px 0}.brand-upload-grid .check{display:flex;align-items:center;gap:7px;margin:5px 0 10px}.brand-upload-grid .check input{width:auto}@media(max-width:760px){.brand-upload-grid{grid-template-columns:1fr}.site-logo{width:40px;height:40px}}



html[data-ui-theme=ocean]{--ink:#10213f;--muted:#5d6f8a;--line:#cbdcf1;--paper:#eff7ff;--white:#fff;--green:#69e0d0;--deep:#123b77;--red:#e95572;--shadow:0 20px 55px rgba(37,91,153,.14)}html[data-ui-theme=ocean] body{background-image:radial-gradient(circle at 10% 10%,rgba(23,105,255,.09),transparent 24%),radial-gradient(circle at 85% 30%,rgba(105,224,208,.13),transparent 28%)}html[data-ui-theme=ocean] .announce{background:#1769ff}html[data-ui-theme=ocean] .front-header{background:rgba(239,247,255,.88)}html[data-ui-theme=ocean] .front-footer{background:#10213f;color:#fff}html[data-ui-theme=ocean] .product-card,html[data-ui-theme=ocean] .product-detail,html[data-ui-theme=ocean] .lookup-card,html[data-ui-theme=ocean] .admin-panel,html[data-ui-theme=ocean] .stat-grid article,html[data-ui-theme=ocean] .inventory-stats article{border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}html[data-ui-theme=ocean] .admin-body{background:#e8f3ff}html[data-ui-theme=ocean] .admin-sidebar{background:linear-gradient(180deg,#10213f,#123b77)}html[data-ui-theme=ocean] .admin-sidebar nav a,html[data-ui-theme=ocean] button,html[data-ui-theme=ocean] input,html[data-ui-theme=ocean] textarea,html[data-ui-theme=ocean] select{border-radius:9px}
/* Full Emoji picker — shared by categories, trust cards and help articles */
.emoji-value-input,.trust-icon-field{cursor:pointer!important;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif!important;font-size:25px!important;text-align:center!important;background:#fff!important}
.emoji-picker-open{overflow:hidden}.emoji-picker-overlay{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(10,30,62,.46);backdrop-filter:blur(9px)}.emoji-picker-overlay.open{display:flex}.emoji-picker-panel{width:min(620px,100%);max-height:min(720px,88vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid #cbdcf5;border-radius:26px;background:#fff;box-shadow:0 30px 90px rgba(15,47,89,.28)}.emoji-picker-panel header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 14px}.emoji-picker-panel header b{display:block;font-size:21px;color:#142845}.emoji-picker-panel header small{display:block;margin-top:3px;color:#8290a5}.emoji-picker-panel header button{width:40px;height:40px;border:0;border-radius:50%;background:#edf4ff;font-size:26px;color:#334a6e;cursor:pointer}.emoji-picker-search{display:flex;gap:10px;align-items:center;margin:0 24px 14px;padding:0 14px;border:1px solid #cfdef3;border-radius:14px;background:#f8fbff}.emoji-picker-search input{width:100%;padding:13px 0;border:0!important;outline:0;background:transparent!important;box-shadow:none!important}.emoji-picker-tabs{display:flex;gap:5px;overflow:auto;padding:0 24px 13px}.emoji-picker-tabs button{flex:0 0 42px;width:42px;height:40px;padding:0;border:1px solid transparent;border-radius:12px;background:#f3f7fd;font-size:20px;cursor:pointer}.emoji-picker-tabs button.active{border-color:#2470ff;background:#e8f1ff;box-shadow:inset 0 -3px #2470ff}.emoji-picker-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;min-height:250px;overflow:auto;padding:16px 24px 20px;border-top:1px solid #edf2f8;background:#fbfdff}.emoji-picker-option{aspect-ratio:1;padding:0!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;font-size:28px!important;cursor:pointer;box-shadow:none!important}.emoji-picker-option:hover,.emoji-picker-option:focus{border-color:#a9c8ff!important;background:#eaf3ff!important;transform:scale(1.08)}.emoji-picker-panel footer{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;color:#8593a8;font-size:12px}.emoji-picker-panel footer button{padding:7px 10px!important;border:0!important;background:transparent!important;color:#2470ff!important;box-shadow:none!important}.emoji-picker-empty{grid-column:1/-1;text-align:center;color:#8795aa}.admin-doc-emoji{font-size:25px}

/* Original blue-white purchase and delivery page */
.xb-purchase-page{max-width:1440px;margin:auto;padding:36px 4vw 90px}.xb-purchase-crumb{display:flex;gap:10px;align-items:center;margin-bottom:24px;color:#73839b;font-size:13px}.xb-purchase-crumb a{color:#2470ff}.xb-purchase-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);gap:28px;align-items:start}.xb-product-story{min-width:0}.xb-product-visual{position:relative;min-height:355px;display:flex;align-items:flex-end;overflow:hidden;padding:38px;border-radius:32px;background:linear-gradient(135deg,#102b65,#1762e8 60%,#54b8ff);color:#fff;box-shadow:0 28px 70px rgba(25,91,194,.2)}.xb-product-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent)}.xb-product-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.xb-product-visual-copy{position:relative;z-index:1}.xb-product-visual-copy span{display:inline-flex;padding:7px 11px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.1);font-size:12px}.xb-product-visual-copy strong{display:block;margin:22px 0 8px;font-size:clamp(32px,4.4vw,66px);line-height:1}.xb-product-visual-copy small{font-size:14px;color:#d7e6ff}.xb-product-summary{padding:30px 4px 8px}.xb-product-summary h1{margin:10px 0 12px;font-size:clamp(30px,4vw,56px);line-height:1.12;color:#14233d}.xb-product-summary p{max-width:760px;font-size:17px;line-height:1.9;color:#667a98}.xb-stock-pill{display:inline-flex;gap:7px;align-items:center;padding:8px 12px;border-radius:999px;background:#eaf9f2;color:#087e5e;font-size:12px}.xb-stock-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#17b47c;box-shadow:0 0 0 4px rgba(23,180,124,.14)}.xb-checkout{position:sticky;top:24px;padding:28px;border:1px solid #ccddf4;border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(27,64,117,.13)}.xb-checkout-head{display:flex;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid #e4ecf7}.xb-checkout-head small{display:block;color:#7e8da2}.xb-checkout-head b{display:block;margin-top:3px;font-size:20px;color:#172a48}.xb-checkout-price{font-size:32px!important;color:#1764ef!important}.xb-checkout label,.xb-checkout-fieldset{display:block;margin-top:20px}.xb-checkout label>span,.xb-checkout-fieldset>legend{display:flex;justify-content:space-between;margin-bottom:9px;font-weight:700;color:#293a55}.xb-checkout input[type=text],.xb-checkout input[type=email],.xb-checkout input[type=number]{width:100%;padding:14px 15px;border:1px solid #cddcf0;border-radius:13px;background:#fff;font:inherit;color:#1d2d47;outline:none}.xb-checkout input:focus{border-color:#2470ff;box-shadow:0 0 0 4px rgba(36,112,255,.1)}.xb-option-row,.xb-contact-tabs,.xb-payments{display:grid;gap:9px}.xb-contact-tabs{grid-template-columns:1fr 1fr}.xb-contact-tabs label,.xb-payments label{margin:0}.xb-contact-tabs input,.xb-payments input{position:absolute;opacity:0}.xb-contact-tabs span,.xb-payments span{display:flex;justify-content:center;align-items:center;gap:7px;padding:12px;border:1px solid #d2dff1;border-radius:12px;background:#fff;cursor:pointer}.xb-contact-tabs input:checked+span,.xb-payments input:checked+span{border-color:#2470ff;background:#eaf2ff;color:#1761e7;box-shadow:inset 0 0 0 1px #2470ff}.xb-payments{grid-template-columns:repeat(3,1fr)}.xb-stepper{display:grid;grid-template-columns:46px 1fr 46px}.xb-stepper button{border:1px solid #cddcf0;background:#f5f8fd;color:#173052;font-size:20px;cursor:pointer}.xb-stepper button:first-child{border-radius:13px 0 0 13px}.xb-stepper button:last-child{border-radius:0 13px 13px 0}.xb-stepper input{border-radius:0!important;text-align:center;border-left:0!important;border-right:0!important}.xb-agree{display:flex!important;gap:9px;align-items:flex-start;font-size:13px;color:#66778f}.xb-agree input{margin-top:3px}.xb-agree a{color:#1764ef}.xb-total{display:flex;align-items:end;justify-content:space-between;margin:22px 0 15px;padding-top:18px;border-top:1px solid #e3ebf5}.xb-total span{color:#708198}.xb-total b{font-size:30px;color:#f04d42}.xb-submit{width:100%;display:flex;justify-content:space-between;padding:16px 18px!important;border:0!important;border-radius:14px!important;background:#1767f2!important;color:#fff!important;font-weight:800;cursor:pointer;box-shadow:0 12px 26px rgba(23,103,242,.24)}.xb-submit:disabled{opacity:.5;cursor:not-allowed}.xb-cart-button{width:100%;margin-top:9px;padding:13px!important;border:1px solid #b8cbea!important;border-radius:14px!important;background:#fff!important;color:#26466e!important;box-shadow:none!important}.xb-safe-note{display:flex;justify-content:center;gap:14px;margin-top:14px;color:#8492a6;font-size:11px}.xb-delivery-section{margin-top:70px;padding:40px;border-radius:30px;background:#f3f7fc}.xb-section-heading{text-align:center}.xb-section-heading h2{margin:9px 0;font-size:clamp(30px,4vw,50px);color:#152640}.xb-section-heading p{color:#75849a}.xb-delivery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.xb-delivery-card{padding:24px;border:1px solid #d8e3f1;border-radius:20px;background:#fff}.xb-delivery-card>span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#eaf2ff;font-size:28px}.xb-delivery-card h3{margin:18px 0 8px;color:#203453}.xb-delivery-card p{margin:0;line-height:1.7;color:#77869b}.xb-description-card,.xb-notice-card{margin-top:20px;padding:28px;border:1px solid #d6e1f0;border-radius:24px;background:#fff}.xb-description-card h2,.xb-notice-card h2{margin-top:0;color:#1b3152}.xb-description-card p,.xb-notice-card p{line-height:1.9;color:#667b98}.xb-notice-card{border-left:5px solid #2470ff;background:#eff5ff}

@media(max-width:900px){.xb-purchase-layout{grid-template-columns:1fr}.xb-checkout{position:static}.xb-product-visual{min-height:290px}.xb-delivery-grid{grid-template-columns:1fr 1fr}.emoji-picker-grid{grid-template-columns:repeat(7,1fr)}}
@media(max-width:600px){.emoji-picker-overlay{align-items:flex-end;padding:0}.emoji-picker-panel{max-height:82vh;border-radius:24px 24px 0 0}.emoji-picker-grid{grid-template-columns:repeat(6,1fr);padding:14px 16px}.emoji-picker-tabs,.emoji-picker-panel header{padding-left:16px;padding-right:16px}.emoji-picker-search{margin-left:16px;margin-right:16px}.emoji-picker-panel footer span{display:none}.xb-purchase-page{padding:18px 14px 60px}.xb-purchase-layout{gap:16px}.xb-product-visual{min-height:235px;padding:24px;border-radius:22px}.xb-checkout{padding:20px;border-radius:22px}.xb-payments{grid-template-columns:1fr}.xb-delivery-section{margin-top:42px;padding:25px 16px;border-radius:24px}.xb-delivery-grid{grid-template-columns:1fr}.xb-product-summary{padding:22px 2px}.xb-safe-note{flex-wrap:wrap}}

.formal-doc-categories details{margin:5px 0;border-bottom:1px solid #dce6f2}.formal-doc-categories summary{display:flex;align-items:center;justify-content:space-between;padding:14px 8px;cursor:pointer;font-weight:800;color:#243854;list-style:none}.formal-doc-categories summary::-webkit-details-marker{display:none}.formal-doc-categories summary i{padding:5px 9px;border-radius:999px;background:#eaf2ff;color:#1e67e8;font-size:11px;font-style:normal}.formal-doc-categories a{margin-bottom:5px!important;padding:12px!important}.formal-doc-categories a span{display:flex;gap:9px;align-items:center}.formal-doc-categories a span b{font-size:19px}.doc-title-icon{display:grid;place-items:center;width:70px;height:70px;margin-bottom:24px;border:2px solid #172c4c;border-radius:21px;background:linear-gradient(145deg,#d9ecff,#b7d5ff);box-shadow:6px 7px 0 #172c4c;font-size:34px}.doc-helpful{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:44px;padding:18px;border-radius:16px;background:#eff5ff}.doc-helpful span{margin-right:auto;color:#405775;font-weight:700}.doc-helpful button{padding:9px 12px;border:1px solid #c5d9f7;border-radius:10px;background:#fff;color:#23436e;cursor:pointer}

/* Product usage guide with editable tutorial screenshots */
.xb-guide-section{margin-top:70px;padding:65px 40px;border-radius:30px;background:#f3f7fc}.xb-guide-section>header{max-width:800px;margin:0 auto 40px;text-align:center}.xb-guide-section>header h2{margin:9px 0;font-size:clamp(34px,4.5vw,58px);letter-spacing:-.05em;color:#152640}.xb-guide-section>header p{color:#75849a}.xb-guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;max-width:1200px;margin:auto;align-items:start}.xb-guide-layout>nav{position:sticky;top:24px;display:grid;gap:7px;padding:17px;border:1px solid #d7e3f1;border-radius:19px;background:#fff}.xb-guide-layout>nav>small{padding:5px 8px 10px;color:#8492a7;font-size:11px;font-weight:800;letter-spacing:.12em}.xb-guide-layout>nav>a{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:10px;border-radius:11px;color:#273d5e;font-size:12px;font-weight:750}.xb-guide-layout>nav>a:hover{background:#eaf2ff;color:#1764ef}.xb-guide-layout>nav i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf2ff;color:#1764ef;font:800 10px ui-monospace,monospace}.xb-guide-layout>article{display:grid;gap:17px}.xb-guide-layout>article>section{scroll-margin-top:24px;overflow:hidden;padding:28px;border:1px solid #d7e2ef;border-radius:22px;background:#fff;box-shadow:0 16px 40px rgba(34,64,104,.07)}.xb-guide-copy{display:grid;grid-template-columns:54px 1fr;gap:17px}.xb-guide-copy>span{display:grid;place-items:center;width:54px;height:54px;border:2px solid #172e50;border-radius:16px;background:linear-gradient(145deg,#dcecff,#b8d5ff);box-shadow:5px 6px 0 #172e50;color:#1764ef;font:850 12px ui-monospace,monospace}.xb-guide-copy h3{margin:2px 0 8px;font-size:25px;color:#1d3150}.xb-guide-copy p{margin:0;color:#697c97;line-height:1.85}.xb-guide-layout figure,.xb-guide-placeholder{margin:24px 0 0;overflow:hidden;border:1px solid #d7e2f0;border-radius:17px;background:#f5f8fc}.xb-guide-layout figure img{display:block;width:100%;max-height:720px;object-fit:contain;background:#eef3f9}.xb-guide-layout figcaption{padding:10px 14px;color:#8190a5;font-size:11px}.xb-guide-placeholder{min-height:210px;display:grid;place-content:center;justify-items:center;gap:6px;border-style:dashed;background:linear-gradient(135deg,#f2f6fc,#e8f1ff);color:#6e819c}.xb-guide-placeholder span{font-size:36px}.xb-guide-placeholder b{color:#334b6c}.xb-guide-layout>article>footer{display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:center;padding:19px 21px;border-radius:17px;background:#e8f2ff;color:#213b60}.xb-guide-layout>article>footer>span{font-size:27px}.xb-guide-layout>article>footer p{margin:3px 0 0;color:#657b98;font-size:11px}.xb-guide-layout>article>footer a{padding:9px 12px;border:1px solid #bdd3f2;border-radius:10px;background:#fff;color:#1764ef;font-size:11px;font-weight:750}.admin-guide-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.admin-guide-preview figure{margin:0;overflow:hidden;border:1px solid #d6e1ee;border-radius:12px;background:#f5f8fc}.admin-guide-preview img{display:block;width:100%;height:130px;object-fit:cover}.admin-guide-preview figcaption{padding:8px 10px;color:#76869c;font-size:11px}
@media(max-width:900px){.xb-guide-layout{grid-template-columns:1fr}.xb-guide-layout>nav{position:static;display:flex;overflow:auto}.xb-guide-layout>nav>small{display:none}.xb-guide-layout>nav>a{flex:0 0 auto;min-width:150px}.admin-guide-preview{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.xb-guide-section{margin-top:42px;padding:42px 14px;border-radius:24px}.xb-guide-section>header{margin-bottom:28px}.xb-guide-section>header h2{font-size:37px}.xb-guide-layout>article>section{padding:20px 16px}.xb-guide-copy{grid-template-columns:43px 1fr;gap:13px}.xb-guide-copy>span{width:42px;height:42px;border-radius:13px;box-shadow:4px 4px 0 #172e50}.xb-guide-copy h3{font-size:21px}.xb-guide-placeholder{min-height:165px}.xb-guide-layout>article>footer{grid-template-columns:38px 1fr}.xb-guide-layout>article>footer>a{grid-column:1/-1;text-align:center}.admin-guide-preview{grid-template-columns:1fr}.admin-guide-preview img{height:180px}}

/* Compact product purchase area and main-image management. */
.xb-purchase-page{max-width:1120px}.xb-purchase-layout{grid-template-columns:minmax(0,1fr) minmax(330px,370px);gap:30px}.xb-product-visual{min-height:265px;border-radius:23px}.xb-checkout{padding:17px;border-radius:21px}.xb-checkout label,.xb-checkout-fieldset{margin-top:12px}.xb-checkout-head{padding-bottom:12px}.xb-checkout-head b{font-size:16px}.xb-checkout-price{font-size:25px!important}.xb-checkout input[type=text],.xb-checkout input[type=email],.xb-checkout input[type=number]{padding:11px 12px}.xb-contact-tabs span,.xb-payments span{padding:10px}.xb-total{margin-top:14px;padding-top:14px}.xb-submit{padding:13px 15px!important}.admin-main-image-preview{display:grid;grid-template-columns:145px 1fr;gap:14px;align-items:center;padding:12px;border:1px solid #d6e1ee;border-radius:13px;background:#f5f8fc}.admin-main-image-preview img{display:block;width:145px;height:105px;object-fit:cover;border-radius:9px}.admin-main-image-preview>div{display:grid;gap:7px}.admin-main-image-preview small{color:#7c8a9d}.admin-main-image-preview .check{margin:0}
@media(max-width:900px){.xb-purchase-page{max-width:760px}.xb-purchase-layout{grid-template-columns:1fr}.xb-product-visual{min-height:280px}.xb-checkout{max-width:620px;width:100%;margin:auto}}
@media(max-width:600px){.xb-product-visual{min-height:215px}.xb-checkout{padding:17px}.admin-main-image-preview{grid-template-columns:95px 1fr}.admin-main-image-preview img{width:95px;height:76px}}

/* Brand upload area: clear previews, larger labels and consistent actions. */
.brand-upload-grid{gap:16px;margin:4px 0}.brand-upload-grid>label{min-width:0;position:relative;display:grid;grid-template-rows:auto 110px auto auto;align-content:start;gap:12px;padding:17px;border:1px solid #d6e1ee;border-radius:16px;background:#fff;color:#26364e;font-size:13px;font-weight:800;box-shadow:0 10px 28px rgba(27,57,95,.06)}
.brand-upload-grid>label:before{content:"品牌图片";width:max-content;padding:5px 8px;border-radius:7px;background:#eaf2ff;color:#1769ff;font-size:9px;letter-spacing:.08em}.brand-upload-grid>label:nth-child(2):before{content:"标签页图标"}
.brand-preview,.favicon-preview{align-self:center;justify-self:stretch;width:100%;height:110px;margin:0;padding:12px;border:1px dashed #a9c3e6;border-radius:13px;background:linear-gradient(145deg,#f7faff,#edf4ff);object-fit:contain}.favicon-preview{justify-self:center;width:110px}
.brand-upload-grid input[type=file]{width:100%;min-height:46px;padding:6px;border:1px dashed #a9c3e6;border-radius:11px;background:#f7faff;color:#6e7d91;font-size:10px;font-weight:500;cursor:pointer}.brand-upload-grid input[type=file]::file-selector-button{height:32px;margin-right:10px;border:0;border-radius:8px;background:#1769ff;color:#fff;padding:0 13px;font-weight:800;cursor:pointer}
.brand-upload-grid .check{display:flex;align-items:center;gap:8px;margin:0;padding:9px 11px;border-radius:9px;background:#fff3f1;color:#a1483f;font-size:10px;font-weight:650}.brand-upload-grid .check input{width:16px;height:16px;margin:0}
@media(max-width:760px){.brand-upload-grid>label{grid-template-rows:auto 96px auto auto}.brand-preview,.favicon-preview{height:96px}.favicon-preview{width:96px}}

/* v1.8 Blue Whale-only admin refinement */
.theme-settings-panel{display:none!important}
.admin-sidebar nav a{min-height:48px;font-size:14px}.admin-top{min-height:76px}.admin-top small{font-size:12px}.admin-top h1{font-size:24px}.admin-top>a{min-height:44px;display:inline-flex;align-items:center;font-size:12px}
.admin-content>header p,.section-head p,.panel-head small{font-size:12px;line-height:1.65}.admin-content>header small,.section-head small{font-size:11px}
.admin-content label,.settings-form label,.brand-fields label,.home-step-fields label,.home-trust-fields label{font-size:12px!important}.admin-content input,.admin-content select,.admin-content textarea{min-height:44px;font-size:13px!important}.admin-content textarea{line-height:1.65}.admin-content button,.admin-content .button{min-height:40px;font-size:12px!important}
.admin-table,.admin-table th,.admin-table td,.data-table,.data-table th,.data-table td{font-size:12px!important}.admin-table th,.data-table th{font-size:11px!important}.help,.hint,.muted,.admin-content small{font-size:11px}
.brand-file-card>header b{font-size:14px}.brand-file-card>header small,.brand-file-card>label>small{font-size:11px}.brand-file-card>footer>span{font-size:12px}
@media(max-width:760px){.admin-main{min-width:0}.admin-content{padding-inline:14px}.admin-content>header{align-items:flex-start;flex-direction:column;gap:14px}.admin-content>header>button,.admin-content>header>.button{width:100%}.brand-settings-body,.settings-grid{grid-template-columns:1fr!important}}