.email-editor{flex-direction:column;gap:12px;min-width:0;display:flex}.editor-toolbar{z-index:6;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-1);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:8px 10px;display:flex;position:relative}.editor-toolbar-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.email-editor .button-small{gap:6px;min-height:36px;padding:0 10px;font-size:13px}.save-state{color:var(--muted);white-space:nowrap;font-size:13px}.save-dirty,.save-saving{color:var(--warning)}.save-error,.save-conflict{color:var(--danger);font-weight:600}.editor-toolbar-end{margin-left:auto}.editor-more{gap:6px;width:auto;min-width:220px;display:grid;left:auto;right:0}.editor-more .button{justify-content:flex-start;width:100%}.editor-toolbar.is-compact .editor-label-wide{display:none}.editor-main{grid-template-columns:minmax(0, 1fr) 12px var(--editor-panel-w,380px);height:calc(100dvh - var(--topbar-h) - 96px);min-height:520px;display:grid}.editor-resizer{cursor:col-resize;touch-action:none;position:relative}.editor-resizer:after{content:"";background:var(--border-strong);border-radius:2px;width:4px;height:40px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.editor-resizer:hover:after,.editor-resizer:focus-visible:after{background:var(--accent)}.editor-resizer:focus-visible{box-shadow:var(--focus-ring);outline:none}.editor-canvas{border:1px solid var(--border);border-radius:var(--radius-md);background:#f4f4f4;min-width:0;position:relative;overflow:hidden}.editor-canvas>.state{z-index:2;background:var(--surface);position:absolute;inset:0}.editor-canvas-host{position:absolute;inset:0}.editor-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex}.editor-tabs{flex:none;padding:0 6px}.editor-tabs .tab{padding:10px 8px;font-size:14px}.tab-count{text-align:center;border-radius:999px;min-width:18px;margin-left:6px;padding:0 5px;font-size:12px;line-height:18px;display:inline-block}.tab-count-error{background:var(--danger);color:var(--danger-ink)}.editor-panel-body{flex:1;min-height:0;padding:12px;overflow-y:auto}.editor-empty{margin:8px 0}.editor-block-group h3,.editor-links h4,.tag-menu h4{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:14px 0 6px;font-size:12px}.editor-block-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.editor-block{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-height:44px;color:var(--text-strong);font:inherit;text-align:center;cursor:grab;touch-action:manipulation;padding:8px;font-size:13px;font-weight:600}.editor-block:hover,.editor-block:focus-visible{border-color:var(--accent)}.editor-field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.editor-field>label,.editor-field .field-label{color:var(--text-strong);font-size:13px;font-weight:600}.editor-field input[type=text],.editor-field input[type=number],.editor-field select,.tag-fallback input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);min-width:0;min-height:40px;color:var(--text);font:inherit;padding:6px 10px}.color-field{align-items:center;gap:8px;display:flex}.color-field input[type=color]{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);flex:none;width:44px;height:40px;padding:2px}.color-field input[type=text]{flex:1}.editor-breadcrumb{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;display:flex}.editor-breadcrumb>*+:before{content:"›";color:var(--muted);margin-right:6px}.editor-breadcrumb [aria-current]{font-weight:700}.editor-settings>.button{margin-bottom:12px}.editor-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.editor-menu{position:relative}.editor-popover{z-index:30;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:min(400px,88vw);max-height:70vh;box-shadow:var(--shadow-2);padding:12px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.tag-menu ul{margin:0;padding:0;list-style:none}.tag-menu li.tag-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding:6px 0;display:grid}.tag-menu li.tag-row .link-button{text-align:left;justify-self:start}.tag-menu li.tag-row code{color:var(--muted);font-size:12px}.tag-fallback{grid-column:1/-1;align-items:center;gap:8px;display:flex}.tag-fallback input{flex:1;min-height:34px}.lint-summary{margin:0 0 8px;font-weight:600}.lint-summary-error{color:var(--danger)}.lint-list{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.lint-item{border-radius:var(--radius-sm);color:var(--text-strong);gap:2px;padding:8px 10px;font-size:13px;display:grid}.lint-error{background:var(--danger-soft)}.lint-warning{background:var(--warning-soft)}.lint-severity{letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:700}.lint-error .lint-severity{color:var(--danger)}.lint-warning .lint-severity{color:var(--warning)}.email-preview{border:1px solid var(--border);border-radius:var(--radius-md);background:#f4f4f4;overflow:hidden}.email-preview iframe{background:#fff;border:0;width:100%;height:640px;margin:0 auto;display:block}.email-preview-note{padding:var(--space-2,8px) var(--space-3,12px);border-bottom:1px solid var(--border);background:var(--surface,#fff);color:var(--muted);margin:0;font-size:14px}.email-preview-note.is-problem{color:var(--danger)}.email-preview-loading{padding:var(--space-4,16px);color:var(--muted);margin:0}.email-preview-mobile iframe{width:375px;max-width:100%}.editor-html-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.editor-code textarea{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);width:100%;height:640px;color:var(--text);resize:vertical;padding:10px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;display:block}.email-editor-html .editor-panel{grid-column:1/-1;padding:12px}.email-editor-html .editor-panel h3{margin:0 0 8px}.email-editor-readonly{gap:12px;display:grid}.editor-canvas-host .gjs-editor{font-family:var(--font-sans);background:0 0}.editor-canvas-host .gjs-cv-canvas{width:100%;height:100%;top:0}.editor-canvas-host .gjs-badge{display:none}.editor-canvas-host .gjs-toolbar,.editor-canvas-host .gjs-rte-toolbar{background-color:var(--inverse-surface);border-radius:6px}.editor-canvas-host .gjs-rte-actionbar .gjs-rte-action{min-width:32px;min-height:32px}.editor-main.is-drawer{height:calc(100dvh - var(--topbar-h) - 120px);grid-template-columns:minmax(0,1fr);min-height:440px;position:relative}.editor-main.is-drawer .editor-panel{z-index:8;width:min(380px,92%);box-shadow:var(--shadow-3);position:absolute;top:0;bottom:0;right:0}.editor-main.is-drawer .editor-tabs{padding-right:48px}.editor-drawer-close{z-index:1;position:absolute;top:4px;right:4px}.editor-panel[hidden]{display:none}.content:has(.page-editor-full){max-width:none;padding:var(--space-4) var(--space-5)}.page-editor{gap:10px}.page-editor-full .template-meta{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:6px 12px;padding:10px 14px}.page-editor-full .template-meta .field-hint{display:none}.page-editor-full .template-meta>p.muted{white-space:nowrap;align-self:center;margin:18px 0 0}@media (min-width:1024px) and (min-height:640px){.content:has(.page-editor-full){height:calc(100dvh - var(--topbar-h));flex-direction:column;display:flex}.page-editor-full{flex-direction:column;flex:1;min-height:0;display:flex}.page-editor-full .email-editor-visual{flex:1;min-height:0}.page-editor-full .email-editor-visual .editor-main{flex:1;height:auto;min-height:320px}}.email-editor.is-fullscreen{z-index:40;padding:calc(10px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));background:var(--bg);position:fixed;inset:0}.email-editor.is-fullscreen .editor-main{flex:1;height:auto;min-height:0}.font-picker-button{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:40px;color:var(--text);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:16px;display:flex}.font-picker-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.font-picker-button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.font-picker-popup{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-2);margin-top:6px;padding:8px}.font-picker-search{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:40px;color:var(--text);font:inherit;padding:6px 10px}.font-picker-list{overscroll-behavior:contain;max-height:min(420px,50vh);margin-top:6px;overflow-y:auto}.font-picker-group-label{z-index:1;background:var(--surface);color:var(--muted);font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;padding:8px 8px 4px;font-size:12px;position:sticky;top:0}.font-picker-option{border-radius:var(--radius-sm);min-height:40px;color:var(--text-strong);cursor:pointer;touch-action:manipulation;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:18px;display:flex}.font-picker-option.is-active{background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--accent)}.font-picker-option[aria-selected=true]{font-weight:600}.font-picker-empty{padding:8px}.font-picker-note{margin:8px 2px 0}@media (max-width:1023px){.page-editor-full .template-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.page-editor-full .template-meta>p.muted{margin:0}.editor-html-main{grid-template-columns:minmax(0,1fr)}.editor-code textarea,.email-preview iframe{height:420px}}@media (max-width:767px){.page-editor-full .template-meta{grid-template-columns:minmax(0,1fr)}}