[data-theme=light]{--color-primary:#0f5c52;--color-on-primary:#f4fffc;--color-secondary:#5c564e;--color-on-secondary:#f7f4ef;--color-success:#1f6b45;--color-on-success:#f3fff6;--color-info:#1a5278;--color-on-info:#f3f9ff;--color-warning:#8a5a00;--color-on-warning:#fff8eb;--color-danger:#a61b1b;--color-on-danger:#fff5f4;--color-background:#f4f1ec;--color-surface:#fffcf7;--color-text:#1a1814;--color-border:#ddd6cc}[data-theme=dark]{--color-primary:#6fbfb2;--color-on-primary:#0a2e29;--color-secondary:#b7aea3;--color-on-secondary:#1a1814;--color-success:#6fbf8a;--color-on-success:#0c2a18;--color-info:#7eb4d6;--color-on-info:#0c2438;--color-warning:#e0a84a;--color-on-warning:#2a1c00;--color-danger:#e07a72;--color-on-danger:#3a0d0d;--color-background:#141210;--color-surface:#1e1b18;--color-text:#f2ebe3;--color-border:#3d3730}
*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--color-background);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
@layer components{.icon{flex-shrink:0;display:block}}
@layer components{.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;line-height:1.25;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-secondary{background:var(--color-secondary);color:var(--color-on-secondary)}.btn-success{background:var(--color-success);color:var(--color-on-success)}.btn-info{background:var(--color-info);color:var(--color-on-info)}.btn-warning{background:var(--color-warning);color:var(--color-on-warning)}.btn-danger{background:var(--color-danger);color:var(--color-on-danger)}}
@layer components{.alert{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.375rem;padding:.75rem 1rem}.alert-primary{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 14%, var(--color-surface))}.alert-success{border-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 14%, var(--color-surface))}.alert-info{border-color:var(--color-info);background:color-mix(in srgb, var(--color-info) 14%, var(--color-surface))}.alert-warning{border-color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 18%, var(--color-surface))}.alert-danger{border-color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 14%, var(--color-surface))}}
@layer components{.badge{background:var(--color-secondary);color:var(--color-on-secondary);border-radius:999px;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.badge-primary{background:var(--color-primary);color:var(--color-on-primary)}.badge-success{background:var(--color-success);color:var(--color-on-success)}.badge-info{background:var(--color-info);color:var(--color-on-info)}.badge-warning{background:var(--color-warning);color:var(--color-on-warning)}.badge-danger{background:var(--color-danger);color:var(--color-on-danger)}}
@layer components{.card{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:.5rem;padding:1.25rem}}
@layer components{.create-shop-wizard-steps{flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:0;list-style:none;display:flex}.create-shop-wizard-step{letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 55%, var(--color-background));font-size:.8rem;font-weight:700}.create-shop-wizard-step-active{color:var(--color-text)}.create-shop-wizard-choices{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.75rem;display:grid}.create-shop-wizard-choice{border:1px solid var(--color-border);background:var(--color-background);min-height:9rem;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:.5rem;flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.1rem;display:flex}.create-shop-wizard-choice:hover,.create-shop-wizard-choice:focus-visible{border-color:var(--color-primary)}.create-shop-wizard-choice:disabled{cursor:not-allowed;opacity:.55}.create-shop-wizard-choice-title{font-weight:700}.create-shop-wizard-split{grid-template-columns:minmax(12rem,18rem) minmax(0,1fr);gap:1rem;min-height:22rem;display:grid}.create-shop-wizard-list{flex-direction:column;gap:.75rem;min-height:0;display:flex}.create-shop-wizard-templates,.create-shop-wizard-pages{margin:0;padding:0;list-style:none;overflow:auto}.create-shop-wizard-item,.create-shop-wizard-page{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.3rem;align-items:center;gap:.5rem;padding:.55rem .65rem;display:flex}.create-shop-wizard-item:hover,.create-shop-wizard-item:focus-visible,.create-shop-wizard-page:hover,.create-shop-wizard-page:focus-within{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface))}.create-shop-wizard-item-active,.create-shop-wizard-page-active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 12%, var(--color-surface))}.create-shop-wizard-page button{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;flex:1;align-items:center;gap:.35rem;padding:0;display:flex}.create-shop-wizard-preview{min-width:0;min-height:18rem;display:flex}.create-shop-wizard-preview .template-preview{flex:1}.create-shop-wizard-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}@media (max-width:48rem){.create-shop-wizard-split{grid-template-columns:1fr}}}
@layer components{.card-section{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:.5rem}.card-section-toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;list-style:none;display:flex}.card-section-toggle::-webkit-details-marker{display:none}.card-section-toggle::marker{content:none}.card-section-title{font-size:1.125rem;font-weight:600;line-height:1.25}.card-section-chevron{flex:none;transition:transform .15s}.card-section[open] .card-section-chevron{transform:rotate(180deg)}.card-section-body{border-top:1px solid var(--color-border);flex-direction:column;gap:1rem;padding:1rem 1.25rem 1.25rem;display:flex}}
@layer components{.form-split{flex-direction:column;gap:1.5rem;display:flex}.form-split-main,.form-split-aside{flex-direction:column;gap:1.5rem;min-width:0;display:flex}.form-split-aside{order:-1}@media (min-width:64rem){.form-split{grid-template-columns:minmax(0,1fr) 22rem;align-items:start;display:grid}.form-split-aside{order:0;position:sticky;top:1rem}}}
@layer components{.field{flex-direction:column;gap:.35rem;display:flex}.field-label{font-weight:600}.input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);font:inherit;border-radius:.375rem;padding:.5rem .75rem}}
@layer components{.muted{color:color-mix(in srgb, var(--color-text) 62%, var(--color-background))}}
@layer components{.app-shell{background:var(--color-background);grid-template-rows:auto 1fr;grid-template-columns:16rem minmax(0,1fr);min-height:100vh;display:grid}.app-shell:has(.page-editor){height:100vh;max-height:100vh;overflow:hidden}.app-shell:has(.page-editor) .app-sidebar{overflow:auto}.app-shell:has(.page-editor) .app-main{flex-direction:column;min-height:0;display:flex;overflow:hidden}.app-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;grid-row:1/-1;gap:1.25rem;padding:1.25rem .85rem;display:flex;overflow:visible}.app-brand{min-height:1.75rem;color:var(--color-text);align-items:center;padding:0 .65rem;font-weight:700;text-decoration:none;display:inline-flex}.app-brand-text{font-weight:700}.brand-logo{width:auto;max-width:11rem;height:1.75rem;display:block}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:flex}.app-main{min-width:0;padding:1.5rem}.app-nav{flex-direction:column;gap:.15rem;display:flex}.app-nav-label{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 55%, var(--color-background));margin:.85rem .65rem .35rem;font-size:.7rem;font-weight:700}.app-nav-label:first-child{margin-top:0}.app-nav-link{color:var(--color-text);border-radius:.375rem;align-items:center;gap:.55rem;padding:.45rem .65rem;font-weight:500;text-decoration:none;display:flex}.app-nav-link:hover{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface))}.app-nav-link-active{background:color-mix(in srgb, var(--color-primary) 16%, var(--color-surface));color:var(--color-primary);font-weight:600}.app-shop-switch{padding:0 .15rem .35rem}.app-sidebar-toggle{justify-content:flex-start;width:100%;margin-top:auto}html.app-nav-collapsed .app-shell{grid-template-columns:3.75rem minmax(0,1fr)}html.app-nav-collapsed .app-sidebar{padding-inline:.45rem}html.app-nav-collapsed .app-brand{justify-content:center;padding-inline:0}html.app-nav-collapsed .brand-logo{object-fit:contain;max-width:1.75rem;height:1.75rem}html.app-nav-collapsed .app-brand-text,html.app-nav-collapsed .app-nav-label,html.app-nav-collapsed .app-nav-text,html.app-nav-collapsed .app-shop-switch,html.app-nav-collapsed .app-nav .muted{display:none}html.app-nav-collapsed .app-nav-link,html.app-nav-collapsed .app-sidebar-toggle{justify-content:center;padding-inline:.4rem}html.page-editor-focus .app-sidebar,html.page-editor-focus .app-header{display:none}:is(html.page-editor-focus .app-shell,html.page-editor-focus .app-shell:has(.page-editor)){grid-template-rows:1fr;grid-template-columns:minmax(0,1fr)}html.page-editor-focus .app-main{grid-area:1/1;padding:0}@media (max-width:48rem){.app-shell{grid-template-rows:auto auto 1fr;grid-template-columns:1fr}.app-sidebar{border-right:none;border-bottom:1px solid var(--color-border);grid-row:auto}html.app-nav-collapsed .app-shell{grid-template-columns:1fr}}}
@layer components{.search-select{position:relative}.search-select-trigger{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;border-radius:.375rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.search-select-chevron{opacity:.65;transition:transform .15s}.search-select-trigger[aria-expanded=true] .search-select-chevron{transform:rotate(180deg)}.search-select-panel{z-index:20;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.375rem;flex-direction:column;display:flex;position:absolute;top:calc(100% + .3rem);left:0;right:0;overflow:hidden}.search-select-search{border-bottom:1px solid var(--color-border);padding:.5rem}.search-select-list{max-height:14rem;margin:0;padding:.25rem;list-style:none;overflow:auto}.search-select-option{width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.3rem;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.45rem .55rem;display:flex}.search-select-option-label{font-weight:600}.search-select-option-active{background:color-mix(in srgb, var(--color-primary) 14%, var(--color-surface))}.search-select-empty{margin:0;padding:.75rem .65rem}}
@layer components{.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.page-header-copy{flex-direction:column;gap:.35rem;min-width:0;display:flex}.page-header-crumbs{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.page-header-crumbs a{color:var(--color-text);text-decoration:none}.page-header-crumbs a:hover{text-decoration:underline}.page-header-sep{color:color-mix(in srgb, var(--color-text) 45%, var(--color-background))}.page-header-title{margin:0;font-size:1.5rem;font-weight:600;line-height:1.25}.page-header-actions{flex-wrap:wrap;gap:.5rem;display:flex}}
@layer components{.data-list{flex-direction:column;gap:.85rem;display:flex}.data-list-toolbar{flex-wrap:wrap;align-items:end;gap:.65rem;display:flex}.data-list-search{flex:14rem;min-width:12rem}.data-list-filters{flex-wrap:wrap;gap:.65rem;display:flex}.data-list-views{gap:.35rem;margin-left:auto;display:flex}.data-list-view{min-width:2.5rem}.data-list-view-active{background:var(--color-primary);color:var(--color-on-primary)}.data-list-table-wrap{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.5rem;overflow-x:auto}.data-list-table{border-collapse:collapse;width:100%}.data-list-table th,.data-list-table td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--color-border);padding:.7rem .85rem}.data-list-table th{letter-spacing:.02em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 70%, var(--color-background));font-size:.8rem;font-weight:700}.data-list-table tr:last-child td{border-bottom:0}.data-list-sort{color:inherit;font:inherit;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:.25rem;padding:0;font-weight:700;display:inline-flex}.data-list-sort-idle{opacity:.4}.data-list-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem;display:grid}.data-list-empty{border:1px dashed var(--color-border);text-align:center;border-radius:.5rem;margin:0;padding:1.5rem}.data-list-entity{align-items:center;gap:.75rem;min-width:0;display:flex}.data-list-thumb{background:color-mix(in srgb, var(--color-text) 8%, var(--color-surface));width:2.5rem;height:2.5rem;color:color-mix(in srgb, var(--color-text) 45%, var(--color-background));border-radius:.3rem;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.data-list-thumb img{object-fit:cover;width:100%;height:100%;display:block}}
@layer components{.repeater{flex-direction:column;gap:.75rem;display:flex}.repeater-row{flex-wrap:wrap;align-items:flex-start;gap:.75rem;display:flex}.repeater-fields{flex-direction:column;flex:16rem;gap:.65rem;min-width:0;display:flex}.repeater-remove{flex:none;margin-top:1.55rem}}
@layer components{.file-drop{flex-direction:column;gap:.65rem;display:flex}.file-drop-zone{border:1px dashed var(--color-border);background:var(--color-surface);min-height:7rem;color:var(--color-text);text-align:center;cursor:pointer;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1rem;display:flex}.file-drop-zone:hover,.file-drop-zone-active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, var(--color-surface))}.file-drop-zone:disabled,.file-drop-zone[aria-disabled=true]{cursor:not-allowed;opacity:.55}.file-drop-input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.file-drop-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.file-drop-item{align-items:center;gap:.65rem;display:flex}.file-drop-thumb{background:color-mix(in srgb, var(--color-text) 8%, var(--color-surface));border-radius:.3rem;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex;overflow:hidden}.file-drop-thumb img{object-fit:cover;width:100%;height:100%;display:block}.file-drop-item-copy{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.file-drop-progress{background:color-mix(in srgb, var(--color-text) 12%, var(--color-surface));border-radius:999px;height:.3rem;overflow:hidden}.file-drop-progress-bar{background:var(--color-primary);height:100%;display:block}.file-drop-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}}
@layer components{.tag-input{flex-direction:column;gap:.5rem;display:flex}.tag-input-box{border:1px solid var(--color-border);background:var(--color-surface);cursor:text;border-radius:.375rem;flex-wrap:wrap;align-items:center;gap:.4rem;min-height:2.65rem;padding:.4rem .5rem;display:flex}.tag-input-box:focus-within{outline:2px solid var(--color-primary);outline-offset:1px}.tag-input-box[aria-disabled=true]{cursor:not-allowed;opacity:.55}.tag-input-tag{background:color-mix(in srgb, var(--color-text) 10%, var(--color-surface));max-width:100%;color:var(--color-text);border-radius:.3rem;align-items:center;gap:.15rem;padding:.15rem .2rem .15rem .5rem;display:inline-flex}.tag-input-tag-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tag-input-tag-remove{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:.2rem;justify-content:center;align-items:center;padding:.1rem;display:inline-flex}.tag-input-tag-remove:hover,.tag-input-tag-remove:focus-visible{background:color-mix(in srgb, var(--color-text) 12%, transparent)}.tag-input-field{min-width:8rem;color:var(--color-text);font:inherit;background:0 0;border:0;outline:none;flex:8rem;padding:.2rem .15rem}.tag-input-footer{justify-content:space-between;align-items:center;gap:.75rem;display:flex}}
@layer components{.pill-select{flex-direction:column;gap:.4rem;display:flex}.pill-select-list{flex-wrap:wrap;gap:.4rem;display:flex}.pill-select-pill{border:1px solid var(--color-border);background:var(--color-surface);min-height:2rem;color:var(--color-text);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;padding:.4rem .85rem;font-weight:600;line-height:1.25;display:inline-flex}.pill-select-pill:hover,.pill-select-pill:focus-visible{border-color:var(--color-primary)}.pill-select-pill-active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.pill-select-pill:disabled{cursor:not-allowed;opacity:.55}}
@layer components{.tabs{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:.25rem;display:flex}.tab{color:var(--color-text);font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;padding:.55rem .85rem;font-weight:600;text-decoration:none;display:inline-flex}.tab:hover,.tab:focus-visible{color:var(--color-primary)}.tab-active{border-bottom-color:var(--color-primary)}.palette-preview{border:1px solid var(--color-border);background:var(--shop-background);color:var(--shop-text);border-radius:.375rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.palette-preview-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;font-weight:700;display:flex}.palette-preview-btn{background:var(--shop-primary);color:var(--shop-background);border-radius:.375rem;padding:.4rem .85rem;font-weight:600;display:inline-flex}.palette-preview-swatches{flex-wrap:wrap;gap:.4rem;display:flex}.palette-preview-swatch{border:1px solid color-mix(in srgb, var(--shop-text) 20%, transparent);border-radius:999px;width:1.5rem;height:1.5rem}.palette-preview-h1{font-family:var(--shop-type-h1-family);font-size:var(--shop-type-h1-size);color:var(--shop-type-h1-color);margin:0;line-height:1.2}.palette-preview-h2{font-family:var(--shop-type-h2-family);font-size:var(--shop-type-h2-size);color:var(--shop-type-h2-color);margin:0;line-height:1.25}.palette-preview-body{font-family:var(--shop-type-body-family);font-size:var(--shop-type-body-size);color:var(--shop-type-body-color);margin:0}.type-role{border-top:1px solid var(--color-border);flex-direction:column;gap:.75rem;padding-top:1rem;display:flex}.type-role-fields{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}@media (min-width:40rem){.type-role-fields{grid-template-columns:minmax(0,1fr) 8rem}}.palette-field-row{grid-template-columns:2.75rem minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.input-color{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:.375rem;width:2.75rem;height:2.75rem;padding:.15rem}}
@layer components{.preview-frame{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.375rem;width:100%;height:calc(100vh - 14rem);min-height:36rem;display:block}}
@layer components{.template-preview{scrollbar-gutter:stable;background:var(--color-background);border:1px solid var(--color-border);border-radius:.375rem;width:100%;overflow:hidden auto}.template-preview-sizer{width:100%;position:relative;overflow:hidden}.template-preview-stage{pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:0 0;position:absolute;top:0;left:0}.template-preview-fill{height:100%;max-height:none}.template-preview .shop-root{min-height:0}}
@layer components{.page-editor-screen{flex-direction:column;flex:1;min-height:0;display:flex}.page-editor-screen .page-editor{flex:1;min-height:0}.page-editor{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;flex-direction:column;min-height:24rem;display:flex;overflow:hidden}.page-editor-screen>.page-header,.page-editor-screen>.card-section{flex-shrink:0}.page-editor-mobile-tabs{flex-shrink:0;display:flex}.page-editor-panes{display:none}.page-editor-mobile{flex-direction:column;flex:1;min-height:0;display:flex}.page-editor-pane{border-right:1px solid var(--color-border);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.page-editor-pane:last-child{border-right:0}.page-editor-pane-body{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.page-editor-pane-inspector .page-editor-pane-body,.page-editor-pane-body-inspector{flex-direction:column;display:flex;overflow:hidden}.page-editor-pane-canvas{background:var(--color-background)}.page-editor-pane-title{border-bottom:1px solid var(--color-border);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 55%, var(--color-background));flex-shrink:0;padding:.65rem .85rem;font-size:.7rem;font-weight:700}.page-editor-tree{margin:0;padding:.5rem;list-style:none}.page-editor-tree-row{align-items:stretch;display:flex}.page-editor-tree-guides{pointer-events:none;flex:none;align-self:stretch;display:flex}.page-editor-tree-guide{width:1rem;box-shadow:inset 1px 0 0 color-mix(in srgb, var(--color-text) 16%, transparent);flex:0 0 1rem}.page-editor-tree-row-dragging{opacity:.4}.page-editor-tree-toggle,.page-editor-tree-handle{width:1.5rem;color:inherit;background:0 0;border:0;border-radius:.25rem;flex:none;justify-content:center;align-items:center;padding:.25rem 0;display:flex}.page-editor-tree-toggle{cursor:pointer}.page-editor-tree-toggle-spacer{flex:0 0 1.5rem}.page-editor-tree-handle{cursor:grab}.page-editor-tree-handle:active{cursor:grabbing}.page-editor-tree-drop-before{box-shadow:inset 0 2px 0 var(--color-info)}.page-editor-tree-drop-after{box-shadow:inset 0 -2px 0 var(--color-info)}.page-editor-tree-drop-child{box-shadow:inset 0 0 0 2px var(--color-info)}.page-editor-tree-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.375rem;align-items:center;gap:.4rem;padding:.4rem .5rem;display:flex}.page-editor-tree-icon{opacity:.75;flex:none;display:flex}.page-editor-tree-copy{flex:auto;min-width:0}.page-editor-tree-overlay{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 .5rem 1rem color-mix(in srgb, var(--color-text) 12%, transparent);cursor:grabbing}.page-editor-tree-item:hover,.page-editor-tree-item:focus-visible{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface))}.page-editor-tree-item-active{background:color-mix(in srgb, var(--color-primary) 16%, var(--color-surface))}.page-editor-tree-type{letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 55%, var(--color-background));font-size:.7rem;font-weight:700;display:block}.page-editor-tree-label{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.page-editor-canvas-frame{padding:.75rem}.page-editor-canvas-frame .shop-root{border:1px solid color-mix(in srgb, var(--color-text) 14%, transparent);border-radius:.375rem;min-height:0;overflow:hidden}.page-editor-inspector-empty{flex:1;padding:.85rem}.page-editor-inspector{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.page-editor-inspector-title{letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;margin:0;padding:.75rem .85rem .35rem;font-size:.8rem;font-weight:700}.page-editor-inspector-tabs{flex-shrink:0;padding:0 .5rem}.page-editor-inspector-tabs .tab{justify-content:center;min-width:2.5rem;padding:.45rem .55rem}.page-editor-inspector-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:.85rem;min-height:0;padding:.85rem;display:flex;overflow:auto}.page-editor-inspect-fold{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.375rem}.page-editor-inspect-fold-toggle{cursor:pointer;justify-content:space-between;align-items:center;padding:.55rem .7rem;font-weight:600;list-style:none;display:flex}.page-editor-inspect-fold-toggle::-webkit-details-marker{display:none}.page-editor-inspect-fold-toggle::marker{content:none}.page-editor-inspect-fold-toggle:after{content:"";border-bottom:2px solid;border-right:2px solid;width:.4rem;height:.4rem;transform:rotate(45deg)}.page-editor-inspect-fold[open] .page-editor-inspect-fold-toggle:after{transform:rotate(225deg)}.page-editor-inspect-fold-body{border-top:1px solid var(--color-border);flex-direction:column;gap:.75rem;padding:0 .7rem .75rem;display:flex}.builder-color-swatches{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.builder-color-swatch,.builder-color-none{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:.25rem;width:1.5rem;height:1.5rem;padding:0}.builder-color-none{width:auto;padding:.15rem .4rem;font-size:.75rem}.builder-color-swatch-active{outline:2px solid var(--color-primary);outline-offset:1px}.builder-spacing{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 2.25rem;align-items:end;gap:.4rem;display:grid}.builder-spacing-cell{flex-direction:column;gap:.2rem;min-width:0;display:flex}.builder-spacing-cell .muted{font-size:.7rem}.builder-spacing-cell .input{min-width:0;padding-inline:.4rem}.builder-spacing-link{grid-area:1/3/span 2;align-self:center;width:2.25rem;height:2.25rem;padding:0}.builder-opacity{align-items:center;gap:.6rem;display:flex}.builder-opacity input[type=range]{min-width:0;accent-color:var(--color-primary);flex:1}.builder-opacity output{font-variant-numeric:tabular-nums;text-align:right;flex:0 0 2.75rem}.page-editor-toolbar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex}.page-editor-toolbar-start,.page-editor-toolbar-save{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.page-editor-toolbar-save{margin-left:auto}.page-editor-toolbar .alert{margin:0}html.page-editor-focus .page-editor-screen>.page-header,html.page-editor-focus .page-editor-screen>.card-section{display:none}html.page-editor-focus .page-editor{border:0;border-radius:0}.page-editor-pane-toggle{display:none}.page-editor-pane-toggle-off{opacity:.55}.page-editor-pane-collapsed{display:none}.page-editor-pane-resize{z-index:4;cursor:col-resize;background:0 0;border:0;width:.5rem;padding:0;position:absolute;top:0;bottom:0}.page-editor-pane-resize:hover,.page-editor-pane-resize:focus-visible{background:color-mix(in srgb, var(--color-primary) 28%, transparent)}.page-editor-pane-resize-end{right:0}.page-editor-pane-resize-start{left:0}.builder-choice-set{gap:.3rem;display:flex}.builder-choice{border:1px solid var(--color-border);background:var(--color-background);min-width:0;min-height:2.25rem;color:inherit;cursor:pointer;border-radius:.3rem;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.15rem;padding:.3rem .15rem;display:flex}.builder-choice-active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 18%, var(--color-surface));color:var(--color-primary)}.builder-choice-set-lg .builder-choice{min-height:2.75rem}.builder-choice-caption{text-align:center;max-width:100%;font-size:.62rem;line-height:1.15}.builder-unit-field{position:relative}.builder-unit-field .input{padding-inline-end:1.75rem}.builder-unit-suffix{color:color-mix(in srgb, var(--color-text) 50%, var(--color-background));pointer-events:none;font-size:.75rem;position:absolute;top:50%;right:.55rem;transform:translateY(-50%)}@media (min-width:64rem){.page-editor-mobile-tabs,.page-editor-mobile{display:none}.page-editor-pane-toggle{display:inline-flex}.page-editor-pane-tree .page-editor-pane-body,.page-editor-pane-inspector .page-editor-pane-body{min-width:13rem}.page-editor-panes{--page-editor-tree-width:16rem;--page-editor-inspector-width:16rem;grid-template-columns:var(--page-editor-tree-width) minmax(0, 1fr) var(--page-editor-inspector-width);flex:1;min-height:0;display:grid;overflow:hidden}.page-editor-panes-no-tree{grid-template-columns:minmax(0, 1fr) var(--page-editor-inspector-width)}.page-editor-panes-no-inspector{grid-template-columns:var(--page-editor-tree-width) minmax(0, 1fr)}.page-editor-panes-no-tree.page-editor-panes-no-inspector{grid-template-columns:minmax(0,1fr)}}}
@layer components{.page-editor-inserter{position:relative}.page-editor-inserter-trigger{border-radius:999px;width:2rem;height:2rem;padding:0}.page-editor-inserter-popover{z-index:40;background:var(--color-surface);border:1px solid var(--color-border);width:18.5rem;max-height:min(24rem,100vh - 2rem);box-shadow:0 .75rem 1.5rem color-mix(in srgb, var(--color-text) 14%, transparent);border-radius:.375rem;flex-direction:column;display:flex;position:fixed;overflow:hidden}.page-editor-inserter-popover:before,.page-editor-inserter-popover:after{content:"";border-left:.45rem solid #0000;border-right:.45rem solid #0000;position:absolute;left:.7rem}.page-editor-inserter-popover:before{border-bottom:.5rem solid var(--color-border);top:-.5rem}.page-editor-inserter-popover:after{border-bottom:.5rem solid var(--color-surface);top:calc(1px - .5rem)}.page-editor-inserter-search,.page-editor-inserter-browse{border-bottom:1px solid var(--color-border);padding:.5rem}.page-editor-inserter-browse .btn{width:100%}.page-editor-inserter-list{flex:1;min-height:0;overflow:auto}.page-editor-inserter-empty{margin:0;padding:.85rem}.page-editor-inserter-category{border-bottom:1px solid var(--color-border)}.page-editor-inserter-category:last-child{border-bottom:0}.page-editor-inserter-category-title{width:100%;color:inherit;font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:.55rem .65rem;font-size:.75rem;font-weight:700;display:flex}.page-editor-inserter-category-title:hover,.page-editor-inserter-category-title:focus-visible{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface))}.page-editor-inserter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:0 .5rem .55rem;display:grid}.page-editor-inserter-item{min-width:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.3rem;flex-direction:column;align-items:center;gap:.3rem;padding:.55rem .25rem;display:flex}.page-editor-inserter-item:hover,.page-editor-inserter-item:focus-visible{background:color-mix(in srgb, var(--color-primary) 12%, var(--color-surface))}.page-editor-inserter-item:disabled{opacity:.45;cursor:not-allowed}.page-editor-inserter-item-icon{border:1px solid var(--color-border);background:var(--color-background);width:2.25rem;height:2.25rem;color:var(--color-text);border-radius:.3rem;justify-content:center;align-items:center;display:flex}.page-editor-inserter-item-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.7rem;line-height:1.2;overflow:hidden}}
@layer components{.page-editor-section-catalog-overlay{z-index:70;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.page-editor-section-catalog-backdrop{background:color-mix(in srgb, var(--color-text) 35%, transparent);border:0;position:absolute;inset:0}.page-editor-section-catalog{z-index:1;background:var(--color-surface);width:min(72rem,100%);height:min(44rem,100vh - 2rem);color:var(--color-text);border:1px solid var(--color-border);box-shadow:0 1rem 2rem color-mix(in srgb, var(--color-text) 18%, transparent);border-radius:.5rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.page-editor-section-catalog-header,.page-editor-section-catalog-footer{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.page-editor-section-catalog-footer{border-bottom:0;border-top:1px solid var(--color-border)}.page-editor-section-catalog-header h3{margin:0;font-size:1rem}.page-editor-section-catalog-footer .muted{margin:0}.page-editor-section-catalog-actions{flex-shrink:0;gap:.5rem;display:flex}.page-editor-section-catalog-body{flex:1;grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);min-height:0;display:grid}.page-editor-section-catalog-list{border-right:1px solid var(--color-border);flex-direction:column;gap:.75rem;min-height:0;padding:.85rem 1rem;display:flex;overflow:auto}.page-editor-section-catalog-groups{flex-direction:column;gap:.85rem;display:flex}.page-editor-section-catalog-group{flex-direction:column;gap:.35rem;display:flex}.page-editor-section-catalog-group-title{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.page-editor-section-catalog-group ul{margin:0;padding:0;list-style:none}.page-editor-section-catalog-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.3rem;padding:.45rem .55rem;display:block}.page-editor-section-catalog-item:hover,.page-editor-section-catalog-item:focus-visible{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface))}.page-editor-section-catalog-item-active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 12%, var(--color-surface))}.page-editor-section-catalog-preview{min-width:0;min-height:0;padding:.85rem 1rem;display:flex}.page-editor-section-catalog-preview .template-preview{flex:1}@media (max-width:48rem){.page-editor-section-catalog{height:min(52rem,100vh - 2rem)}.page-editor-section-catalog-body{grid-template-rows:minmax(10rem,40%) minmax(0,1fr);grid-template-columns:1fr}.page-editor-section-catalog-list{border-right:0;border-bottom:1px solid var(--color-border)}.page-editor-section-catalog-footer{flex-wrap:wrap}}}
@layer components{.page-editor-canvas{position:relative}.page-editor-hit{outline-offset:-2px;outline:2px solid #0000;min-width:0;position:relative}.page-editor-hit-hover{outline-color:color-mix(in srgb, var(--color-primary) 45%, transparent)}.page-editor-hit-selected{z-index:1;outline-color:var(--color-primary)}.page-editor-hit-dragging{opacity:.4;pointer-events:none}.page-editor-hit-toolbar,.page-editor-section-rail,.page-editor-slot-rail{display:none}.page-editor-drag-ghost{z-index:50;opacity:.45;pointer-events:none;box-shadow:0 .75rem 1.5rem color-mix(in srgb, var(--color-text) 18%, transparent);margin:0;position:fixed;overflow:hidden}.page-editor-drag-ghost .page-editor-hit-toolbar,.page-editor-drag-ghost .page-editor-slot-rail,.page-editor-drag-ghost .page-editor-section-rail,.page-editor-drag-ghost .page-editor-inserter-trigger{display:none!important}.page-editor-hit-empty-group{min-width:6rem;min-height:5rem}.page-editor-hit-empty-group>[data-builder-kind=group]{width:100%;min-width:6rem;min-height:5rem}.page-editor-drop-line{z-index:49;pointer-events:none;background:var(--color-info);border-radius:1px;position:fixed}.page-editor-canvas-dragging .page-editor-slot-rail,.page-editor-canvas-dragging .page-editor-section-rail{display:none!important}@media (min-width:64rem){.page-editor-hit-toolbar{z-index:3;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 .25rem .6rem color-mix(in srgb, var(--color-text) 12%, transparent);border-radius:.3rem;gap:.15rem;padding:.15rem;display:flex;position:absolute;top:.25rem;right:.25rem}.page-editor-hit-toolbar .btn{width:1.75rem;height:1.75rem;padding:0}.page-editor-flow-item{min-width:0;position:relative}.page-editor-section-rail,.page-editor-slot-rail{z-index:2;justify-content:center;align-items:center;height:0;display:flex;position:relative}.page-editor-section-rail-line,.page-editor-slot-rail-line{height:2px;position:absolute;left:0;right:0}.page-editor-section-rail-line{background:var(--color-primary)}.page-editor-slot-rail-line{background:color-mix(in srgb, var(--color-text) 28%, var(--color-surface))}.page-editor-slot-rail-y{width:0;height:auto;position:absolute;top:0;bottom:0}.page-editor-slot-rail-y-start{left:0}.page-editor-slot-rail-y-end{right:0}.page-editor-slot-rail-y .page-editor-slot-rail-line{width:2px;height:auto;inset:0 auto 0 50%}.page-editor-section-rail .page-editor-inserter-trigger,.page-editor-slot-rail .page-editor-inserter-trigger{z-index:1;width:1.5rem;height:1.5rem;position:relative}.page-editor-slot-rail{opacity:0}.page-editor-slot-rail-visible,.page-editor-slot-rail:hover,.page-editor-slot-rail:focus-within{opacity:1}}}
@layer components{.builder-image-src{align-items:stretch;gap:.35rem;display:flex}.builder-image-src .input{flex:auto;min-width:0}.builder-image-src .btn{flex:none;width:2.5rem;padding:0}.builder-media-overlay{z-index:60;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.builder-media-backdrop{background:color-mix(in srgb, var(--color-text) 35%, transparent);border:0;position:absolute;inset:0}.builder-media-dialog{z-index:1;background:var(--color-surface);width:min(40rem,100%);max-height:min(36rem,100vh - 2rem);color:var(--color-text);border:1px solid var(--color-border);box-shadow:0 1rem 2rem color-mix(in srgb, var(--color-text) 18%, transparent);border-radius:.5rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.builder-media-header,.builder-media-footer{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.builder-media-footer{border-bottom:0;border-top:1px solid var(--color-border);justify-content:flex-end}.builder-media-header h3{margin:0;font-size:1rem}.builder-media-body{flex-direction:column;flex:1;gap:.75rem;min-height:0;padding:.85rem 1rem;display:flex;overflow:auto}.builder-media-grid{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.builder-media-thumb{aspect-ratio:1;border:2px solid var(--color-border);background:var(--color-background);cursor:pointer;border-radius:.375rem;width:100%;padding:0;display:block;overflow:hidden}.builder-media-thumb img{object-fit:cover;width:100%;height:100%;display:block}.builder-media-thumb-active{border-color:var(--color-primary)}}
@layer components{.builder-rich-text{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.375rem;flex-direction:column;display:flex;overflow:hidden}.builder-rich-text-toolbar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:.25rem;padding:.35rem;display:flex}.builder-rich-text-toolbar .btn{width:2rem;height:2rem;padding:0}.builder-rich-text-btn-active{background:color-mix(in srgb, var(--color-primary) 16%, var(--color-surface));color:var(--color-primary)}.builder-rich-text-link{border-bottom:1px solid var(--color-border);gap:.35rem;padding:.35rem;display:flex}.builder-rich-text-link .input{flex:1;min-width:0}.builder-rich-text-editor .builder-rich-text-content{outline:none;min-height:8rem;padding:.6rem .7rem}.builder-rich-text-content p{margin:0 0 .5rem}.builder-rich-text-content p:last-child{margin-bottom:0}.builder-rich-text-content ul,.builder-rich-text-content ol{margin:0 0 .5rem;padding-left:1.35rem}.builder-rich-text-content ul{list-style-type:disc}.builder-rich-text-content ol{list-style-type:decimal}.builder-rich-text-content li{display:list-item}.builder-rich-text-content a{color:var(--color-primary)}}