.tree-logo-editor-overlay[data-tree-logo-editor-mode=baseline]{align-items:center;padding:24px}#tree-logo-editor[data-tree-logo-editor-mode=baseline]{box-sizing:border-box;display:flex;width:min(940px,calc(100vw - 48px));max-width:940px;height:auto;min-height:min(760px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);flex-direction:column;overflow:hidden;border:var(--ui-border-standard);border-radius:var(--ui-radius-xl);background:var(--ui-color-background-neutral);box-shadow:var(--ui-shadow-overlay);color:var(--ui-color-public-text-link);font-family:var(--ui-font-family);font-size:16px;line-height:1.45}#tree-logo-editor[data-tree-logo-editor-mode=baseline] *,#tree-logo-editor[data-tree-logo-editor-mode=baseline] ::after,#tree-logo-editor[data-tree-logo-editor-mode=baseline] ::before{box-sizing:border-box}#tree-logo-editor[data-tree-logo-editor-mode=baseline] [hidden]{display:none!important}#tree-logo-editor[data-tree-logo-editor-mode=baseline]>.tree-logo-editor-header{position:relative;display:flex;flex:0 0 auto;min-height:77px;padding:18px 20px;align-items:center;gap:12px;border-bottom:var(--ui-border-divider);background:var(--ui-color-surface-strong)}#tree-logo-editor[data-tree-logo-editor-mode=baseline] .modal-title-icon{display:inline-grid;flex:0 0 40px;width:40px;height:40px;place-items:center;border-radius:var(--ui-radius-md);background:var(--ui-color-public-accent-soft);color:var(--ui-color-public-primary);font-size:20px}.tree-logo-editor-title-copy{min-width:0}.tree-logo-editor-title-copy h2{margin:0;color:var(--ui-color-public-text-link);font-size:24px;font-weight:650;line-height:1.2}.tree-logo-editor-title-copy p{margin:3px 0 0;color:var(--ui-color-text-muted);font-size:14px;line-height:1.35}#tree-logo-editor[data-tree-logo-editor-mode=baseline]>.tree-logo-editor-message{margin:16px 20px 0}#tree-logo-editor[data-tree-logo-editor-mode=baseline]>.tree-logo-editor-body{flex:1 1 auto;min-height:0;padding:20px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:var(--ui-color-background-neutral)}.tree-logo-editor-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:20px;align-items:start;min-width:0}.tree-logo-editor-controls{display:grid;min-width:0;gap:16px}.tree-logo-control-section,.tree-logo-preview-column{min-width:0;overflow:hidden;border:var(--ui-border-standard);border-radius:var(--ui-radius-lg);background:var(--ui-color-surface-strong)}.tree-logo-control-section-head,.tree-logo-preview-head{display:flex;min-height:62px;padding:10px 14px;align-items:center;justify-content:space-between;gap:8px;border-bottom:var(--ui-border-divider);background:var(--ui-color-surface-strong)}.tree-logo-control-toggle,.tree-logo-upcoming-toggle{border:0;background:0 0;color:var(--ui-color-public-text-link);font:inherit;cursor:pointer}.tree-logo-control-toggle{display:flex;min-width:0;min-height:36px;padding:7px 8px;align-items:center;gap:8px;border-radius:8px;font-size:16px;font-weight:500;text-align:left}.tree-logo-control-toggle:focus-visible,.tree-logo-control-toggle:hover,.tree-logo-upcoming-toggle:focus-visible,.tree-logo-upcoming-toggle:hover{background:var(--ui-color-public-secondary-hover)}.tree-logo-control-toggle:focus-visible,.tree-logo-upcoming-toggle:focus-visible{outline:2px solid var(--ui-color-public-accent);outline-offset:2px}.tree-logo-control-toggle-icon{display:inline-grid;flex:0 0 17px;width:17px;height:17px;place-items:center;color:currentColor;font-size:17px;line-height:1;transform:rotate(180deg);transition:transform .18s}[data-tree-logo-section-toggle][aria-expanded=true] .tree-logo-control-toggle-icon{transform:rotate(270deg)}.tree-logo-control-section-content{padding:16px}.tree-logo-shape-fieldset{min-width:0;margin:0;padding:0;border:0}.tree-logo-shape-fieldset legend{margin:0 0 10px;color:var(--ui-color-text-muted);font-size:14px;font-weight:400}.tree-logo-shape-grid{display:grid;grid-template-columns:repeat(5,minmax(64px,1fr));gap:8px}.tree-logo-shape-option{position:relative;display:grid;min-width:0;min-height:98px;padding:9px 6px 8px;place-items:center;gap:4px;border:1px solid var(--ui-color-public-control-border);border-radius:var(--ui-radius-md);background:var(--ui-color-surface-strong);color:var(--ui-color-public-text-link);cursor:pointer;transition:background-color 140ms}.tree-logo-shape-option:has(.tree-logo-shape-radio:checked),.tree-logo-shape-option:hover{background:var(--ui-color-public-secondary-hover)}.tree-logo-shape-option:has(.tree-logo-shape-radio:focus-visible){outline:2px solid var(--ui-color-public-accent);outline-offset:2px}.tree-logo-shape-radio{position:absolute;top:8px;left:8px;margin:0}.tree-logo-shape-option svg{display:block;width:38px;height:54px;fill:var(--ui-color-border);stroke:var(--ui-color-public-primary);stroke-width:8}.tree-logo-shape-option:has(.tree-logo-shape-radio:checked) svg{fill:var(--ui-color-public-accent)}.tree-logo-shape-option>span:last-child{max-width:100%;overflow:hidden;font-size:12px;font-weight:400;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.tree-logo-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tree-logo-field{display:grid;min-width:0;gap:7px;color:var(--ui-color-public-text-link);font-size:14px;font-weight:400;line-height:1.35}.tree-logo-field-wide{grid-column:1/-1}.tree-logo-field>span:first-child{font-weight:500}.tree-logo-field small{justify-self:end;color:var(--ui-color-text-muted);font-size:12px;font-weight:400}.tree-logo-field .settings-select-input,.tree-logo-textarea{width:100%;min-width:0;border:var(--ui-border-strong);border-radius:var(--ui-radius-md);background:var(--ui-color-surface-strong);color:var(--ui-color-public-text-link);font:inherit}.tree-logo-field .settings-select-input{min-height:var(--ui-control-height-md);padding:9px 12px;cursor:pointer}.tree-logo-textarea{min-height:76px;padding:9px 12px;line-height:1.4;resize:vertical;cursor:text}.tree-logo-textarea:focus-visible{outline:0;box-shadow:none;background:var(--ui-color-input-focus-surface)}.tree-logo-color-control{display:flex;min-width:0;min-height:var(--ui-control-height-md);padding:4px 10px 4px 5px;align-items:center;gap:9px;border:var(--ui-border-strong);border-radius:var(--ui-radius-md);background:var(--ui-color-surface-strong)}.tree-logo-color-input{flex:0 0 36px;width:36px;height:32px;min-width:36px;padding:0;border:0;border-radius:var(--ui-radius-sm);background:0 0;cursor:pointer}.tree-logo-color-input:focus-visible{outline:2px solid var(--ui-color-public-accent);outline-offset:2px}.tree-logo-color-control output{min-width:0;overflow:hidden;color:var(--ui-color-text-muted);font-size:13px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.tree-logo-upcoming-toggle{display:flex;width:100%;min-height:58px;padding:10px 14px;align-items:center;justify-content:space-between;gap:12px;border-radius:var(--ui-radius-lg);text-align:left}.tree-logo-upcoming-title{display:flex;min-width:0;align-items:center;gap:8px}.tree-logo-upcoming-title strong{overflow:hidden;font-size:16px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.tree-logo-upcoming-status{flex:0 0 auto;color:var(--ui-color-text-muted);font-size:12px;white-space:nowrap}.tree-logo-upcoming-content{padding:0 14px 14px;color:var(--ui-color-text-muted);font-size:13px;line-height:1.45}.tree-logo-preview-column{position:sticky;top:0;display:grid}.tree-logo-preview-head h3{margin:0;color:var(--ui-color-public-text-link);font-size:16px;font-weight:500}.tree-logo-preview-head>span{padding:4px 8px;border-radius:var(--ui-radius-pill);background:var(--ui-color-public-accent-soft);color:var(--ui-color-public-primary);font-size:12px;font-weight:500}.tree-logo-preview{display:grid;min-height:360px;padding:20px;place-items:center;overflow:hidden;background:var(--ui-color-background-neutral);cursor:default}.tree-logo-preview[data-card-layout=classic]{background:#f8f5ef}.tree-logo-preview[data-card-layout=clean]{background:#f2f3f5}.tree-logo-preview img,.tree-logo-preview svg{display:block;width:min(100%,300px);height:auto;max-height:340px}.tree-logo-editor-disclaimer{display:flex;gap:9px;padding:14px;align-items:flex-start;border-top:var(--ui-border-divider);color:var(--ui-color-text-muted);font-size:13px;line-height:1.45}.tree-logo-editor-disclaimer>.material-symbols-rounded{flex:0 0 18px;width:18px;height:18px;margin-top:1px;font-size:18px;line-height:1}.tree-logo-editor-disclaimer p{margin:0}#tree-logo-editor[data-tree-logo-editor-mode=baseline]>.tree-logo-editor-actions{position:relative;z-index:1;display:flex;flex:0 0 auto;min-height:72px;margin:0;padding:14px 20px;align-items:center;justify-content:flex-end;gap:10px;border-top:var(--ui-border-divider);background:var(--ui-color-surface-strong)}@media(max-width:980px){#tree-logo-editor[data-tree-logo-editor-mode=baseline]{width:min(610px,calc(100vw - 48px));max-width:610px}.tree-logo-editor-layout{grid-template-columns:minmax(0,1fr);gap:16px}.tree-logo-preview-column{position:static;grid-row:1}.tree-logo-editor-controls{grid-row:2}}@media(max-width:620px){.tree-logo-editor-overlay[data-tree-logo-editor-mode=baseline]{padding:8px}#tree-logo-editor[data-tree-logo-editor-mode=baseline]{width:calc(100vw - 16px);max-width:calc(100vw - 16px);min-height:min(760px,calc(100dvh - 16px));max-height:calc(100dvh - 16px);border-radius:18px}#tree-logo-editor[data-tree-logo-editor-mode=baseline]>.tree-logo-editor-header{min-height:68px;padding:14px}.tree-logo-editor-title-copy h2{overflow:hidden;font-size:22px;text-overflow:ellipsis;white-space:nowrap}.tree-logo-editor-title-copy p{display:none}#tree-logo-editor[data-tree-logo-editor-mode=baseline]>.tree-logo-editor-message{margin:12px 14px 0}#tree-logo-editor[data-tree-logo-editor-mode=baseline]>.tree-logo-editor-body{padding:14px}.tree-logo-preview{min-height:245px;padding:12px}.tree-logo-preview img,.tree-logo-preview svg{max-height:225px}.tree-logo-shape-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tree-logo-control-grid{grid-template-columns:minmax(0,1fr)}.tree-logo-field-wide{grid-column:auto}.tree-logo-upcoming-toggle{align-items:flex-start}.tree-logo-upcoming-status{white-space:normal;text-align:right}#tree-logo-editor[data-tree-logo-editor-mode=baseline]>.tree-logo-editor-actions{min-height:0;padding:12px 14px}#tree-logo-editor[data-tree-logo-editor-mode=baseline] #tree-logo-editor-save{width:100%}}