.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 var(--brand-red);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:var(--brand-red);background:var(--brand-yellow-soft);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 var(--brand-red);background:var(--brand-yellow-soft);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 var(--brand-red);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,var(--brand-red));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 var(--brand-red);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:var(--brand-yellow-soft);color:#8c1328;border-radius:4px;margin:0}.background-control :is(button,summary,select,input):focus-visible{outline:2px solid var(--brand-red);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 var(--brand-red);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:var(--brand-yellow-soft);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}}.merchant-studio[data-view=home],.merchant-studio[data-view=missing]{height:auto;min-height:100dvh;overflow:visible;display:flex;background:var(--embedded-bg,#f7f7f5)}.merchant-studio .topbar .showcases-navigation{white-space:nowrap;flex-shrink:0}.merchant-studio .topbar[data-editor=false]{justify-content:space-between}.merchant-studio .topbar[data-editor=false] .brand{margin-right:auto;min-width:0}.merchant-studio .ai-home{color:var(--embedded-text,#282725);padding:32px;width:100%;overflow:visible}.ai-creation-area{max-width:760px;margin:32px auto 64px}.ai-creation-area h1{font:600 clamp(26px,3vw,36px)/1.22 var(--font-manrope,inherit);letter-spacing:-.035em;margin:0 0 12px}.ai-home-intro{color:#65625f;line-height:1.6;margin:0 0 28px}.ai-prompt-composer{border:1px solid #d4d0cb;border-radius:12px;background:#fff;overflow:hidden}.ai-prompt-composer:focus-within{outline:2px solid var(--brand-crimson,var(--brand-red));outline-offset:2px}.ai-prompt-composer textarea{display:block;resize:vertical;min-height:144px;max-height:288px;overflow-y:auto;width:100%;padding:20px;border:0;outline:none;background:transparent;color:#282725;font-size:16px;line-height:1.65}.ai-prompt-composer textarea::placeholder{color:#77716d}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.composer-actions small{color:#746f6b}.creation-source{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0}.creation-source span,.creation-source strong{display:block}.creation-source span{font-size:12px;color:#716b66;margin-bottom:5px}.creation-source strong{font-size:14px;font-weight:500}.creation-examples{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.creation-examples button{font-size:12px}.starting-design-action{display:block;text-decoration:underline;text-underline-offset:3px;padding:10px 0;margin-top:18px;font-size:13px;color:#665c56}.recent-showcases{max-width:1100px;margin:auto}.recent-showcases>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.recent-showcases h2{font-size:18px;font-weight:600}.recent-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.recent-showcase-card{min-width:0;text-align:left;background:#fff;border:1px solid #dfdcd8;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;color:inherit}.recent-layout-placeholder,.recent-showcase-card img{height:140px;width:100%;object-fit:contain;border-radius:6px;background:#f2f0ed}.recent-showcase-card strong{overflow-wrap:anywhere}.recent-showcase-card time,.recent-showcase-card>span:not(.recent-layout-placeholder){font-size:12px;color:#77716c}.recent-layout-placeholder{display:flex;align-items:center;justify-content:center;gap:8px;padding:30px}.recent-layout-placeholder i{display:block;background:#e3dfda;width:25%;height:75px;border-radius:3px}.generation-experience{position:relative;isolation:isolate;border:1px solid #d3ccc6;border-radius:10px;padding:20px;margin:20px 0;color:inherit}.generation-experience[data-phase=generating]:before{content:"";position:absolute;z-index:-1;inset:-2px;border:2px solid var(--brand-red);border-radius:12px;opacity:.16;pointer-events:none;animation:generation-glow 2.4s ease-in-out infinite}.submitted-brief p{white-space:pre-wrap;margin:0 0 8px;overflow-wrap:anywhere}.generation-elapsed,.submitted-brief small{display:block;color:#726a65;font-size:12px}.generation-experience>p[role=status]{font-weight:500;margin:20px 0 8px}.generation-experience>button{margin-top:16px}.generation-skeleton{border-radius:8px;overflow:hidden;position:relative;background:#eeebe7;padding:20px;margin-top:20px}.generation-skeleton>span{display:block;width:55%;height:15px;background:#ddd7d1;margin-bottom:20px;border-radius:3px}.generation-skeleton>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.generation-skeleton>div span{height:150px;border-radius:4px;background:#e0dad4}.generation-skeleton:after{content:"";position:absolute;inset:0;opacity:.3;background:linear-gradient(90deg,transparent,#fff,transparent);transform:translateX(-100%);animation:generation-shimmer 1.6s linear infinite;pointer-events:none}.generated-candidate{animation:preview-reveal .24s ease-out;min-width:0;overflow:auto;max-width:100%}.ai-refinement .generated-candidate,.refinement-current-preview{max-height:420px;overflow:auto;container-type:inline-size}.refinement-review>div[data-preview]{max-height:420px;overflow:auto}.design-change-summary{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:13px}.design-change-summary h3{font-size:12px;font-weight:600}.design-change-summary ul{margin:0;padding-left:18px;line-height:1.7}.review-actions{display:flex;gap:12px;margin-top:24px}.initial-design-result{padding:12px 20px;background:#fff;border-bottom:1px solid #ded9d3;max-height:200px;overflow:auto;color:#302b27}.initial-design-result h2{font-size:16px;margin:0 0 8px}.initial-design-result .design-change-summary{display:inline-flex;margin-right:20px}.initial-design-result button{margin:4px 8px 4px 0}.ai-home,.merchant-studio .customization-dock:not([hidden]),.refinement-review{animation:panel-reveal .18s ease-out}.ai-permissions h3{font-size:12px}.ai-permissions p{font-size:12px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes generation-glow{50%{opacity:.35}}@keyframes generation-shimmer{to{transform:translateX(100%)}}@keyframes panel-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes preview-reveal{0%{opacity:0}to{opacity:1}}@media(min-width:640px) and (max-width:1023px){.merchant-studio .ai-home{padding:24px}.recent-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.merchant-studio .ai-home{padding:16px}.ai-creation-area{margin-top:24px;margin-bottom:40px}.recent-showcase-grid{grid-template-columns:minmax(0,1fr)}.composer-actions{flex-wrap:wrap}.ai-prompt-composer textarea{padding:16px}.merchant-studio .topbar{flex-wrap:wrap;height:auto;min-height:58px;flex-basis:auto;padding:10px;gap:8px}.merchant-studio .topbar .header-actions{flex-wrap:wrap;margin-left:0;justify-content:flex-start}.merchant-studio .header-actions .ai-refine-action span{display:inline}.merchant-studio .showcases-navigation{font-size:12px}.generation-skeleton>div span{height:100px}.initial-design-result{max-height:180px}.ai-refinement .segments{max-width:100%}.review-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.generation-experience:before,.generation-skeleton:after{animation:none!important}.generation-skeleton:after{display:none}.ai-home,.generated-candidate,.merchant-studio .customization-dock:not([hidden]),.refinement-review{animation:none!important;transition:none!important;transform:none!important}}.submitted-brief p{max-height:6.6em;overflow:auto}.merchant-studio[data-view=editor] .topbar .brand{min-width:0;flex-shrink:0}.merchant-studio[data-view=editor]{height:100dvh;min-height:0;overflow:hidden;background:#f1f2f3}.merchant-studio[data-view=editor] .topbar{position:relative;display:flex;flex:0 0 auto;flex-wrap:nowrap;height:auto;min-height:56px;gap:12px;padding:8px 16px;background:#fff;border-bottom:1px solid #e1e2e4}.merchant-studio[data-view=editor] .breadcrumb>button,.merchant-studio[data-view=editor] .breadcrumb>svg,.merchant-studio[data-view=editor] .topbar .brand{display:none}.merchant-studio[data-view=editor] .breadcrumb{display:flex;flex:1;min-width:80px;max-width:360px;gap:8px;overflow:hidden}.merchant-studio[data-view=editor] .breadcrumb input{width:100%;min-width:0;font-size:13px;text-overflow:ellipsis}.merchant-studio[data-view=editor] .save-state{font-size:11px;white-space:nowrap}.merchant-studio[data-view=editor] .header-actions{margin-left:auto;flex-shrink:0;display:flex;gap:6px;flex-wrap:nowrap}.merchant-studio[data-view=editor] .header-actions .ai-refine-action span{display:inline}.merchant-studio[data-view=editor] .header-actions :is(.primary,.secondary){min-height:36px;padding:8px 11px;font-size:12px}.merchant-studio[data-view=editor] .mobile-design-history{display:none}.merchant-studio[data-view=editor] .workspace{position:relative;display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;overflow:hidden}.merchant-studio[data-view=editor] .customization-dock:not([hidden]){display:flex;flex:0 0 min(var(--inspector-width,360px),42vw);width:min(var(--inspector-width,360px),42vw);max-width:480px;height:auto;min-height:0;max-height:none;order:0;border-right:1px solid #dedfe1;background:#fff;box-shadow:none}.merchant-studio[data-view=editor] .preview-area{order:1;display:flex;flex:1;min-width:0;min-height:0;width:0;height:100%;background:#f1f2f3}.merchant-studio[data-view=editor] .inspector-shell{width:100%;min-height:0;background:#fff}.merchant-studio[data-view=editor] .dock-top{display:flex;min-height:50px;padding:8px 12px;gap:4px;background:#fff}.merchant-studio[data-view=editor] .dock-heading{display:flex;min-width:0}.merchant-studio[data-view=editor] .dock-heading b{font-size:14px}.merchant-studio[data-view=editor] :is(.inspector-close,.inspector-guide){height:32px;min-height:32px;width:32px;min-width:32px}.merchant-studio[data-view=editor] .inspector-search{margin:8px 12px;min-height:40px;gap:8px}.merchant-studio[data-view=editor] .inspector-search input{height:40px;font-size:12px}.merchant-studio[data-view=editor] .dock-body{flex:1;flex-direction:column;min-height:0;overflow:hidden}.merchant-studio[data-view=editor] .settings-navigation{display:block;flex:0 0 auto;width:100%;background:#fff;border-bottom:1px solid #e5e5e5}.merchant-studio[data-view=editor] .settings-menu-toggle{display:none}.merchant-studio[data-view=editor] .settings-navigation .inspector-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-height:none;border:0;gap:3px;padding:4px 8px 8px;overflow:visible}.merchant-studio[data-view=editor] .settings-navigation .inspector-nav>button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:62px;padding:7px 3px;text-align:center;font-size:10.5px;line-height:1.3;border:0;border-radius:7px}.merchant-studio[data-view=editor] .settings-navigation .inspector-nav>button svg{width:17px;height:17px}.merchant-studio[data-view=editor] .inspector-editor{flex:1;min-height:0;background:#f7f7f8;overflow:hidden}.merchant-studio[data-view=editor] .dock-content{flex:1;padding:16px 14px 24px;min-height:0;overflow:auto;overscroll-behavior:contain;background:#f7f7f8}.merchant-studio[data-view=editor] .inspector-page-heading{margin-bottom:14px}.merchant-studio[data-view=editor] .inspector-page-heading :is(span,p){display:none}.merchant-studio[data-view=editor] .inspector-page-heading h2{font-size:16px;margin:0;line-height:1.4;letter-spacing:-.2px}.merchant-studio[data-view=editor] .inspector-footer{min-height:60px;padding:8px 12px}.merchant-studio[data-view=editor] .inspector-footer button{min-height:36px;padding:8px 12px;font-size:12px}.merchant-studio[data-view=editor] .initial-design-result{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 auto;min-height:54px;max-height:none;padding:8px 16px;overflow:visible;background:#fff;border-bottom:1px solid #e1e2e4}.result-actions,.result-status{display:flex;align-items:center;gap:10px;min-width:0}.result-status>svg{color:#28704f;flex:none}.initial-design-result .result-status h2{font-size:13px;font-weight:550;line-height:1.4;margin:0}.merchant-studio .initial-design-result .result-actions button{margin:0;min-height:36px;white-space:nowrap;font-size:12px;padding:7px 11px}.result-details-action{display:flex;align-items:center;gap:7px;color:#61656b;background:transparent;border:0}.result-details-action:hover{color:var(--brand-red)}.result-note-count{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#f0ece5;color:#795722;font-size:10px}.result-details .design-change-summary{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;font-size:13px;line-height:1.65}.result-details .design-change-summary h3{margin:0 0 6px;font-size:13px}.result-details .design-change-summary li{margin-bottom:4px}.design-notes-notice{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:4px 16px;background:#fff;font-size:12px;flex:none}.merchant-studio[data-view=editor] .preview-toolbar{display:flex;position:relative;flex:0 0 auto;flex-wrap:nowrap;justify-content:flex-start;min-height:52px;height:52px;padding:8px 16px;gap:16px;background:#fff;border-bottom:1px solid #e1e2e4;z-index:3}.merchant-studio[data-view=editor] .preview-title{display:block;font-size:12px;font-weight:550;color:#52565c}.merchant-studio[data-view=editor] .device-switcher{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid #e3e3e5;border-radius:7px;background:#f7f7f8}.merchant-studio[data-view=editor] .device-switcher button{display:grid;place-items:center;min-width:32px;width:32px;min-height:30px;height:30px;padding:5px;border:0;border-radius:4px}.merchant-studio[data-view=editor] .preview-tools{display:flex;align-items:center;gap:6px;margin-left:auto}.merchant-studio[data-view=editor] .preview-tools>.icon-button{display:grid;place-items:center;min-width:32px;width:32px;min-height:32px;height:32px}.merchant-studio[data-view=editor] .preview-options{position:relative;flex:none;background:transparent}.merchant-studio[data-view=editor] .preview-options>summary{display:grid;place-items:center;width:34px;height:34px;min-height:34px;padding:0;border-radius:5px;list-style:none;color:#53575d}.merchant-studio[data-view=editor] .preview-options>summary:after{content:none}.preview-options>summary::-webkit-details-marker{display:none}.merchant-studio .preview-options-panel{position:absolute;top:calc(100% + 12px);right:0;z-index:20;display:flex;flex-direction:column;gap:16px;width:344px;max-width:calc(100vw - 24px);max-height:var(--preview-options-max-height,calc(100dvh - 180px));padding:16px;overflow:auto;overscroll-behavior:contain;color:#35383d;background:#fff;border:1px solid #dedfe2;border-radius:12px;box-shadow:0 12px 36px #1f29371f}.merchant-studio .preview-options-panel>*{flex-shrink:0;min-width:0}.preview-options-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-options-heading h3{font-size:13px;line-height:20px;margin:0;font-weight:600}.merchant-studio .preview-options-heading .icon-button{display:grid;place-items:center;width:32px;height:32px;min-width:32px;min-height:32px;padding:6px;border-radius:6px}.merchant-studio .preview-setting-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:start;gap:12px}.merchant-studio .preview-setting-field{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;height:auto;margin:0;padding:0;border:0;background:transparent;color:#616167;font-size:12px;font-weight:500;line-height:18px;text-transform:none}.merchant-studio .preview-setting-field select{display:block;width:100%;min-width:0;max-width:none;height:40px;margin:0;padding:8px 10px;border:1px solid #d5d7da;border-radius:7px;background:#fff;color:#35383d;font-family:inherit;font-size:12px;font-weight:400;line-height:18px;box-shadow:none}.merchant-studio .preview-number-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;height:40px;padding:0 10px;border:1px solid #d5d7da;border-radius:7px;background:#fff}.merchant-studio .preview-number-input input{display:block;width:100%;min-width:0;height:38px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#35383d;font-family:inherit;font-size:12px;font-weight:400;line-height:18px;box-shadow:none;appearance:textfield;-moz-appearance:textfield}.merchant-studio .preview-number-input input::-webkit-inner-spin-button,.merchant-studio .preview-number-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.merchant-studio .preview-number-input span{color:#616167;font-size:12px;font-weight:400;line-height:18px}.merchant-studio .preview-setting-section{display:grid;gap:12px;padding-top:16px;border-top:1px solid #e5e5e8}.merchant-studio .preview-context-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;border:1px solid #e1e2e4;border-radius:8px;background:#f7f7f8}.merchant-studio .preview-context-switch button{min-width:0;min-height:38px;padding:7px 8px;border:1px solid transparent;border-radius:5px;background:transparent;color:#616167;font-size:12px;font-weight:500;line-height:18px;white-space:normal;text-transform:none}.merchant-studio .preview-context-switch button[aria-pressed=true]{background:#fff;border-color:#e1d7db;color:var(--brand-red);box-shadow:0 1px 3px #2622260d}.merchant-studio .preview-setting-note{margin:0;color:#616167;font-size:12px;font-weight:400;line-height:18px;overflow-wrap:break-word}.merchant-studio .preview-setting-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.merchant-studio .preview-setting-actions button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:40px;padding:8px;border:1px solid #dedfe2;border-radius:7px;background:#fff;color:#53575d;font-size:12px;line-height:18px;text-transform:none}.merchant-studio .preview-setting-actions button svg{flex-shrink:0}.merchant-studio .preview-setting-actions button[aria-pressed=true]{border-color:var(--brand-red);background:var(--brand-red-soft);color:var(--brand-red)}.merchant-studio .preview-options-panel :is(button,select,input):focus-visible{outline:2px solid var(--brand-red);outline-offset:2px}.merchant-studio .preview-number-input:focus-within{outline:2px solid var(--brand-red);outline-offset:2px}.merchant-studio .preview-number-input input:focus-visible{outline:0}.merchant-studio[data-view=editor] .canvas-workspace{flex:1;min-height:0;padding:24px;overflow:auto;background:#f1f2f3;background-image:none}.merchant-studio[data-view=editor] .workspace-footer{background:#f1f2f3;padding:6px 16px;font-size:10px}.merchant-studio[data-view=editor].preview-full :is(.topbar,.initial-design-result,.merchant-access-bar,.customization-dock,.design-notes-notice){display:none}@media(max-width:1199px){.merchant-studio[data-view=editor] .header-actions .new-showcase span,.merchant-studio[data-view=editor] .save-state{display:none}}@media(max-width:899px){.merchant-studio[data-view=editor] .customization-dock:not([hidden]){position:absolute;inset:0;z-index:20;width:100%;max-width:none;height:100%;flex:none;border:0}.merchant-studio[data-view=editor] .dock-resizer{display:none}.merchant-studio[data-view=editor] .initial-design-result{gap:10px;padding:8px 12px;flex-wrap:wrap}.merchant-studio[data-view=editor] .canvas-workspace{padding:16px}}@media(max-width:600px){.merchant-studio[data-view=editor] .topbar{flex-wrap:wrap;gap:6px 10px;padding:8px 10px}.merchant-studio[data-view=editor] .showcases-navigation{min-height:32px;font-size:12px;padding:6px 9px}.merchant-studio[data-view=editor] .breadcrumb{max-width:none;flex:1;min-width:120px}.merchant-studio[data-view=editor] .header-actions{width:100%;justify-content:space-between;gap:5px}.merchant-studio[data-view=editor] .header-actions>.icon-button{display:inline-flex;width:40px;min-width:40px;height:40px;min-height:40px}.merchant-studio[data-view=editor] .header-actions .new-showcase{display:none}.merchant-studio[data-view=editor] .header-actions :is(.primary,.secondary){min-height:40px;padding:8px 10px;font-size:12px}.merchant-studio[data-view=editor] .header-actions button{white-space:nowrap}.merchant-studio[data-view=editor] #save-draft>svg,.merchant-studio[data-view=editor] .header-actions .ai-refine-action>svg{display:none}.merchant-studio[data-view=editor] .initial-design-result{min-height:0;padding:10px 12px;gap:8px}.result-status{width:100%}.result-actions{width:100%;justify-content:space-between;gap:4px}.merchant-studio .initial-design-result .result-actions button{font-size:11px;padding:7px 8px}.merchant-studio[data-view=editor] .preview-toolbar{gap:10px;padding:8px 10px}.merchant-studio[data-view=editor] .preview-title{font-size:11px}.merchant-studio[data-view=editor] .preview-tools{gap:3px}.merchant-studio[data-view=editor] .panel-toggle{min-width:32px;min-height:32px;padding:7px}.merchant-studio[data-view=editor] .panel-toggle span{display:none}.merchant-studio[data-view=editor] .canvas-workspace{padding:12px}.merchant-studio .preview-options-panel{right:-66px;width:344px}}.merchant-studio :is(.inspector-shell,.settings-modal){--settings-border:var(--brand-border-light,#d4d4d8);--settings-surface:var(--brand-white,#fff);--settings-inset:var(--brand-light,#f1f1f1);--settings-secondary:var(--brand-muted-light,#616167);--settings-ink:var(--brand-ink,#262226)}.merchant-studio[data-view=editor] .dock-content{padding:12px;scrollbar-gutter:auto}.merchant-studio .inspector-shell .dock-grid{gap:16px}.merchant-studio .settings-modal{container-type:inline-size;container-name:settings-dialog}.merchant-studio .settings-modal-body{padding:16px;display:flex;flex-direction:column;gap:24px}.merchant-studio .settings-modal-body>.dock-grid{gap:24px;flex:none}@container settings-dialog (min-width:638px){.merchant-studio .settings-modal-body{padding:24px}}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-section{padding:12px;border:1px solid var(--settings-border);border-radius:12px;background:var(--settings-surface);box-shadow:none;min-width:0}.merchant-studio .settings-modal .settings-section{padding:16px}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-section-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin:0 0 16px;padding:0;min-width:0}.merchant-studio .settings-section-header>div:first-child{flex:1 1 140px;min-width:0}.merchant-studio :is(.inspector-shell,.settings-modal) :where(.settings-section-header h3,.settings-detail-section>h3,.settings-subsection>.group-title){font-size:14px;font-weight:600;line-height:20px;color:var(--settings-ink);letter-spacing:normal;text-transform:none;margin:0}.merchant-studio .settings-section-header:only-child{margin-bottom:0}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-section-description{font-size:12px;line-height:18px;color:var(--settings-secondary);margin:4px 0 0}.merchant-studio .settings-dialog-actions,.merchant-studio .settings-section-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.merchant-studio .settings-dialog-actions{border-inline-end:1px solid var(--settings-border);padding-inline-end:12px;align-self:center}.merchant-studio .settings-modal-head{flex-wrap:wrap}.merchant-studio .settings-modal-head>div:first-child{flex:1 1 220px}.merchant-studio .settings-modal-head>.icon-button{align-self:flex-start}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-fields{display:flex;flex-direction:column;gap:0;margin:0;min-width:0;padding:0;border:0}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-fields>*{flex-shrink:0;min-width:0;margin:0;padding-block:12px;border:0;border-radius:0;box-shadow:none}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-fields>*+*{border-top:1px solid var(--settings-border)}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-fields>:first-child{padding-top:0}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-fields>:last-child{padding-bottom:0}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-fields>:is(.group-title,.settings-section-note,.settings-metadata){border-top:0}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-fields>:is(.group-title,.settings-section-note,.settings-metadata)+*{border-top:0}.merchant-studio :is(.inspector-shell,.settings-modal) :is(.settings-field,.interaction-field,.field,.number-control){margin:0;min-width:0}.merchant-studio :is(.inspector-shell,.settings-modal) :is(.settings-field,.interaction-field){display:flex;flex-direction:column;gap:8px}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-field>.settings-field{padding:0;border:0}.merchant-studio :is(.inspector-shell,.settings-modal) .field{display:flex;flex-direction:column;gap:6px}.merchant-studio :is(.inspector-shell,.settings-modal) :is(.field>label,.field>legend,.settings-field-label>label,.background-control-heading b){font-size:13px;font-weight:500;line-height:20px;color:var(--settings-ink);margin:0}.merchant-studio :is(.inspector-shell,.settings-modal) :is(.hint,.settings-help,.field>small,.number-control>small,.settings-section-note){font-size:12px;line-height:18px;color:var(--settings-secondary);margin:0}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-field>:is(.hint,.settings-help,small){margin-top:-2px}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-field-label{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;margin:0 0 -2px}.merchant-studio .settings-field-label>label{flex:1 1 140px;min-width:0}.merchant-studio :is(.inspector-shell,.settings-modal) :is(.settings-field,.settings-subsection,.advanced-content,.settings-metadata) :is(input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea){min-width:0;max-width:100%;width:100%;min-height:36px;font:inherit;font-size:13px;line-height:20px;border:1px solid var(--brand-control-border-light,#85858c);border-radius:7px;padding:7px 10px;color:var(--settings-ink);background:var(--settings-surface);box-sizing:border-box}.merchant-studio :is(.inspector-shell,.settings-modal) textarea{resize:vertical}.merchant-studio :is(.inspector-shell,.settings-modal) :is(s-select,s-text-field,s-text-area,s-number-field,s-url-field,s-switch){display:block;width:100%;min-width:0;margin:0}.merchant-studio :is(.inspector-shell,.settings-modal) .number-value{display:flex;width:100%;height:auto;min-height:36px;gap:8px;padding:0;border:0;background:transparent;color:var(--settings-secondary)}.merchant-studio :is(.inspector-shell,.settings-modal) .number-value>input{flex:1;min-width:0;appearance:auto}.merchant-studio :is(.inspector-shell,.settings-modal) .number-value>span{flex:none;font-size:12px}.merchant-studio :is(.inspector-shell,.settings-modal) .number-control>input[type=range]{width:100%;margin:0;min-height:24px;height:24px;accent-color:var(--brand-crimson);padding:0}.merchant-studio :is(.inspector-shell,.settings-modal) .number-presets{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0}.merchant-studio :is(.inspector-shell,.settings-modal) .number-presets button{min-width:36px;min-height:36px;padding:6px 9px;font-size:12px;color:var(--settings-ink);border:1px solid var(--settings-border);border-radius:6px;background:var(--settings-surface)}.merchant-studio :is(.inspector-shell,.settings-modal) .number-presets button[aria-pressed=true]{border-color:var(--brand-crimson);color:var(--brand-crimson);background:#c92a240a}.merchant-studio :is(.inspector-shell,.settings-modal) :is(.reset-link,.reset-field,.text-reset){display:inline-flex;align-items:center;justify-content:flex-start;gap:5px;min-width:0;min-height:28px;width:auto;height:auto;margin:0;padding:2px 0;color:var(--brand-crimson);font-size:12px;line-height:18px;white-space:normal}.merchant-studio :is(.inspector-shell,.settings-modal) .toggle-row{flex-direction:row;align-items:center;gap:12px;min-height:44px;text-transform:none;color:var(--settings-ink);opacity:1}.merchant-studio :is(.inspector-shell,.settings-modal) .toggle-row>span:first-child{font-size:13px;font-weight:500;line-height:20px;min-width:0}.merchant-studio :is(.inspector-shell,.settings-modal) .toggle-row small{color:var(--settings-secondary);font-size:12px;font-weight:400;line-height:18px;margin:6px 0 0}.merchant-studio :is(.inspector-shell,.settings-modal) .toggle-row input:disabled{cursor:default}.merchant-studio :is(.inspector-shell,.settings-modal) .toggle-row input:disabled+.switch{opacity:.5}.merchant-studio :is(.inspector-shell,.settings-modal) .polaris-toggle{min-height:44px;display:flex;align-items:stretch;justify-content:center;gap:6px}.merchant-studio :is(.inspector-shell,.settings-modal) .advanced-settings{border:0;border-radius:0;background:transparent;margin:0;min-width:0}.merchant-studio :is(.inspector-shell,.settings-modal) .advanced-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:8px 0;font-size:13px;font-weight:500;line-height:20px;color:var(--settings-ink);list-style:none;border-radius:5px;cursor:pointer}.merchant-studio :is(.inspector-shell,.settings-modal) .advanced-settings>summary::-webkit-details-marker{display:none}.merchant-studio :is(.inspector-shell,.settings-modal) .advanced-settings>summary:after{content:"";position:static;flex:none;width:7px;height:7px;border:solid;border-width:0 1.5px 1.5px 0;transform:rotate(-45deg);margin:0 4px 0 auto;opacity:1}.merchant-studio :is(.inspector-shell,.settings-modal) .advanced-settings[open]>summary:after{transform:rotate(45deg)}.merchant-studio :is(.inspector-shell,.settings-modal) .advanced-settings>summary:hover{background:var(--settings-inset)}.merchant-studio :is(.inspector-shell,.settings-modal) .advanced-settings[open]>:is(.advanced-content,.settings-detail-links){margin-top:12px;padding:12px;background:var(--settings-inset);border:1px solid var(--settings-border);border-radius:8px}.merchant-studio :is(.inspector-shell,.settings-modal) :is(.settings-conditional,.settings-metadata){padding:12px;border:1px solid var(--settings-border);border-radius:8px;background:var(--settings-inset);min-width:0}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-conditional{margin-top:12px}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-metadata{display:flex;flex-direction:column;gap:8px;margin:0 0 12px;padding:12px}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-metadata>*{margin:0;padding:0;border:0}.merchant-studio :is(.inspector-shell,.settings-modal) :is(.settings-conditional,.advanced-content) :is(.settings-conditional,.advanced-settings[open]>.advanced-content){background:transparent;border:0;border-inline-start:1px solid var(--settings-border);border-radius:0;padding:0 0 0 12px;margin-top:12px}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-dependent{padding-inline-start:12px;border-inline-start:1px solid var(--settings-border);margin-top:12px}.merchant-studio :is(.inspector-shell,.settings-modal) .override-field{border-bottom:0}.merchant-studio :is(.inspector-shell,.settings-modal) .override-enable{font-size:13px;font-weight:500;line-height:20px;gap:8px;flex-wrap:wrap;min-height:36px}.merchant-studio :is(.inspector-shell,.settings-modal) .override-enable span{font-size:12px;color:var(--settings-secondary)}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;border-top:1px solid var(--settings-border);padding-top:12px;margin-top:12px}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-fields>.settings-actions{margin-top:0}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-detail-section{min-width:0}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-detail-section>h3{margin-bottom:16px}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-subsection>.group-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:0}.merchant-studio :is(.inspector-shell,.settings-modal) :is(.recipe-grid,.layout-tiles,.showcase-palette-options,.type-pairings,.type-role-tabs,.feedback-style-grid,.badge-preset-grid){gap:8px;min-width:0}.merchant-studio :is(.inspector-shell,.settings-modal) :is(.recipe-grid,.layout-tiles,.type-pairings,.feedback-style-grid,.badge-preset-grid)>button{min-width:0;white-space:normal;overflow-wrap:anywhere}.merchant-studio :is(.inspector-shell,.settings-modal) :is(.background-control,.image-focus-editor){gap:8px;padding-block:0}.merchant-studio :is(.inspector-shell,.settings-modal) .background-settings-row{display:grid;grid-template-columns:minmax(0,1fr);gap:0;container-type:inline-size}.merchant-studio :is(.inspector-shell,.settings-modal) .background-gradient-fields{gap:12px;padding:0}.merchant-studio :is(.inspector-shell,.settings-modal) .background-stops{gap:0}.merchant-studio :is(.inspector-shell,.settings-modal) .background-stop{padding-block:12px;border-bottom:1px solid var(--settings-border);grid-template-columns:minmax(0,1fr) minmax(64px,90px) auto}.merchant-studio :is(.inspector-shell,.settings-modal) .background-stop:first-child{padding-top:0}.merchant-studio :is(.inspector-shell,.settings-modal) .background-stop:last-child{padding-bottom:0;border-bottom:0}.merchant-studio :is(.inspector-shell,.settings-modal) .background-gradient-editor>summary{margin:0}.merchant-studio :is(.inspector-shell,.settings-modal) .background-control .hint{margin:0}.merchant-studio :is(.inspector-shell,.settings-modal) .type-library-search{grid-template-columns:minmax(0,1fr);gap:12px}.merchant-studio :is(.inspector-shell,.settings-modal) .type-sample{padding:12px}.merchant-studio :is(.inspector-shell,.settings-modal) .dock-colors{display:flex;flex-direction:column;gap:8px}.merchant-studio :is(.inspector-shell,.settings-modal) .dock-colors label{display:flex;align-items:center;gap:8px;min-height:36px;font-size:13px;line-height:20px}.merchant-studio :is(.inspector-shell,.settings-modal) .dock-colors small{font-size:12px;line-height:18px;color:var(--settings-secondary)}.merchant-studio :is(.inspector-shell,.settings-modal) .validation-warning{margin:0;color:var(--brand-error-light);background:var(--brand-yellow-soft);border:1px solid var(--settings-border);padding:12px;font-size:12px;line-height:18px}.merchant-studio :is(.inspector-shell,.settings-modal) :is(.badge-rule-actions,.custom-field-actions,.background-stop-actions){display:flex;flex-wrap:wrap;gap:8px}.merchant-studio :is(.inspector-shell,.settings-modal) :is(.badge-rule-actions,.custom-field-actions){border-top:1px solid var(--settings-border);padding-top:12px}.merchant-studio :is(.inspector-shell,.settings-modal) .badge-rule-editor>summary{flex-wrap:wrap;justify-content:flex-start}.merchant-studio :is(.inspector-shell,.settings-modal) .badge-rule-editor>summary small{flex-basis:100%;color:var(--settings-secondary);font-size:12px}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-scope-status{font-size:12px;line-height:18px;color:var(--settings-secondary)}.merchant-studio :is(.inspector-shell,.settings-modal) :is(.settings-field,.settings-section-header,.advanced-settings summary,.settings-metadata){overflow-wrap:anywhere}@media(max-width:600px){.merchant-studio .settings-dialog-actions{order:3;flex-basis:100%;border:0;border-top:1px solid var(--settings-border);padding:8px 0 0}.merchant-studio .settings-modal-head>div:first-child{flex-basis:200px}}.merchant-studio :is(.inspector-shell,.settings-modal) :is(.recipe-grid,.layout-tiles,.type-pairings,.type-role-tabs,.feedback-style-grid,.badge-preset-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-studio :is(.inspector-shell,.settings-modal) .spacing-options{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.merchant-studio :is(.inspector-shell,.settings-modal) .showcase-palette-options{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-pair{container-type:inline-size;container-name:settings-pair;min-width:0}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-pair-fields{display:flex;flex-direction:column;gap:0;min-width:0}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-pair-fields>*+*{padding-top:12px;margin-top:12px;border-top:1px solid var(--settings-border)}@container settings-pair (min-width:480px){.merchant-studio :is(.inspector-shell,.settings-modal) .settings-pair-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-pair-fields>*+*{padding-top:0;margin-top:0;border:0}}.merchant-studio :is(.inspector-shell,.settings-modal) .product-text-selectors{display:flex;flex-direction:column;gap:8px;margin:0;min-width:0}.merchant-studio :is(.inspector-shell,.settings-modal) .product-text-panel :is(.product-text-fields,.product-text-footer){margin:0;gap:8px}.merchant-studio :is(.inspector-shell,.settings-modal) .product-text-panel .product-text-footer{font-size:12px;line-height:18px}.merchant-studio :is(.inspector-shell,.settings-modal) .product-text-panel .settings-field-label>span{font-size:13px;line-height:20px;font-weight:500}.merchant-studio :is(.inspector-shell,.settings-modal) .product-text-panel :is(.product-text-help,.product-text-error){margin:0;font-size:12px;line-height:18px}.merchant-studio :is(.inspector-shell,.settings-modal) .product-text-original-copy{max-height:240px;overflow:auto}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-fields>.settings-metadata{padding:12px;margin:0 0 12px;border:1px solid var(--settings-border);border-radius:8px}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-fields>:is(.group-title,.settings-metadata,.settings-section-note)+*{padding-top:0;border-top:0}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-field>.settings-conditional{margin-top:4px}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-metadata h3{font-size:13px;font-weight:500;line-height:20px;margin:0 0 4px}.merchant-studio :is(.inspector-shell,.settings-modal) .settings-metadata p{font-size:12px;line-height:18px;color:var(--settings-secondary);margin:0}.merchant-studio :is(.inspector-shell,.settings-modal) .inspector-media-strip{flex-wrap:wrap;overflow:visible}.merchant-studio .settings-modal-head>.settings-dialog-actions{flex:0 1 auto;min-width:0;max-width:100%}.merchant-studio :is(.inspector-shell,.settings-modal) :is(label.field,.background-control label){font-size:13px;font-weight:500;line-height:20px}.merchant-studio :is(.inspector-shell,.settings-modal) :is(.field,.background-control) :is(input,select,textarea){font-weight:400}.merchant-studio :is(.inspector-shell,.settings-modal) label.field>output{font-size:12px;font-weight:400;line-height:18px;color:var(--settings-secondary)}@media(max-width:600px){.merchant-studio .settings-modal-head>.settings-dialog-actions{flex-basis:100%}}.merchant-studio .settings-modal-body{flex:1 1 auto}