.storefront-editor-active main{max-width:1800px;padding:8px 16px 24px}
.storefront-editor-active .panel{padding:8px;border:0;border-radius:14px;box-shadow:none}
.storefront-editor-active .topbar{max-width:1800px;padding:8px 24px;border:0}
.storefront-editor-active .brand{font-size:18px;letter-spacing:-.5px}
.storefront-editor-active .brand span,.storefront-editor-active #profile-panel>.eyebrow,.storefront-editor-active .downloads,.storefront-editor-active .access-card,.storefront-editor-active .profile-heading{display:none}
.storefront-editor-active #workspace-nav{display:flex;margin:0 0 8px;padding:3px;gap:3px}
.storefront-editor-active #workspace-nav button{flex:1;padding:6px 12px;font-size:12px;min-height:32px}
.storefront-editor-active .visual-fixture-banner{font-size:10px;line-height:14px;margin:0;padding:3px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.storefront-visual-editor{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:8px}
.visual-toolbar{position:sticky;top:8px;z-index:20;display:flex;align-items:center;justify-content:flex-end;min-width:0;min-height:48px;padding:5px 8px;background:#ffffffed;border:1px solid #eadde4;border-radius:13px;box-shadow:0 4px 18px #4420310a;backdrop-filter:blur(14px)}
.visual-actions,.visual-size,.visual-publication{display:flex;align-items:center;gap:6px}
.visual-actions{flex-wrap:wrap;justify-content:flex-end}
.visual-actions [data-action=undo],.visual-actions [data-action=redo],.visual-actions [data-action=add]{width:36px;padding:6px;font-size:20px;border-color:#eee2e8}
.visual-mode-note{margin:0;padding:4px 10px;color:#786b73;font-size:12px;line-height:1.5}
.visual-add-menu{position:absolute;right:0;top:calc(100% + 8px);display:grid;gap:5px;padding:10px;min-width:230px;background:white;border:1px solid #eadde4;border-radius:13px;box-shadow:0 10px 35px #42203224;z-index:26}
.visual-add-menu button{border:0;border-radius:9px;padding:12px;text-align:left;background:#fff8fb;color:#a51e5b;font:600 13px/1.4 system-ui;cursor:pointer}
.visual-add-menu button:hover{background:#ffeaf3}
.visual-options [data-action=discard]{white-space:normal;text-align:left;color:#a32943;border:1px solid #f0d6df}
.visual-actions button,.visual-toolbar>button,.visual-options button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:9px;padding:8px 12px;background:transparent;color:var(--ink);font:600 12px/20px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:36px;cursor:pointer;white-space:nowrap}
.visual-actions button:hover:not(:disabled),.visual-options button:hover:not(:disabled){background:#faf2f6}
.visual-actions button[aria-pressed=true],.visual-size button[aria-pressed=true]{background:#fff0f7;color:#a51e5b}
.visual-actions .primary{background:#bd1c64;color:white;margin:0;width:auto;min-height:36px}
.visual-actions .primary:hover:not(:disabled){background:#a61957}
.visual-actions [data-action=settings],.visual-actions [data-action=collapse]{font-size:22px;width:36px;padding:6px}
.has-changes [data-action=save]:after,.has-changes [data-action=expand]:after{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:currentColor}
.visual-options{position:absolute;top:calc(100% + 8px);right:0;width:310px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 145px);overflow:auto;background:white;padding:18px;border:1px solid #eadde4;border-radius:15px;box-shadow:0 16px 45px #42203224;display:grid;gap:14px;z-index:25}
.visual-options label{margin:0!important;font-size:12px!important;display:block}
.visual-options select,.visual-options input:not([type=color]){display:block;width:100%;min-height:38px;margin:5px 0 0;padding:8px 10px;border:1px solid #dfd1da;border-radius:9px;background:#fffcfe;font:inherit;color:var(--ink)}
.visual-colors{display:flex;gap:14px}
.visual-options input[type=color]{display:block;height:36px;width:48px;min-height:36px;margin:5px 0 0;padding:3px;border:1px solid #ddd;background:white;border-radius:8px}
.visual-size button{flex:1;border-color:#eee2e8}
.visual-publication{flex-wrap:wrap;border-top:1px solid #eee2e8;padding-top:12px}
.visual-publication button{border-color:#eadde4}.visual-publication a{font-size:12px}
.visual-hint{margin:0;color:#786b73;font-size:12px;line-height:1.5}
.visual-state{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:30;margin:0;padding:9px 14px;max-width:min(620px,calc(100vw - 32px));width:max-content;background:#fffafddd;border:1px solid #eadde4;border-radius:12px;color:#34734c;font-size:12px;line-height:1.5;box-shadow:0 4px 20px #44203110;pointer-events:none}
.visual-state:empty{display:none}.visual-state.error{color:#a32943;background:#fff5f8;pointer-events:auto}
.visual-canvas{min-width:0;background:#eee8ec;padding:6px;border-radius:14px}
.visual-canvas>iframe{display:block;width:100%;height:calc(100dvh - 205px);min-height:420px;border:0;border-radius:10px;background:white;margin:auto}
.phone-preview .visual-canvas>iframe{max-width:390px}
.toolbar-side{grid-template-columns:154px minmax(0,1fr)}
.toolbar-side .visual-toolbar{flex-direction:column;padding:8px;justify-content:flex-start}
.toolbar-side .visual-toolbar{grid-column:1;grid-row:1 / span 3}
.toolbar-side .visual-mode-note{grid-column:2;grid-row:1}
.toolbar-side .visual-canvas{grid-column:2;grid-row:2}
.toolbar-side .visual-add-menu{top:0;left:calc(100% + 8px);right:auto}
.toolbar-side .visual-actions{flex-direction:column;width:100%}.toolbar-side .visual-actions button{width:100%}
.toolbar-side .visual-options{top:0;left:calc(100% + 8px);right:auto}
.toolbar-side .visual-canvas>iframe{height:calc(100dvh - 108px)}
.toolbar-side.toolbar-collapsed{grid-template-columns:42px minmax(0,1fr)}
.toolbar-collapsed .visual-toolbar{justify-self:end;padding:3px;min-height:0;width:max-content}
.toolbar-collapsed [data-action=expand]{padding:6px 10px}
.toolbar-side.toolbar-collapsed [data-action=expand]{padding:6px 8px}
.toolbar-side.toolbar-collapsed [data-action=expand] span{display:none}
.storefront-visual-editor dialog{border:1px solid #eed6df;border-radius:20px;max-width:460px;padding:28px}
.storefront-visual-editor dialog::backdrop{background:#34233388}.storefront-visual-editor dialog input{width:100%}
.storefront-visual-editor button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:760px){
  .storefront-editor-active main{padding:4px 6px 18px}.storefront-editor-active .panel{padding:4px}
  .storefront-editor-active .topbar{padding:6px 12px}.storefront-editor-active #workspace-nav{overflow:auto;justify-content:flex-start}
  .storefront-editor-active #workspace-nav button{flex:0 0 auto;padding:5px 9px;font-size:11px;white-space:nowrap;min-width:max-content}
  .storefront-visual-editor.toolbar-side,.toolbar-side.toolbar-collapsed{grid-template-columns:minmax(0,1fr)}
  .visual-toolbar,.toolbar-side .visual-toolbar{top:4px;flex-direction:row;justify-content:flex-end;padding:4px;min-height:44px}
  .toolbar-side .visual-toolbar{grid-column:1;grid-row:1}.toolbar-side .visual-mode-note{grid-column:1;grid-row:2}.toolbar-side .visual-canvas{grid-column:1;grid-row:3}
  .visual-add-menu,.toolbar-side .visual-add-menu{top:calc(100% + 6px);left:auto;right:0;max-width:calc(100vw - 28px)}
  .visual-actions,.toolbar-side .visual-actions{flex-direction:row;width:auto;gap:3px}
  .visual-actions button,.toolbar-side .visual-actions button{width:auto;padding:7px 8px;font-size:11px}
  .visual-actions [data-action=settings],.visual-actions [data-action=collapse]{width:32px;font-size:20px}
  .visual-options,.toolbar-side .visual-options{top:calc(100% + 6px);left:auto;right:0;width:300px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 150px)}
  .visual-size{display:none}.visual-canvas{padding:3px}
  .visual-canvas>iframe,.toolbar-side .visual-canvas>iframe{height:calc(100dvh - 220px);min-height:380px}
  .toolbar-side.toolbar-collapsed [data-action=expand] span{display:inline}
  .visual-state{bottom:8px;font-size:11px;padding:7px 10px}
}