/* Only the customer presentation changes; normal tool chrome remains intact. */
.shop-header-editor .shop-editor-status[data-tone=success]{color:#08795f}
.shop-icon-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.shop-icon-controls input{flex:1;min-width:160px;max-width:100%;color:#245343;font:14px/1.5 "Microsoft YaHei",sans-serif}.shop-icon-controls input::file-selector-button{padding:9px 12px;margin-right:10px;border:1px solid #abc8bb;border-radius:7px;background:#edf6f0;color:#245343;cursor:pointer}.shop-header-editor #shop-icon-hint{margin:8px 0;font-size:13px}.shop-header-editor #shop-tab-preview{display:flex;align-items:center;gap:8px;width:min(100%,300px);padding:9px 12px;background:#eef2f5;border:1px solid #d2dde0;border-radius:9px 9px 0 0;color:#253c35}.shop-header-editor #shop-tab-preview img{flex:none}.shop-header-editor #shop-tab-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
body>header.tool-header.shop-header-active{isolation:isolate;height:64px!important;min-height:64px;flex-wrap:nowrap;padding:0;border:0;background:var(--background);color:var(--ink)}
.tool-header.shop-header-active>.brand,.tool-header.shop-header-active>.official-qq,.tool-header.shop-header-active>.top-actions{display:none!important}
.tool-header>.shop-decoration{display:none}
.tool-header.shop-header-active>.shop-decoration{display:block}
.shop-decoration{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.tool-header .shop-header-content{position:absolute;inset:0;min-width:0;overflow:hidden;z-index:1}
.tool-header .shop-header-text{position:relative;height:100%;min-width:0}
/* Match the user's marked regions as proportions of the whole header. */
.tool-header .shop-header-text strong{position:absolute;left:21.5%;width:32.2%;top:8px;display:block;margin:0;font-size:40px;font-weight:700;line-height:48px;letter-spacing:.18em;text-align:center;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tool-header .shop-header-text span{position:absolute;left:57.2%;width:32.3%;bottom:6px;display:block;margin:0;font-size:14px;font-weight:400;line-height:24px;letter-spacing:.08em;text-align:center;color:var(--sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tool-header #shop-header-restore{position:absolute;z-index:2;right:18px;top:10px;height:44px;min-width:76px;padding:0 12px;border:1px solid var(--button-border);border-radius:6px;background:var(--button-bg);color:var(--ink);font:600 13px/42px "Microsoft YaHei","PingFang SC",system-ui,sans-serif;cursor:pointer;box-shadow:none}
.tool-header #shop-header-restore:hover{filter:brightness(1.1)}
.tool-header #shop-header-restore:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.tool-header .top-actions>#shop-header-settings{min-width:44px;min-height:44px;padding:8px}
.tool-header #shop-header-open:disabled,.tool-header #shop-header-settings:disabled,.tool-header #shop-header-restore:disabled{cursor:wait;opacity:.65}
[data-shop-theme="silver"]{--background:linear-gradient(110deg,#dde5ef 0%,#f4f4fa 25%,#fff 49%,#f1f7f6 70%,#dae9e7 100%);--ink:#29394b;--sub:#526274;--button-border:#aabbc6;--button-bg:#ffffffa6}
[data-shop-theme="navy"]{--background:linear-gradient(108deg,#244b85 0%,#162d53 28%,#112441 52%,#19385e 78%,#246779 100%);--ink:#fff;--sub:#c8deec;--button-border:#87a7c180;--button-bg:#142e4b75}
[data-shop-theme="forest"]{--background:linear-gradient(112deg,#256b55 0%,#174d3f 29%,#123d33 54%,#1b584b 78%,#2c7e70 100%);--ink:#fff8e7;--sub:#d8e9d9;--button-border:#cadbb080;--button-bg:#123e3370}
[data-shop-theme="wine"]{--background:linear-gradient(108deg,#843743 0%,#602330 30%,#4b1e2c 54%,#682c3c 79%,#92485a 100%);--ink:#fff0d7;--sub:#efd3cd;--button-border:#dfb98b90;--button-bg:#4b202b75}
[data-shop-theme="gold"]{--background:linear-gradient(108deg,#46423a 0%,#26282a 25%,#1c2023 50%,#292b2b 77%,#514635 100%);--ink:#f3dca8;--sub:#d4c6ac;--button-border:#c0a16b90;--button-bg:#25262485}
dialog.shop-header-editor{box-sizing:border-box;width:min(760px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:24px;margin:auto;overflow:auto;border:0;border-radius:14px;background:#fff;color:#163c34;box-shadow:0 16px 48px rgb(12 35 28 /24%);font:14px/1.5 "Microsoft YaHei","PingFang SC",system-ui,sans-serif;scrollbar-color:#8aafa0 #edf5f1}
dialog.shop-header-editor::backdrop{background:rgb(10 29 24 /48%)}
.shop-header-editor [hidden]{display:none!important}
.shop-header-editor form{display:block;margin:0;padding:0;width:auto;background:none;box-shadow:none;border:0}
.shop-header-editor .shop-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:6px}
.shop-header-editor h2{margin:0;font-size:20px;line-height:1.4;font-weight:700;color:#163c34}
.shop-header-editor p{margin:0 0 18px;color:#455b54;font-size:14px;line-height:1.6}
.shop-header-editor button{box-sizing:border-box;min-height:44px;padding:9px 14px;border:1px solid #abc8bb;border-radius:7px;background:#fff;color:#245343;font:600 14px/1.5 "Microsoft YaHei","PingFang SC",system-ui,sans-serif;box-shadow:none;cursor:pointer}
.shop-header-editor button:hover{background:#edf6f0}
.shop-header-editor button:active{background:#dcefe4}
.shop-header-editor button:disabled{cursor:default;opacity:.65}
.shop-header-editor .shop-editor-close{width:44px;padding:10px;border:0;flex:none}
.shop-editor-close svg{display:block;width:24px;height:24px}
.shop-header-editor fieldset{margin:0 0 18px;padding:0;border:0;min-width:0}
.shop-header-editor legend{padding:0;margin-bottom:8px;font-size:15px;font-weight:700;color:#08795f}
.shop-header-editor input[type=radio]{width:18px;height:18px;margin:0;accent-color:#08795f}
.shop-header-editor .shop-editor-field{display:block;margin:0 0 14px;font-size:15px;font-weight:700;color:#08795f}
.shop-header-editor input[type=text]{display:block;box-sizing:border-box;width:100%;min-height:44px;margin-top:6px;padding:9px 12px;border:1px solid #abc8bb;border-radius:7px;color:#163c34;background:#fff;font:400 14px/1.5 "Microsoft YaHei","PingFang SC",system-ui,sans-serif;caret-color:#08795f}
.shop-header-editor input[type=text]::placeholder{color:#566c63}
.shop-header-editor .shop-editor-note{margin:18px 0 14px;font-size:13px}
.shop-header-editor .shop-editor-status{margin:12px 0;color:#9b2839;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.shop-editor-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:18px}
.shop-header-editor .shop-editor-primary{border-color:#08795f;background:#08795f;color:#fff}
.shop-header-editor .shop-editor-primary:hover{background:#06664f}
.shop-header-editor :focus-visible{outline:3px solid #08795f;outline-offset:2px}
.shop-header-editor ::selection,.shop-header-content ::selection{background:#cceadd;color:#163c34}
.shop-header-editor .shop-theme-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.shop-header-editor .shop-theme-options label{position:relative;display:grid;grid-template-columns:18px 1fr;align-items:center;gap:6px;min-width:0;min-height:86px;padding:6px;border:1px solid #abc8bb;border-radius:7px;cursor:pointer;font-size:13px}
.shop-header-editor .shop-theme-options label:has(:checked){border-color:#08795f;box-shadow:inset 0 0 0 1px #08795f;background:#edf6f0}
.shop-theme-swatch{position:relative;display:block;grid-row:1;grid-column:1 / -1;height:36px;width:100%;overflow:hidden;border-radius:3px;background:var(--background)}
.shop-header-editor .shop-theme-options input{grid-row:2;grid-column:1}
.shop-header-editor .shop-theme-options label>span:last-child{grid-row:2;grid-column:2}
.shop-header-editor .shop-preview{position:relative;isolation:isolate;height:64px;overflow:hidden;margin:14px 0 0;background:var(--background);color:var(--ink)}
.shop-preview-text{position:relative;z-index:1;height:100%;min-width:0}
.shop-preview-text strong{position:absolute;left:21.5%;width:32.2%;top:8px;font-size:28px;font-weight:700;letter-spacing:.18em;line-height:48px;text-align:center;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.shop-preview-text>span{position:absolute;left:57.2%;width:32.3%;bottom:6px;font-size:13px;font-weight:400;line-height:24px;color:var(--sub);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
@media(min-width:851px) and (max-width:1100px){.tool-header .shop-header-text strong{font-size:34px}.tool-header .shop-header-text span{width:calc(42.8% - 110px)}}
@media(min-width:851px) and (max-height:800px){
dialog.shop-header-editor{padding:16px 24px}
.shop-header-editor p{margin-bottom:6px}
.shop-header-editor .shop-editor-field,.shop-header-editor fieldset{margin-bottom:6px}
.shop-header-editor legend{margin-bottom:4px}
.shop-header-editor .shop-theme-options label{min-height:66px}
.shop-header-editor .shop-theme-swatch{height:24px}
.shop-header-editor .shop-preview{margin-top:8px}
.shop-header-editor .shop-editor-note{margin:8px 0}
.shop-header-editor .shop-editor-status{margin:6px 0}
.shop-editor-actions{margin-top:0}
}
@media(max-width:850px){.tool-header #shop-header-open,.tool-header #shop-header-settings,.tool-header #shop-header-restore,.tool-header .shop-header-content,.tool-header>.shop-decoration{display:none!important}}