.merchant-studio{overflow:clip}.merchant-studio .workspace{flex-direction:row}.merchant-studio .customization-dock{flex:0 0 min(var(--inspector-width,520px),52vw);width:min(var(--inspector-width,520px),52vw);height:auto;min-height:0;max-height:none;border:0;border-right:1px solid #dededb;background:#f7f7f5;box-shadow:none;order:0}.merchant-studio .preview-area{order:1;flex:1;width:0;min-height:0}.merchant-studio .inspector-shell{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;color:#303030;font-size:13px}.merchant-studio .dock-top{padding:16px;min-height:70px;gap:12px;border-bottom:1px solid #e4e4e0;background:#fff}.merchant-studio .dock-heading{display:flex;min-width:0;flex:1;gap:4px}.merchant-studio .dock-heading b{font-size:14px;font-weight:650;color:#202020}.merchant-studio .dock-heading>span{display:block;font-size:12px;color:#686863}.merchant-studio .inspector-close{display:grid;place-items:center;width:44px;height:44px;min-width:44px;border:0;border-radius:8px;color:#52524d;background:transparent;cursor:pointer}.merchant-studio .inspector-close:hover{background:#f1f1ed}.merchant-studio .inspector-search{display:flex;align-items:center;gap:8px;position:relative;margin:12px 14px;min-height:44px;padding:0 12px;border:1px solid #cccfc9;border-radius:8px;background:#fff;flex-shrink:0}.merchant-studio .inspector-search label{flex:1;min-width:0;font-size:0}.merchant-studio .inspector-search input{width:100%;height:44px;border:0;background:transparent;color:#303030;padding:0;font-size:13px;outline-offset:0}.merchant-studio .inspector-search:focus-within{outline:2px solid #b11226;outline-offset:2px}.merchant-studio .inspector-search input:focus{outline:none}.merchant-studio .inspector-search kbd{font:11px inherit;color:#62665b;white-space:nowrap}.merchant-studio .dock-body{flex:1;min-height:0;min-width:0;gap:0;display:flex;flex-direction:row}.merchant-studio .dock-tabs.inspector-nav{width:152px;flex:0 0 152px;min-width:0;align-items:stretch;justify-content:flex-start;display:flex;flex-direction:column;gap:3px;overflow:auto;padding:0 8px 14px;background:transparent;border-right:1px solid #e4e4e0}.merchant-studio .dock-tabs.inspector-nav>button{display:flex;align-items:center;flex-direction:row;gap:9px;min-height:44px;flex-shrink:0;padding:10px 8px;white-space:normal;text-align:left;font-size:12px;line-height:1.4;font-weight:500;color:#53564f;border:0;border-radius:7px;background:transparent;cursor:pointer}.merchant-studio .dock-tabs.inspector-nav>button svg{display:block;flex-shrink:0;width:17px;height:17px}.merchant-studio .dock-tabs.inspector-nav>button svg:last-child{width:12px;margin-left:auto;opacity:0}.merchant-studio .dock-tabs.inspector-nav>button[aria-pressed=true]{color:#b11226;background:#f6e8eb;font-weight:650}.merchant-studio .dock-tabs.inspector-nav>button[aria-pressed=true] svg:last-child{opacity:1}.merchant-studio .dock-tabs.inspector-nav>button:hover{background:#eeefea;color:#252622}.merchant-studio .inspector-editor{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;background:#f7f7f5}.merchant-studio .dock-subnav{display:flex;flex:0 0 auto;flex-direction:row;align-items:center;gap:4px;min-height:52px;padding:4px 12px;overflow:auto;border:0;border-bottom:1px solid #e4e4e0;background:transparent}.merchant-studio .dock-subnav>button{min-height:44px;flex-shrink:0;padding:8px 10px;font-size:12px;white-space:nowrap;border:0;border-radius:6px;color:#62655d;background:transparent;cursor:pointer}.merchant-studio .dock-subnav>button[aria-pressed=true]{background:#fff;color:#252622;box-shadow:0 1px 3px #00000012;font-weight:600}.merchant-studio .dock-content{padding:20px 16px 28px;min-height:0;overflow:auto;scrollbar-color:#c3c5be transparent;background:transparent}.merchant-studio .inspector-page-heading{margin-bottom:20px}.merchant-studio .inspector-page-heading>span{display:block;font-size:11px;color:#62665b;margin-bottom:6px}.merchant-studio .inspector-page-heading h2{font-size:20px;line-height:1.25;letter-spacing:-.4px;color:#252622;margin:0 0 8px;font-weight:650}.merchant-studio .inspector-page-heading p{font-size:12px;line-height:1.6;color:#62665b;margin:0}.merchant-studio .dock-grid,.merchant-studio .dock-grid:has(>.dock-group:nth-child(3)){display:flex;flex-direction:column;gap:18px;max-width:none}.merchant-studio .dock-grid[hidden]{display:none}.merchant-studio .dock-group{min-width:0;border:1px solid #e4e5df;border-radius:10px;background:#fff;padding:16px;box-shadow:0 1px 2px #00000004}.merchant-studio .dock-group:has(>s-section){padding:0;border:0;box-shadow:none;background:transparent}.merchant-studio .dock-group h3{font-size:13px;line-height:1.5;font-weight:650;color:#303030;margin:0 0 12px}.merchant-studio .dock-group .hint{font-size:12px;line-height:1.6;color:#65695e;margin:0 0 14px}.merchant-studio .control-group-fields{display:flex;flex-direction:column;gap:14px;min-width:0}.merchant-studio .control-group-fields>.field,.merchant-studio .control-group-fields>.number-control{margin:0}.merchant-studio .dock-group .field{font-size:12px;line-height:1.5;color:#42463d;gap:6px;display:flex;flex-direction:column}.merchant-studio .dock-group :is(input:not([type=color]):not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){min-height:44px;border:1px solid #b7bbb0;border-radius:7px;background:#fff;color:#30362a;padding:9px 10px;font-size:13px;width:100%;min-width:0}.merchant-studio .dock-group .toggle-row{min-height:48px;gap:12px;padding:10px 0;color:#42463d}.merchant-studio .dock-group .toggle-row span:first-child{font-size:13px;line-height:1.5}.merchant-studio .dock-group .toggle-row input{width:44px;height:44px}.merchant-studio .polaris-toggle{min-height:44px;display:flex;align-items:center}.merchant-studio .polaris-toggle>s-switch{width:100%}.merchant-studio .dock-group :is(s-select,s-text-field,s-text-area,s-number-field){display:block;width:100%;margin-block:0 4px}.merchant-studio .recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.merchant-studio .recipe-grid>button{border:1px solid #d9ddd2;background:#fff;border-radius:8px;padding:10px;color:#30362a;min-height:72px;font-size:12px}.merchant-studio .recipe-grid>button[aria-pressed=true]{border:2px solid #b11226;background:#fcf5f6;padding:9px}.merchant-studio .recipe-grid b{font-size:12px;line-height:1.5;color:#30362a;margin-top:8px}.merchant-studio .recipe-grid small{display:block;font-size:11px;line-height:1.5;color:#666c5e}.merchant-studio .recipe-art{height:64px}.merchant-studio .layout-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-studio .layout-tiles button{min-height:68px;border:1px solid #d9ddd2;border-radius:8px;padding:10px;font-size:12px}.merchant-studio .setup-shortcuts{display:flex;flex-direction:column;gap:6px}.merchant-studio .setup-shortcuts button{justify-content:space-between;min-height:44px;text-align:left;margin:0}.merchant-studio .spacing-options{gap:6px;flex-wrap:wrap}.merchant-studio .spacing-options>button{min-width:70px;flex:1;padding:10px}.merchant-studio .dock-colors{display:flex;flex-wrap:wrap;gap:14px;padding:0}.merchant-studio .dock-colors label{min-height:44px}.merchant-studio .advanced-settings{border:1px solid #e1e4da;border-radius:8px;background:#fafbf8;margin:0}.merchant-studio .advanced-settings>summary{min-height:44px;padding:12px;font-size:12px;line-height:1.5;color:#505747}.merchant-studio .advanced-content{padding:14px}.merchant-studio .dock-content .reset-link,.merchant-studio .dock-content .secondary,.merchant-studio .number-presets button{min-height:44px;min-width:44px;white-space:normal;font-size:12px}.merchant-studio .number-presets{display:flex;flex-wrap:wrap;gap:4px}.merchant-studio .number-control input[type=range]{min-height:32px;margin:6px 0;width:100%}.merchant-studio .number-presets .reset-link{margin-left:auto;display:inline-flex;align-items:center;gap:5px}.merchant-studio .control-search-results>button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:64px;padding:14px;text-align:left;border:1px solid #e0e3da;border-radius:8px;background:#fff;color:#30362a;margin-bottom:8px}.merchant-studio .control-search-results small{display:block;line-height:1.5;font-size:11px;color:#62695a;margin-top:5px}.merchant-studio .control-search-results h2{font-size:18px}.merchant-studio .control-search-results p{font-size:12px;line-height:1.6;color:#62695a}.merchant-studio .inspector-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-top:1px solid #e1e4da;min-height:68px;flex-shrink:0}.merchant-studio .inspector-footer>span{display:flex;align-items:center;gap:6px;font-size:11px;color:#666d5e}.merchant-studio .inspector-footer i{width:6px;height:6px;border-radius:50%;background:#67735a}.merchant-studio .inspector-footer i[data-dirty=true]{background:#9b7100}.merchant-studio .inspector-footer>div{display:flex;gap:6px}.merchant-studio .inspector-footer button{min-height:44px;font-size:12px;padding:9px 12px}.merchant-studio .inspector-shell button:focus-visible{outline:2px solid #b11226;outline-offset:2px}.merchant-studio .dock-resizer{inset:0 -4px 0 auto;width:8px;height:auto;cursor:ew-resize;z-index:8}.merchant-studio .dock-resizer span{height:40px;width:3px;background:#c3c8bc}.merchant-studio .preview-toolbar{height:auto;min-height:60px;flex-wrap:wrap;padding:10px 18px;gap:10px}.merchant-studio .preview-title{display:none}.merchant-studio .canvas-workspace{padding:20px;min-height:0}.merchant-studio .panel-toggle{min-height:44px}@media(min-width:900px) and (max-width:1199px){.merchant-studio .customization-dock{flex-basis:min(var(--inspector-width,520px),52vw);width:min(var(--inspector-width,520px),52vw)}.merchant-studio .dock-tabs.inspector-nav{flex-basis:124px;width:124px;padding-inline:5px}.merchant-studio .dock-tabs.inspector-nav>button{font-size:11px;gap:6px}.merchant-studio .dock-tabs.inspector-nav>button svg:last-child{display:none}.merchant-studio .dock-content{padding:16px 12px}.merchant-studio .header-actions{gap:6px}.merchant-studio .breadcrumb>button,.merchant-studio .breadcrumb>svg,.merchant-studio .header-actions .ai-refine-action span{display:none}}@media(max-width:899px){.merchant-studio .workspace{flex-direction:column}.merchant-studio .preview-area{order:0;width:100%;flex:1;min-height:180px}.merchant-studio .customization-dock{order:1;flex:0 0 min(var(--dock-height,400px),57dvh);height:min(var(--dock-height,400px),57dvh);width:100%;min-height:300px;border:0;border-top:1px solid #dededb}.merchant-studio .dock-top{min-height:56px;padding:6px 14px}.merchant-studio .dock-heading>span{display:none}.merchant-studio .inspector-search{margin:8px 14px}.merchant-studio .inspector-search kbd{display:none}.merchant-studio .dock-body{flex-direction:column}.merchant-studio .dock-tabs.inspector-nav{flex:0 0 48px;width:100%;flex-direction:row;overflow-x:auto;padding:0 10px 4px;border:0;border-bottom:1px solid #e0e3da;gap:4px}.merchant-studio .dock-tabs.inspector-nav>button{padding:8px 10px;min-height:44px;white-space:nowrap;font-size:12px}.merchant-studio .dock-tabs.inspector-nav>button svg:last-child{display:none}.merchant-studio .dock-tabs.inspector-nav>button svg{width:16px;height:16px}.merchant-studio .dock-subnav{min-height:48px;padding:0 10px}.merchant-studio .dock-content{padding:16px}.merchant-studio .inspector-page-heading{margin-bottom:14px}.merchant-studio .dock-grid{gap:14px}.merchant-studio .inspector-footer{min-height:62px;padding:8px 14px}.merchant-studio .dock-resizer{inset:-4px 0 auto;width:auto;height:8px;cursor:ns-resize}.merchant-studio .dock-resizer span{width:40px;height:3px}.merchant-studio .preview-toolbar{padding:7px 10px;min-height:54px}.merchant-studio .canvas-workspace{padding:10px}}@media(max-width:600px){.merchant-studio .customization-dock{min-height:340px;flex-basis:min(var(--dock-height,440px),59dvh);height:min(var(--dock-height,440px),59dvh)}.merchant-studio .dock-top{min-height:48px;padding-block:2px}.merchant-studio .dock-heading b{font-size:13px}.merchant-studio .inspector-search{margin-block:5px;min-height:40px}.merchant-studio .inspector-search input{height:40px}.merchant-studio .inspector-footer{padding:7px 12px}.merchant-studio .inspector-footer>span{font-size:10px}.merchant-studio .inspector-page-heading>span{display:none}.merchant-studio .inspector-page-heading h2{font-size:18px}.merchant-studio .inspector-page-heading p{display:none}.merchant-studio .topbar{min-height:54px}.merchant-studio .header-actions .primary,.merchant-studio .header-actions .secondary{min-height:44px}.merchant-studio .preview-toolbar .zoom-controls{display:none}.merchant-studio .panel-toggle{font-size:11px}.merchant-studio .preview-toolbar .device-switcher button{min-height:44px;min-width:36px}.merchant-studio .canvas-options{display:none}}.merchant-studio .inspector-media-strip{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.merchant-studio .inspector-media-strip figure{margin:0;flex:0 0 64px;text-align:center}.merchant-studio .inspector-media-strip figure>span,.merchant-studio .inspector-media-strip img{display:block;width:64px;height:64px;object-fit:contain;background:#f4f4ef;border:1px solid #e4e6dc;border-radius:6px}.merchant-studio .inspector-media-strip figcaption{font-size:10px;color:#62665b;line-height:1.5;margin-top:4px;text-transform:capitalize}.merchant-studio .inspector-media-link{display:inline-flex;align-items:center;min-height:44px;color:#9e1023;font-size:12px;line-height:1.5}@media(max-height:650px) and (max-width:899px){.merchant-studio .customization-dock{min-height:0}.merchant-studio .dock-top{display:none}.merchant-studio .preview-area{min-height:120px}}@media(max-height:650px) and (min-width:700px) and (max-width:899px){.merchant-studio .workspace{flex-direction:row}.merchant-studio .customization-dock{order:0;flex:0 0 52%;height:auto;width:52%;border-top:0;border-right:1px solid #dededb}.merchant-studio .preview-area{order:1;width:0;flex:1}.merchant-studio .dock-resizer,.merchant-studio .inspector-page-heading{display:none}}.merchant-studio .dock-group>s-section{display:block}.merchant-studio .dock-group>s-section:not(:defined){padding:16px;border:1px solid #e4e5df;border-radius:10px;background:#fff}.merchant-studio .field>label{font-size:12px;line-height:1.5;color:#42463d}.merchant-studio .field>small{font-size:11px;line-height:1.6;color:#62665b}.merchant-studio .markdown-toolbar{display:flex;gap:4px;padding:5px;border:1px solid #cbd0c3;border-bottom:0;border-radius:7px 7px 0 0;background:#f7f8f4}.merchant-studio .markdown-toolbar button{display:grid;place-items:center;min-width:36px;min-height:36px;border-radius:5px;color:#30362a}.merchant-studio .markdown-toolbar button:hover{background:#e6e9df}.merchant-studio .markdown-toolbar+textarea{border-top-left-radius:0;border-top-right-radius:0;margin-top:-6px}.merchant-studio .markdown-field textarea{resize:vertical;min-height:76px}.merchant-studio .code-field textarea{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;tab-size:2;min-height:220px;resize:vertical;line-height:1.7}.merchant-studio .availability-editor-sample{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;border:1px solid transparent;border-radius:24px;padding:5px 10px;font-size:12px}.merchant-studio .availability-editor-sample[data-style=outline]{border-color:currentColor;border-radius:5px}.merchant-studio .availability-editor-sample[data-style=text]{padding:0;background:transparent!important;border:0}.merchant-studio .control-color-value{display:flex;gap:10px;align-items:center}.merchant-studio .control-color-value input{width:48px;height:40px}.merchant-studio .control-color-value span{font:12px ui-monospace,monospace;color:#42463d}.merchant-studio .interaction-preset-art{display:flex;gap:9px;align-items:center;height:70px;padding:10px;border-radius:5px;background:#f0f1ed;overflow:hidden;width:100%}.merchant-studio .interaction-preset-art>.mini-product{display:block;width:40%;height:100%;border-radius:5px;background:linear-gradient(135deg,#d6d7cc,#bfc5b6);box-shadow:inset 0 0 0 1px #00000008}.merchant-studio .interaction-preset-art>span{display:grid;gap:6px;flex:1}.merchant-studio .interaction-preset-art>span>i{height:5px;background:#c3c8bd;border-radius:2px;width:90%}.merchant-studio .interaction-preset-art>span>i:nth-child(2){width:65%;height:3px}.merchant-studio .interaction-preset-art>span>.mini-action{height:13px;background:#314f3c;width:100%;margin-top:7px;border-radius:3px}.merchant-studio .interaction-preset-luxury{background:#f2ede5}.merchant-studio .interaction-preset-luxury>.mini-product{border-radius:0;background:#c8bcaa}.merchant-studio .interaction-preset-luxury>span>.mini-action{background:#3f362f;border-radius:0}.merchant-studio .interaction-preset-fashion{position:relative}.merchant-studio .interaction-preset-fashion>.mini-product{width:100%;background:linear-gradient(120deg,#e6d6c8,#b29b82)}.merchant-studio .interaction-preset-fashion>span{position:absolute;inset:auto 16px 13px;width:calc(100% - 32px)}.merchant-studio .interaction-preset-fashion>span>i:not(.mini-action){display:none}.merchant-studio .interaction-preset-playful{background:#f4e8e5}.merchant-studio .interaction-preset-playful>.mini-product{border-radius:18px;background:linear-gradient(130deg,#edbc91,#c96d79)}.merchant-studio .interaction-preset-playful>span>.mini-action{background:#9a2446;border-radius:12px}.merchant-studio .interaction-preset-media>.mini-product{width:62%;box-shadow:-5px 0 0 #e0e4d9,5px 0 0 #d5dccd}.merchant-studio .interaction-preset-technical{background:#e7edf1}.merchant-studio .interaction-preset-technical>span>i{height:7px;background:repeating-linear-gradient(90deg,#9cabb5 0 8px,transparent 8px 12px)}.merchant-studio .interaction-preset-minimal>.mini-product{background:#e4e6df}.merchant-studio .interaction-preset-minimal>span>.mini-action{background:transparent;box-shadow:inset 0 0 0 1px #919b88}.merchant-studio .interaction-preset-conversion>span>.mini-action{height:18px}.merchant-studio .image-focus-editor{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.merchant-studio .image-focus-editor small,.merchant-studio .preview-fidelity-note{color:var(--brand-muted,#616167);font-size:12px;line-height:1.6}.merchant-studio .image-focus-source{position:relative;display:block;max-width:100%;padding:0;border:1px solid var(--brand-border,#d4d4d8);border-radius:6px;background:var(--brand-surface,#f7f4f2);cursor:crosshair;touch-action:none;overflow:hidden}.merchant-studio .image-focus-source img{display:block;width:auto;height:auto;max-width:100%;max-height:220px;pointer-events:none}.merchant-studio .image-focus-source:focus-visible{outline:2px solid var(--brand-accent,#b11226);outline-offset:3px}.merchant-studio .image-focus-target{position:absolute;width:22px;height:22px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #b11226;transform:translate(-50%,-50%);pointer-events:none}.merchant-studio .interaction-style-sample{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 0;margin-bottom:8px}.merchant-studio .interaction-style-sample>span{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;font-size:13px}.merchant-studio .preview-fidelity-note{margin:10px 20px;max-width:720px}.merchant-studio .page-reset{margin:4px 0 8px;text-align:left}.type-role-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px}.type-role-tabs button{padding:9px 8px;background:transparent;border:1px solid var(--border,#dedbd8);border-radius:6px;text-align:start;font:inherit;font-size:12px;cursor:pointer}.type-role-tabs button[aria-pressed=true]{background:#b6102910;border-color:#b61029;color:#a00d23}.type-sample{padding:18px 14px;background:#f7f5f2;border-radius:6px;overflow-wrap:anywhere;min-width:0}.type-sample>span{display:block;font-size:44px;line-height:1.15}.type-sample p{font-size:21px;line-height:1.35;margin:8px 0}.type-sample small{font:11px/1.5 Arial,sans-serif;letter-spacing:0;color:#666}.type-library-search{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:8px}.type-library-search label{font-size:12px;display:grid;gap:5px;min-width:0}.type-library-search :is(input,select){width:100%;min-width:0;padding:9px 7px;border:1px solid #d6d1ce;border-radius:5px;background:#fff;font:inherit}.type-pairings{display:grid;grid-template-columns:1fr 1fr;gap:6px}.type-pairings button{padding:10px;background:#fff;border:1px solid #dedbd8;border-radius:6px;font:inherit;text-align:start;cursor:pointer}.type-pairings button[aria-pressed=true]{border-color:#b61029;background:#b6102908}.type-pairings b{font-size:12px}.type-pairings small{display:block;font-size:10px;line-height:1.5;color:#696560;margin-top:4px;overflow-wrap:anywhere}.type-custom-font{display:flex;gap:10px;align-items:center;justify-content:space-between;padding-block:6px}.type-custom-font small{display:block;font-size:11px;color:#696560}.type-library-search :is(input,select):focus-visible,.type-pairings button:focus-visible,.type-role-tabs button:focus-visible{outline:2px solid #b61029;outline-offset:2px}.merchant-studio .inspector-page-heading[data-page=typography]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.merchant-studio .inspector-page-heading[data-page=typography]>p,.merchant-studio .inspector-page-heading[data-page=typography]>span{display:none}.merchant-studio .inspector-page-heading[data-page=typography] h2{font-size:16px;margin:0}.merchant-studio .inspector-page-heading[data-page=typography] .page-reset{margin-inline-start:auto}.background-control{display:grid;gap:10px;min-width:0;padding-block:4px}.background-control-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.background-chip{width:32px;height:22px;border:1px solid #0002;border-radius:4px;flex:none}.background-modes{display:flex;gap:3px;padding:3px;border:1px solid #dedbd7;border-radius:6px}.background-modes button{flex:1;min-width:0;min-height:36px;border:0;border-radius:4px;background:transparent;font:inherit;font-size:11px;padding:6px;cursor:pointer}.background-modes button[aria-pressed=true]{color:#a00d24;background:#b112260f;font-weight:600}.background-solid{display:flex!important;align-items:center;gap:10px;font-size:12px}.background-solid small{margin-inline-start:auto;font-size:11px;color:#62605b}.background-control input[type=color]{width:44px;min-width:44px;height:36px;min-height:36px;padding:2px;border:1px solid #d8d3ce;border-radius:4px;background:#fff;cursor:pointer}.background-gradient-editor summary{min-height:44px;display:list-item;list-style:disclosure-closed;padding:12px 0;cursor:pointer;font-size:12px}.background-gradient-editor[open] summary{list-style:disclosure-open}.background-gradient-fields{display:grid;gap:12px;padding-block:2px 10px}.background-gradient-preview{min-height:64px;padding:14px 12px;display:flex;align-items:center;border-radius:5px;font-size:13px;overflow-wrap:anywhere}.background-settings-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.background-control label{min-width:0;font-size:11px}.background-settings-row label{display:grid;gap:5px}.background-control :is(select,input[type=number]){min-width:0;width:100%;min-height:38px;padding:7px;border:1px solid #d8d3ce;border-radius:4px;background:#fff;color:#292724;font:inherit;font-size:12px}.background-settings-row label>span{font-size:10px;color:#68635f}.background-stops{display:grid;gap:10px}.background-stop{display:grid;grid-template-columns:minmax(0,1fr) 70px auto;gap:8px;align-items:end}.background-stop>label:first-child{display:grid;grid-template-columns:44px minmax(0,1fr);gap:5px;align-items:center}.background-stop>label:first-child>span{grid-column:1/-1}.background-stop small{font-size:10px;color:#68635f;overflow-wrap:anywhere}.background-stop>label:nth-child(2){display:grid;grid-template-columns:minmax(0,1fr) 12px;align-items:center;gap:5px}.background-stop>label:nth-child(2)>span:first-child{grid-column:1/-1}.background-stop .reset-link{font-size:10px!important;padding:4px;min-width:0!important}.background-stop-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.background-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.background-presets button{display:grid;gap:5px;min-height:44px;background:transparent;border:1px solid #e2dcd7;border-radius:5px;padding:5px;font:inherit;font-size:10px;cursor:pointer}.background-presets i{height:24px;border-radius:2px}.background-contrast-note{font-size:11px;line-height:1.6;padding:8px;background:#fff6f2;color:#8c1328;border-radius:4px;margin:0}.background-control :is(button,summary,select,input):focus-visible{outline:2px solid #b11226;outline-offset:2px}.merchant-studio .settings-navigation{display:flex;min-height:0;flex:0 0 152px}.merchant-studio .settings-navigation .inspector-nav{width:100%;flex:1}.merchant-studio .settings-navigation .inspector-nav>button svg:last-child{opacity:1;width:17px;margin:0;display:block}.merchant-studio .settings-menu-toggle{display:none}.merchant-studio .settings-detail-links{display:flex;flex-direction:column;gap:0;min-width:0}.merchant-studio .settings-detail-links>h3{font-size:13px;margin:4px 0 8px;color:#303030}.merchant-studio .settings-detail-links>p{font-size:12px;line-height:1.6;color:#62665b;margin:0 0 12px}.merchant-studio .settings-detail-links>button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px;width:100%;padding:13px 12px;text-align:left;border:1px solid #dededb;background:#fff;color:#303030;cursor:pointer;margin:0 0 -1px;white-space:normal}.merchant-studio .settings-detail-links>button:first-of-type{border-radius:8px 8px 0 0}.merchant-studio .settings-detail-links>button:last-of-type{border-radius:0 0 8px 8px}.merchant-studio .settings-detail-links>button:hover{background:#f1f2ee}.merchant-studio .settings-detail-links b{font-size:12px;line-height:1.5;font-weight:600}.merchant-studio .settings-detail-links small{display:block;font-size:11px;line-height:1.5;color:#62665b;margin-top:3px}.merchant-studio .settings-detail-links svg{flex-shrink:0}.merchant-studio .settings-summary{display:grid;gap:12px;margin:0;font-size:12px;line-height:1.5}.merchant-studio .settings-summary dt{color:#62665b}.merchant-studio .settings-summary dd{margin:2px 0 0;font-weight:600}.merchant-studio .settings-color-summary{display:grid;gap:8px}.merchant-studio .settings-color-summary button{display:flex;align-items:center;gap:12px;border:1px solid #dededb;border-radius:7px;background:#fff;text-align:left;min-height:52px;padding:8px;color:#303030;cursor:pointer;font-size:12px}.merchant-studio .settings-color-summary button>i{height:32px;width:32px;border:1px solid #0003;border-radius:6px;flex:none}.merchant-studio .settings-color-summary button>span{flex:1}.merchant-studio .settings-color-summary small{display:block;color:#62665b;font-size:11px;margin-top:3px}.merchant-studio .control-search-results{display:flex;flex-direction:column;padding:0;gap:0}.merchant-studio .settings-modal{box-sizing:border-box;position:fixed;inset:0;margin:auto;padding:0;border:1px solid #cccfc9;border-radius:14px;background:#f7f7f5;color:#303030;width:min(760px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);overflow:visible;box-shadow:0 20px 80px #0003;font:inherit}.merchant-studio .settings-modal::backdrop{background:rgb(20 23 20/48%)}.merchant-studio .settings-modal-surface{display:flex;flex-direction:column;max-height:calc(100dvh - 50px);min-height:0;overflow:hidden;border-radius:inherit}.merchant-studio .settings-modal-head{display:flex;align-items:flex-start;gap:16px;background:#fff;border-bottom:1px solid #dededb;padding:20px 24px;flex-shrink:0}.merchant-studio .settings-modal-head>div{flex:1;min-width:0}.merchant-studio .settings-modal-head h2{font-size:20px;line-height:1.4;margin:0 0 6px;font-weight:650;letter-spacing:-.3px;outline:none}.merchant-studio .settings-modal-head p{font-size:12px;line-height:1.6;margin:0;color:#62665b}.merchant-studio .settings-modal-head .icon-button{min-width:44px;min-height:44px;flex-shrink:0}.merchant-studio .settings-modal-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px;scroll-padding-block:16px}.merchant-studio .settings-modal-body>.dock-grid{display:flex;flex-direction:column;gap:18px}.merchant-studio .settings-modal-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;flex-shrink:0;background:#fff;border-top:1px solid #dededb;padding:14px 24px}.merchant-studio .settings-modal-footer>span{flex:1;font-size:11px;line-height:1.5;color:#62665b;max-width:280px}.merchant-studio .settings-modal-footer>div{display:flex;gap:8px;margin-left:auto}.merchant-studio .settings-modal-footer button{min-height:44px;white-space:normal}.merchant-studio .settings-detail-section>h3{font-size:13px;margin:6px 0 12px}.merchant-studio .settings-detail-section>.advanced-content{padding:0;display:flex;flex-direction:column;gap:14px}.merchant-studio .settings-reset{min-height:44px;margin-bottom:16px}.merchant-studio .settings-modal :is(button,summary,input,textarea,select):focus-visible{outline:2px solid #b11226;outline-offset:2px}.merchant-studio .settings-modal[open]{animation:settings-open .14s ease-out}@keyframes settings-open{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:900px) and (max-width:1199px){.merchant-studio .settings-navigation{flex-basis:124px}}@media(max-width:899px){.merchant-studio .settings-navigation{display:flex;flex:0 0 auto;flex-direction:column;min-height:0}.merchant-studio .settings-menu-toggle{display:flex;align-items:center;gap:10px;min-height:44px;width:100%;border:0;border-bottom:1px solid #dededb;background:#fff;color:#303030;padding:8px 16px;text-align:left;font-size:12px;cursor:pointer}.merchant-studio .settings-menu-toggle>span{flex:1;font-weight:600}.merchant-studio .settings-navigation .inspector-nav{display:none;flex:none;width:100%;border:0;border-bottom:1px solid #dededb;padding:6px 10px;max-height:210px;overflow:auto}.merchant-studio .settings-navigation .inspector-nav[data-mobile-open=true]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.merchant-studio .settings-navigation .inspector-nav>button{white-space:normal;text-align:left}}@media(max-width:600px){.merchant-studio .settings-modal{width:100vw;height:100dvh;max-height:100dvh;max-width:100vw;border:0;border-radius:0;margin:0}.merchant-studio .settings-modal-surface{height:100%;max-height:100dvh;border-radius:0}.merchant-studio .settings-modal-head{padding:12px 16px}.merchant-studio .settings-modal-head h2{font-size:18px}.merchant-studio .settings-modal-body{padding:16px}.merchant-studio .settings-modal-footer{padding:10px 16px max(10px,env(safe-area-inset-bottom))}.merchant-studio .settings-modal-footer>span{display:none}.merchant-studio .settings-modal-footer>div{width:100%}.merchant-studio .settings-modal-footer button{flex:1}}@media(prefers-reduced-motion:reduce){.merchant-studio .settings-modal[open]{animation:none}}.merchant-studio .guided-review-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;min-height:44px;margin:10px 16px 0;padding:10px 12px;border:1px solid var(--brand-border-light);border-radius:8px;background:var(--brand-white);color:var(--brand-crimson);text-align:left;font-size:12px;font-weight:600}.merchant-studio .guided-review{width:min(560px,calc(100vw - 48px));margin-inline:auto 24px}.guided-steps{display:flex;list-style:none;gap:16px;padding:0 0 20px;margin:0;border-bottom:1px solid var(--brand-border-light);color:var(--brand-muted-light)}.guided-steps li{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.5}.guided-steps li>span{width:25px;height:25px;border:1px solid var(--brand-border-light);border-radius:50%;display:grid;place-items:center;flex-shrink:0}.guided-steps li[aria-current]{color:var(--brand-crimson);font-weight:650}.guided-steps li[aria-current]>span{background:var(--brand-crimson);border-color:var(--brand-crimson);color:var(--brand-white)}.guided-step-heading{font-size:18px;line-height:1.5;margin:20px 0;outline:none}.merchant-studio .guided-fields{display:flex;flex-direction:column;gap:16px}.merchant-studio .guided-fields>.secondary{justify-content:space-between;min-height:44px}.merchant-studio .guided-review .settings-modal-footer{flex-wrap:nowrap}.merchant-studio .guided-review .settings-modal-footer>.reset-link{min-height:44px;flex-shrink:0;color:var(--brand-muted-light)}.merchant-studio .settings-more>summary{min-height:44px;cursor:pointer;font-size:12px;line-height:1.5;padding-block:14px;color:var(--brand-muted-light)}.merchant-studio .settings-primary .background-control{margin-bottom:16px}.merchant-studio .settings-primary input[type=color]{min-height:40px;width:100%;padding:3px}.design-reference{margin-block:20px;padding-block:16px;border-top:1px solid var(--brand-border-light);border-bottom:1px solid var(--brand-border-light)}.design-reference input[type=file]{max-width:100%;white-space:normal}.reference-previews{display:flex;flex-wrap:wrap;gap:10px;margin-block:12px}.reference-previews img{width:96px;height:72px;object-fit:contain;border:1px solid var(--brand-border-light);border-radius:6px;background:var(--brand-white)}.studio-welcome h2{font-size:28px;line-height:1.2;margin:8px 0 18px;letter-spacing:-.6px}.studio-welcome>p{font-size:14px;line-height:1.7;max-width:640px;color:var(--brand-muted-light)}.welcome-directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-block:28px}.welcome-directions>button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;padding:20px;border:1px solid var(--brand-border-light);border-radius:10px;min-height:164px;background:var(--brand-white);color:var(--brand-ink)}.welcome-directions b{font-size:14px;line-height:1.5}.welcome-directions small{font-size:12px;line-height:1.6;color:var(--brand-muted-light)}.welcome-directions>button:hover{border-color:var(--brand-crimson)}.onboarding .onboarding-steps{flex-wrap:wrap;row-gap:12px}.onboarding .onboarding-footer .wizard-actions>.primary,.onboarding .onboarding-footer .wizard-actions>.secondary{min-height:44px}.merchant-studio .guided-review .validation-warning,.onboarding .validation-warning{color:var(--brand-error-light)}.guided-fields .hint{color:var(--brand-muted-light)}@media(max-width:600px){.merchant-studio .guided-review{width:100vw;margin:0}.merchant-studio .guided-review .settings-modal-footer>div{width:auto;margin-left:auto}.merchant-studio .guided-review .settings-modal-footer button{flex:0 1 auto}.guided-steps{gap:10px;justify-content:space-between}.guided-steps li{font-size:11px;gap:5px}.guided-steps li>span{width:22px;height:22px}.welcome-directions{grid-template-columns:1fr;margin-block:20px;gap:10px}.welcome-directions>button{min-height:100px;padding:14px}.studio-welcome h2{font-size:24px}.onboarding .onboarding-steps{padding:14px 16px;gap:12px}.onboarding .onboarding-steps li{font-size:11px}.onboarding .onboarding-footer{gap:8px;align-items:center}.onboarding .onboarding-footer>div:first-child>.hint{display:none}.onboarding .wizard-directions .goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.onboarding-body h2:focus{outline:none}.welcome-directions .glyph-featured i:first-child{width:32px;height:26px}.welcome-directions .glyph-featured i:not(:first-child){display:none}.merchant-studio .merchant-access-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px;padding:7px 20px;background:#fff;border-bottom:1px solid var(--brand-border-light);font-size:12px;color:var(--brand-ink);flex-shrink:0}.merchant-access-bar>span{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.merchant-access-bar>span>span{color:var(--brand-muted-light)}.merchant-access-bar button{color:var(--brand-crimson);text-decoration:underline;text-underline-offset:3px;min-height:32px;white-space:nowrap;font-size:12px}.merchant-plan-details>h3{font-size:20px;margin:0 0 12px}.merchant-plan-details dl{display:grid;gap:0;margin:20px 0}.merchant-plan-details dl>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--brand-border-light);font-size:12px;line-height:1.6}.merchant-plan-details dt{color:var(--brand-muted-light)}.merchant-plan-details dd{margin:0;font-weight:550}.merchant-plan-details dd small{display:block;font-weight:400;color:var(--brand-muted-light);font-size:11px}.merchant-studio .merchant-access-pending{margin:0;padding:12px 20px;border-bottom:1px solid var(--brand-border-light);font-size:12px;background:#fff8ec;color:#65450b}@media(max-width:600px){.merchant-studio .merchant-access-bar{padding:7px 14px;font-size:11px}.merchant-access-bar>span{gap:3px;flex-direction:column;align-items:flex-start}.merchant-access-bar button{min-height:44px}.merchant-plan-details dl>div{grid-template-columns:1fr;gap:4px}}.playground-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 20px;border-bottom:1px solid var(--brand-border-light);background:#fff;color:var(--brand-ink);font-size:12px;line-height:1.6;flex-shrink:0}.playground-banner>div,.playground-banner>nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.playground-banner span{color:var(--brand-muted-light)}.playground-banner a,.playground-banner button{color:var(--brand-crimson);font-size:12px;min-height:32px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.playground-banner{padding:7px 14px;gap:4px 12px;flex-wrap:wrap;font-size:11px}.playground-banner>div{gap:6px}.playground-banner>nav{gap:18px}.playground-banner a,.playground-banner button{min-height:36px;font-size:11px}}