.et-page{display:flex;flex-direction:column;gap:var(--lph-admin-gap-section);max-width:1100px}.et-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}@media(max-width:900px){.et-layout{grid-template-columns:1fr}}.et-sidebar{display:flex;flex-direction:column;gap:4px;background:var(--lph-admin-surface-panel);border:1px solid var(--lph-admin-border-subtle);border-radius:var(--lph-admin-radius-lg);padding:8px}.et-tmpl-btn{width:100%;text-align:left;padding:10px 14px;border:1px solid transparent;border-radius:var(--lph-admin-radius-md);font-family:var(--lph-admin-font-body);font-size:var(--lph-admin-type-body-size);font-weight:var(--lph-admin-weight-medium);color:var(--lph-admin-ink);background:transparent;cursor:pointer;transition:background var(--lph-duration-fast) var(--lph-ease-out),color var(--lph-duration-fast) var(--lph-ease-out)}.et-tmpl-btn:hover{background:var(--lph-admin-surface-sunken);color:var(--lph-admin-ink-strong)}.et-tmpl-btn.is-active{background:var(--lph-admin-status-info-bg);color:var(--lph-admin-status-info-ink);font-weight:var(--lph-admin-weight-semibold)}.et-editor-panel{background:var(--lph-admin-surface-panel);border:1px solid var(--lph-admin-border-subtle);border-radius:var(--lph-admin-radius-lg);padding:28px}.et-placeholder-host{padding:8px 0}.et-editor-header{margin-bottom:20px}.et-editor-title{font-family:var(--lph-admin-font-body);font-size:var(--lph-admin-type-h2-size);line-height:var(--lph-admin-type-h2-line);font-weight:var(--lph-admin-weight-semibold);color:var(--lph-admin-ink-strong);letter-spacing:var(--lph-admin-track-tight);margin:0 0 10px}.et-tokens{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.et-token-pill{font-size:var(--lph-admin-type-mono-sm-size);background:var(--lph-admin-status-success-bg);color:var(--lph-admin-status-success-ink);border:1px solid var(--lph-admin-status-success-border);border-radius:var(--lph-admin-radius-pill);padding:2px 10px;font-family:var(--lph-admin-font-mono);cursor:pointer;transition:background var(--lph-duration-fast) var(--lph-ease-out)}.et-token-pill:hover{background:var(--lph-admin-status-success-bg-solid)}.et-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.et-label{font-size:var(--lph-admin-type-overline-size);line-height:var(--lph-admin-type-overline-line);font-weight:var(--lph-admin-weight-bold);letter-spacing:var(--lph-admin-track-wide);text-transform:uppercase;color:var(--lph-admin-ink-muted)}.et-input,.et-textarea{padding:8px 12px;border:1px solid var(--lph-admin-border-strong);border-radius:var(--lph-admin-radius-md);font-family:var(--lph-admin-font-body);font-size:var(--lph-admin-type-body-size);color:var(--lph-admin-ink-strong);background:var(--lph-admin-surface-panel);outline:none;transition:border-color var(--lph-duration-fast) var(--lph-ease-out)}.et-input:focus,.et-textarea:focus{border-color:var(--lph-admin-border-focus)}.et-textarea{font-family:var(--lph-admin-font-mono);font-size:var(--lph-admin-type-mono-sm-size);resize:vertical;min-height:320px}.et-actions{display:flex;gap:10px;flex-wrap:wrap}.et-btn-primary,.et-btn-secondary{padding:8px 18px;border-radius:var(--lph-admin-radius-md);font-family:var(--lph-admin-font-body);font-size:var(--lph-admin-type-small-size);font-weight:var(--lph-admin-weight-semibold);cursor:pointer;transition:background var(--lph-duration-fast) var(--lph-ease-out)}.et-btn-primary{background:var(--lph-admin-primary, #2563eb);border:1px solid var(--lph-admin-primary, #2563eb);color:var(--lph-admin-ink-on-primary, #fff)}.et-btn-primary:hover:not(:disabled){filter:brightness(.95)}.et-btn-primary:disabled{opacity:.55;cursor:not-allowed}.et-btn-secondary{background:transparent;border:1px solid var(--lph-admin-border-subtle);color:var(--lph-admin-ink-strong)}.et-btn-secondary:hover{background:var(--lph-admin-surface-sunken)}.et-save-msg{padding:10px 14px;border-radius:var(--lph-admin-radius-md);font-size:var(--lph-admin-type-small-size);margin-bottom:16px;border:1px solid transparent}.et-save-msg.success{background:var(--lph-admin-status-success-bg-solid);border-color:var(--lph-admin-status-success-border);color:var(--lph-admin-status-success-ink)}.et-save-msg.error{background:var(--lph-admin-status-danger-bg-solid);border-color:var(--lph-admin-status-danger-border);color:var(--lph-admin-status-danger-ink)}
