.hover-overlay-container{pointer-events:none;position:absolute;inset:0}.hover-info-overlay{all:initial;box-sizing:border-box}.hover-info-overlay *{all:unset;font-family:Roboto,Helvetica Neue,sans-serif}.hover-info-overlay{pointer-events:none;z-index:1;background:linear-gradient(145deg,#df000005 0%,#df000014 100%);border:1px solid #df000026;box-shadow:inset 2px 2px 5px #ffffff4d,inset -2px -2px 5px #df00001a}.hover-info-overlay.relationship-type{background:linear-gradient(145deg,#0d00ff05 0%,#0d00ff14 100%);border:1px solid #0d00ff26;box-shadow:inset 2px 2px 5px #ffffff4d,inset -2px -2px 5px #0d00ff1a}.hover-info-overlay.many-relationship-type{background:linear-gradient(145deg,#008f4805 0%,#008f4814 100%);border:1px solid #008f4826;box-shadow:inset 2px 2px 5px #ffffff4d,inset -2px -2px 5px #008f481a}.hover-info-overlay.empty-attribute{background:linear-gradient(145deg,#80808005 0%,#80808014 100%);border:1px solid #80808026;box-shadow:inset 2px 2px 5px #ffffff4d,inset -2px -2px 5px #8080801a}.hover-info-overlay.selected{z-index:2;background:linear-gradient(145deg,#df000005 0%,#df000014 100%);border:1px solid #df000026;box-shadow:inset 2px 2px 5px #ffffff4d,inset -2px -2px 5px #df00001a}.hover-info-overlay.selected.relationship-type{background:linear-gradient(145deg,#0d00ff05 0%,#0d00ff14 100%);border:1px solid #0d00ff26;box-shadow:inset 2px 2px 5px #ffffff4d,inset -2px -2px 5px #0d00ff1a}.hover-info-overlay.selected.many-relationship-type{background:linear-gradient(145deg,#008f4805 0%,#008f4814 100%);border:1px solid #008f4826;box-shadow:inset 2px 2px 5px #ffffff4d,inset -2px -2px 5px #008f481a}.hover-info-overlay.selected.empty-attribute{background:linear-gradient(145deg,#80808005 0%,#80808014 100%);border:1px solid #80808026;box-shadow:inset 2px 2px 5px #ffffff4d,inset -2px -2px 5px #8080801a}.hover-info-overlay .hover-info-content{all:unset;white-space:nowrap;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#fffffff2 linear-gradient(145deg,#df000014 0%,#df000026 100%);border:1px solid #df000040;border-radius:2px 2px 0 0;padding:1px 6px;font-size:10px;line-height:1.25;position:absolute;top:-16px;bottom:auto;left:-1px;box-shadow:inset 1px 1px 3px #ffffff4d,inset -1px 0 2px #df000026,0 2px 4px #0000000d}.hover-info-overlay .hover-info-content .info-value{color:#df0000e6;text-shadow:0 1px 2px #df000033}.hover-info-overlay .hover-info-content .info-type{color:#df0000e6;text-shadow:0 1px 2px #df000033;margin-left:4px;font-size:9px}.hover-info-overlay .hover-info-content.relationship-type{background:#fffffff2 linear-gradient(145deg,#0d00ff14 0%,#0d00ff26 100%);border:1px solid #0d00ff40;border-radius:0 0 2px 2px;top:auto;bottom:-16px;box-shadow:inset 1px 1px 3px #ffffff4d,inset -1px 0 2px #0d00ff26,0 2px 4px #0000000d}.hover-info-overlay .hover-info-content.relationship-type .info-value{color:#0d00ffe6;text-shadow:0 1px 2px #0d00ff33}.hover-info-overlay .hover-info-content.relationship-type .info-type{color:#0d00ffe6;text-shadow:0 1px 2px #0d00ff33;margin-left:4px;font-size:9px}.hover-info-overlay .hover-info-content.many-relationship-type{background:#fffffff2 linear-gradient(145deg,#008f4814 0%,#008f4826 100%);border:1px solid #008f4840;border-radius:2px 2px 0 0;top:-16px;bottom:auto;box-shadow:inset 1px 1px 3px #ffffff4d,inset -1px 0 2px #008f4826,0 2px 4px #0000000d}.hover-info-overlay .hover-info-content.many-relationship-type .info-value{color:#008f48e6;text-shadow:0 1px 2px #008f4833}.hover-info-overlay .hover-info-content.many-relationship-type .info-type{color:#008f48e6;text-shadow:0 1px 2px #008f4833;margin-left:4px;font-size:9px}.hover-info-overlay .hover-info-content.empty-attribute{background:#fffffff2 linear-gradient(145deg,#80808014 0%,#80808026 100%);border:1px solid #80808040;border-bottom:none;border-radius:2px 2px 0 0;align-items:center;display:flex;inset:-16px -1px auto auto;box-shadow:inset 1px 1px 3px #ffffff4d,inset -1px 0 2px #80808026,0 2px 4px #0000000d}.hover-info-overlay .hover-info-content.empty-attribute .info-value{color:#808080e6;text-shadow:0 1px 2px #80808033}.hover-info-overlay .hover-info-content.selected{opacity:1}
.selection-overlay{z-index:200;box-sizing:border-box;position:fixed;overflow:visible}.selection-overlay__svg{display:block;overflow:visible}.selection-overlay__rect{stroke:red;stroke-width:1px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;shape-rendering:crispedges;animation:.6s linear infinite marching-ants-selection}.selection-overlay.one-to-many .selection-overlay__rect{stroke:#c000ff}@keyframes marching-ants-selection{to{stroke-dashoffset:-7px}}
.log-viewer{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;overflow-y:auto;box-shadow:0 1px 3px #0000001a}.log-viewer__header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.log-viewer__header h3{color:#1f2937;margin:0;font-size:1.125rem;font-weight:600}.log-viewer__clear-button{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:background-color .2s}.log-viewer__clear-button:hover{background-color:#dc2626}.log-viewer__clear-button:focus{outline-offset:2px;outline:2px solid #f87171}.log-viewer__empty-state{color:#6b7280;text-align:center;padding:2rem;font-style:italic}.log-viewer__logs-container{flex-direction:column;gap:.5rem;display:flex;overflow-y:auto}.log-viewer__logs-container::-webkit-scrollbar{width:8px}.log-viewer__logs-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.log-viewer__logs-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.log-viewer__logs-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.log-entry{border-left:4px solid;border-radius:.375rem;padding:.75rem;transition:all .2s;position:relative}.log-entry:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.log-entry--info{background-color:#eff6ff;border-left-color:#3b82f6}.log-entry--success{background-color:#f0fdf4;border-left-color:#10b981}.log-entry--warning{background-color:#fffbeb;border-left-color:#f59e0b}.log-entry--error{background-color:#fef2f2;border-left-color:#ef4444}.log-entry__content{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.log-entry__main{flex:1;min-width:0}.log-entry__timestamp{color:#6b7280;margin-bottom:.25rem;font-family:Courier New,monospace;font-size:.75rem}.log-entry__text{color:#374151;word-wrap:break-word;margin:0;line-height:1.5}.log-entry__images{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.log-entry__images img{-o-object-fit:contain;object-fit:contain;cursor:pointer;border:1px solid #e5e7eb;border-radius:.375rem;max-width:12rem;max-height:8rem;transition:transform .2s}.log-entry__images img:hover{border-color:#9ca3af;transform:scale(1.05)}.log-entry__remove-button{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;padding:.25rem;font-size:1.25rem;font-weight:700;transition:all .2s;display:flex}.log-entry__remove-button:hover{color:#ef4444;background-color:#ef44441a}.log-entry__remove-button:focus{outline-offset:1px;outline:2px solid #f87171}@media (max-width:768px){.log-viewer{padding:.75rem}.log-viewer__header{flex-direction:column;align-items:stretch;gap:.5rem}.log-viewer__header h3{text-align:center}.log-viewer__clear-button{width:100%}.log-entry__content{flex-direction:column;align-items:stretch}.log-entry__remove-button{align-self:flex-end;margin-top:.5rem}.log-entry__images img{max-width:100%;max-height:6rem}}@media (prefers-color-scheme:dark){.log-viewer{color:#f9fafb;background-color:#1f2937;border-color:#374151}.log-viewer__header{border-bottom-color:#374151}.log-viewer__header h3{color:#f9fafb}.log-viewer__empty-state{color:#9ca3af}.log-viewer__logs-container::-webkit-scrollbar-track{background:#374151}.log-viewer__logs-container::-webkit-scrollbar-thumb{background:#6b7280}.log-viewer__logs-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.log-entry--info{background-color:#3b82f61a}.log-entry--success{background-color:#10b9811a}.log-entry--warning{background-color:#f59e0b1a}.log-entry--error{background-color:#ef44441a}.log-entry__text{color:#e5e7eb}.log-entry__timestamp{color:#9ca3af}.log-entry__images img{border-color:#6b7280}.log-entry__images img:hover{border-color:#9ca3af}}
.hover-tooltip-container{display:inline-block;position:relative}.hover-tooltip-container .hover-tooltip-trigger{cursor:help;display:inline-block}.hover-tooltip-content{z-index:1000;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:6px;width:max-content;min-width:120px;max-width:300px;padding:8px;font-size:.875rem;line-height:1.4;animation:.2s ease-in-out fadeIn;position:absolute;box-shadow:0 2px 8px #00000026}.hover-tooltip-content.with-arrow:before{content:"";background:#fff;border:1px solid #ccc;width:8px;height:8px;position:absolute;transform:rotate(45deg)}.hover-tooltip-content.bottom,.hover-tooltip-content.bottom-start,.hover-tooltip-content.bottom-end{top:calc(100% + 8px)}.hover-tooltip-content.bottom{left:50%;transform:translate(-50%)}.hover-tooltip-content.bottom.with-arrow:before{border-bottom:none;border-right:none;top:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.hover-tooltip-content.bottom-start{left:0}.hover-tooltip-content.bottom-start.with-arrow:before{border-bottom:none;border-right:none;top:-5px;left:16px}.hover-tooltip-content.bottom-end{right:0}.hover-tooltip-content.bottom-end.with-arrow:before{border-bottom:none;border-right:none;top:-5px;right:16px}.hover-tooltip-content.top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.hover-tooltip-content.top.with-arrow:before{border-top:none;border-left:none;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.hover-tooltip-content.left{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.hover-tooltip-content.left.with-arrow:before{border-top:none;border-right:none;top:50%;right:-5px;transform:translateY(-50%)rotate(45deg)}.hover-tooltip-content.right{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.hover-tooltip-content.right.with-arrow:before{border-bottom:none;border-left:none;top:50%;left:-5px;transform:translateY(-50%)rotate(45deg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
:root{--super-html-editor-bg:#1e1e1e;--super-html-editor-bg-elevated:#272727;--super-html-editor-bg-elevated-hover:#3d3d3d;--super-html-editor-bg-collapse-header:#343434;--super-html-editor-bg-header:#0f172a;--super-html-editor-bg-muted:#172033;--super-html-editor-bg-canvas:#161616;--super-html-editor-border:#273449;--super-html-editor-border-strong:#374151;--super-html-editor-border-accent:#60a5fa47;--super-html-editor-text:#d1d5db;--super-html-editor-text-strong:#f8fafc;--super-html-editor-text-muted:#94a3b8;--super-html-editor-text-subtle:#9da9b9;--super-html-editor-text-hint:#7eb8e8;--super-html-editor-text-placeholder:#94a3b852;--super-html-editor-accent:#60a5fa;--super-html-editor-accent-strong:#3b82f6;--super-html-editor-accent-muted:#60a5fa24;--super-html-editor-hover-muted:#94a3b824;--super-html-editor-resize-stripe:#94a3b873;--super-html-editor-selected-bg:#2563eb3d;--super-html-editor-selected-bg-hover:#2563eb52;--super-html-editor-warning-bg:#92400e3d;--super-html-editor-warning-bg-hover:#92400e57;--super-html-editor-danger-bg:#7f1d1d61;--super-html-editor-danger-bg-hover:#991b1b9e;--super-html-editor-danger-border:#f8717173;--super-html-editor-danger-text:#fca5a5;--super-html-editor-danger-text-strong:#fee2e2;--super-html-editor-shadow:0 8px 32px #0000006b;--super-html-editor-radius:6px;--super-html-layout-edit-color:red;--super-html-layout-edit-color-hover:#d40000;--super-html-layout-edit-color-active:#b00000;--super-html-layout-edit-color-glow:#ff0000bf;--super-html-element-edit-hover-outline:#0000001a}.she-field,.super-html-element-editor__field{flex-direction:column;gap:6px;min-width:0;display:flex}.she-field--compact{gap:6px}.she-field--compact .she-field__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.she-field--compact .she-field__label,.she-field--compact .super-html-element-editor__field>span:first-child:not(.she-field__label-block):not(.she-field__label){color:var(--super-html-editor-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.she-field--checkbox,.super-html-element-editor__field--checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:flex-start;gap:10px}.she-field--checkbox .she-field__label,.she-field--checkbox .super-html-element-editor__field>span:first-child:not(.she-field__label-block):not(.she-field__label),.super-html-element-editor__field--checkbox .she-field__label,.super-html-element-editor__field--checkbox .super-html-element-editor__field>span:first-child:not(.she-field__label-block):not(.she-field__label){flex:1;min-width:0}.she-field--checkbox .she-checkbox,.super-html-element-editor__field--checkbox .she-checkbox{margin-top:2px}.she-field__label,.super-html-element-editor__field>span:first-child:not(.she-field__label-block):not(.she-field__label){color:var(--super-html-editor-text);font-size:12px;font-weight:600;line-height:1.35;display:block}.she-field__meta{flex-shrink:0;align-items:baseline;gap:8px;display:flex}.she-field__label-block{flex-direction:column;gap:2px;min-width:0;display:flex}.she-field__hint{color:var(--super-html-editor-text-hint);font-size:11px;font-weight:400;line-height:1.35}.she-field__hint--below{display:block}.she-field--compact .she-field__hint{text-align:right;flex-shrink:1;min-width:0;font-size:10px}.she-field__control{width:100%;min-width:0}.she-field__attr,.super-html-element-editor__attr{color:var(--super-html-editor-text-subtle);margin-top:2px;font-family:ui-monospace,monospace;font-size:10px;font-weight:400;display:block}.she-input,.super-html-element-editor__field>input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.she-input),.super-html-element-editor__field>textarea:not(.she-textarea),.super-html-element-editor__field>select:not(.she-select),.she-textarea,.she-select{box-sizing:border-box;border:1px solid var(--super-html-editor-border-strong);border-radius:var(--super-html-editor-radius);width:100%;color:var(--super-html-editor-text-strong);font:inherit;background:#00000047;outline:none;transition:border-color .15s,box-shadow .15s,background-color .15s}.she-input:hover:not(:disabled):not(:focus),.super-html-element-editor__field>input:hover:not(:disabled):not(:focus):not([type=checkbox]):not([type=radio]):not([type=file]):not(.she-input),.super-html-element-editor__field>textarea:hover:not(:disabled):not(:focus):not(.she-textarea),.super-html-element-editor__field>select:hover:not(:disabled):not(:focus):not(.she-select),.she-textarea:hover:not(:disabled):not(:focus),.she-select:hover:not(:disabled):not(:focus){background:#00000057;border-color:#94a3b880}.she-input:focus,.super-html-element-editor__field>input:focus:not([type=checkbox]):not([type=radio]):not([type=file]):not(.she-input),.super-html-element-editor__field>textarea:focus:not(.she-textarea),.super-html-element-editor__field>select:focus:not(.she-select),.she-textarea:focus,.she-select:focus{background:#0000005c;border-color:#60a5fa8c;box-shadow:0 0 0 2px #60a5fa1f}.she-input::-moz-placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.super-html-element-editor__field>input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.she-input)::-moz-placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.super-html-element-editor__field>textarea:not(.she-textarea)::-moz-placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.super-html-element-editor__field>select:not(.she-select)::-moz-placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.she-textarea::-moz-placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.she-select::-moz-placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.she-input::placeholder,.super-html-element-editor__field>input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.she-input)::placeholder,.super-html-element-editor__field>textarea:not(.she-textarea)::placeholder,.super-html-element-editor__field>select:not(.she-select)::placeholder,.she-textarea::placeholder,.she-select::placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.she-input:disabled,.super-html-element-editor__field>input:disabled:not([type=checkbox]):not([type=radio]):not([type=file]):not(.she-input),.super-html-element-editor__field>textarea:disabled:not(.she-textarea),.super-html-element-editor__field>select:disabled:not(.she-select),.she-textarea:disabled,.she-select:disabled{opacity:.55;cursor:not-allowed}.she-input,.super-html-element-editor__field>input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.she-input),.super-html-element-editor__field>textarea:not(.she-textarea),.super-html-element-editor__field>select:not(.she-select),.she-select{height:32px;padding:0 10px}.she-select,.super-html-element-editor__field>select:not(.she-select){cursor:pointer;appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#00000047;background-image:linear-gradient(45deg, transparent 50%, var(--super-html-editor-text-muted) 50%),linear-gradient(135deg, var(--super-html-editor-text-muted) 50%, transparent 50%);background-position:calc(100% - 14px),calc(100% - 9px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:28px}.she-select option,.super-html-element-editor__field>select:not(.she-select) option,.she-select optgroup,.super-html-element-editor__field>select:not(.she-select) optgroup{background-color:var(--super-html-editor-bg-elevated);color:var(--super-html-editor-text-strong)}.super-html-element-editor,.super-html-fixed-editors-shell,.super-html-editor-modal{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.super-html-element-editor select,.super-html-fixed-editors-shell select,.super-html-editor-modal select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--super-html-editor-bg-elevated);color:var(--super-html-editor-text-strong)}.super-html-element-editor select option,.super-html-element-editor select optgroup,.super-html-fixed-editors-shell select option,.super-html-fixed-editors-shell select optgroup,.super-html-editor-modal select option,.super-html-editor-modal select optgroup{background-color:var(--super-html-editor-bg-elevated);color:var(--super-html-editor-text-strong)}.she-textarea,.super-html-element-editor__field>textarea:not(.she-textarea){resize:vertical;min-height:80px;padding:8px 10px;line-height:1.45}.she-checkbox{width:15px;height:15px;accent-color:var(--super-html-editor-accent);cursor:pointer;flex-shrink:0}.she-field-with-action,.super-html-element-editor__field-with-action{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.she-field-with-action__action,.super-html-element-editor__field-action{white-space:nowrap;align-items:center;gap:8px;margin-bottom:1px;display:flex}.she-btn,.super-html-element-editor__primary,.super-html-element-editor__secondary,.super-html-element-editor__icon-btn{border-radius:var(--super-html-editor-radius);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:600;line-height:1;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.she-btn .material-icons,.super-html-element-editor__primary .material-icons,.super-html-element-editor__secondary .material-icons,.super-html-element-editor__icon-btn .material-icons{font-size:16px}.she-btn:disabled,.super-html-element-editor__primary:disabled,.super-html-element-editor__secondary:disabled,.super-html-element-editor__icon-btn:disabled{opacity:.6;cursor:not-allowed}.she-btn--secondary,.super-html-element-editor__secondary,.super-html-element-editor__icon-btn{border:1px solid var(--super-html-editor-border-strong);color:var(--super-html-editor-text);background:#00000038}.she-btn--secondary:hover:not(:disabled),.super-html-element-editor__secondary:hover:not(:disabled),.super-html-element-editor__icon-btn:hover:not(:disabled){background:var(--super-html-editor-bg-elevated-hover);color:var(--super-html-editor-text-strong);border-color:#60a5fa73}.she-btn--primary,.super-html-element-editor__primary{border:1px solid var(--super-html-editor-accent-strong);background:linear-gradient(180deg, var(--super-html-editor-accent) 0%, var(--super-html-editor-accent-strong) 100%);color:var(--super-html-editor-text-strong);box-shadow:0 1px 2px #00000040}.she-btn--primary:hover:not(:disabled),.super-html-element-editor__primary:hover:not(:disabled){border-color:var(--super-html-editor-accent);filter:brightness(1.06)}.she-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;display:inline-flex}.she-switch--disabled{cursor:not-allowed;opacity:.55}.she-switch__label{color:var(--super-html-editor-text-muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:700;line-height:1}.she-switch__input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.she-switch__track{border:1px solid var(--super-html-editor-border-strong);background:#ffffff0f;border-radius:999px;flex-shrink:0;width:26px;height:14px;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-block;position:relative;box-shadow:inset 0 1px 2px #00000047}.she-switch__track:after{content:"";background:var(--super-html-editor-text-muted);border-radius:50%;width:10px;height:10px;transition:transform .15s,background-color .15s;position:absolute;top:1px;left:1px;box-shadow:0 1px 2px #00000059}.she-switch__input:checked+.she-switch__track{background:#60a5fa38;border-color:#60a5fa8c;box-shadow:inset 0 1px 2px #0000002e,0 0 8px #60a5fa2e}.she-switch__input:checked+.she-switch__track:after{background:var(--super-html-editor-accent);transform:translate(12px);box-shadow:0 1px 2px #00000059,0 0 6px #60a5fa73}.she-switch__input:focus-visible+.she-switch__track{outline-offset:1px;outline:2px solid #60a5fa73}.she-switch-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.she-switch-row__hint{color:var(--super-html-editor-text-muted);margin:0;font-size:10px;line-height:1.25}.she-panel{flex-direction:column;gap:12px;display:flex}.she-segmented-tabs-wrap{border-bottom:1px solid var(--super-html-editor-border);background:#0000002e;padding:8px 10px 10px}.she-segmented-tabs{border-radius:calc(var(--super-html-editor-radius) + 2px);background:#00000052;gap:2px;padding:3px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #ffffff08}.she-segmented-tabs__indicator{border-radius:var(--super-html-editor-radius);pointer-events:none;z-index:0;background:linear-gradient(#60a5fa47 0%,#60a5fa24 100%);transition:transform .22s cubic-bezier(.34,1.2,.64,1),width .22s cubic-bezier(.34,1.2,.64,1),height .22s cubic-bezier(.34,1.2,.64,1);position:absolute;top:0;left:0;box-shadow:inset 0 1px #ffffff1f,0 1px 3px #00000047,0 0 0 1px #60a5fa59}.she-segmented-tabs__tab{z-index:1;border-radius:var(--super-html-editor-radius);min-height:46px;color:var(--super-html-editor-text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 4px 4px;transition:color .15s,transform .12s;display:flex;position:relative}.she-segmented-tabs__tab .material-icons{font-size:17px;transition:transform .15s}.she-segmented-tabs__tab:hover{color:var(--super-html-editor-text)}.she-segmented-tabs__tab:hover .material-icons{transform:translateY(-1px)}.she-segmented-tabs__tab:focus-visible{outline-offset:1px;outline:2px solid #60a5fa8c}.she-segmented-tabs__tab--active{color:var(--super-html-editor-text-strong)}.she-segmented-tabs__tab--active .material-icons{color:var(--super-html-editor-accent);filter:drop-shadow(0 0 6px #60a5fa59)}.she-segmented-tabs__tab--active .she-segmented-tabs__tab-label{color:var(--super-html-editor-accent);font-weight:700}.she-segmented-tabs__tab--has-badge:not(.she-segmented-tabs__tab--active),.she-segmented-tabs__tab--has-badge:not(.she-segmented-tabs__tab--active) .she-segmented-tabs__tab-label{color:var(--super-html-editor-text)}.she-segmented-tabs__tab-icon{justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}.she-segmented-tabs__tab-dot{background:var(--super-html-editor-accent);border-radius:50%;width:5px;height:5px;position:absolute;top:-1px;right:-3px;box-shadow:0 0 0 1px #00000073}.she-segmented-tabs__tab-label{letter-spacing:.06em;text-transform:uppercase;color:inherit;opacity:.92;font-size:9px;font-weight:600;line-height:1;transition:color .15s}.she-panel__grid{gap:10px;display:grid}.she-panel__grid--2{grid-template-columns:1fr 1fr}.super-html-element-editor :is(input,textarea):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.super-html-editor-control-panel :is(input,textarea):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.ise :is(input,textarea):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.super-html-element-editor :is(input,textarea):not([type=checkbox]):not([type=radio]):not([type=file])::placeholder,.super-html-editor-control-panel :is(input,textarea):not([type=checkbox]):not([type=radio]):not([type=file])::placeholder,.ise :is(input,textarea):not([type=checkbox]):not([type=radio]):not([type=file])::placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.super-html-edit-layout-shield,.super-html-edit-layout-shield *{-webkit-user-select:none;user-select:none;pointer-events:none!important}.super-html-element--hidden-shown{opacity:.4;outline:2px dashed var(--super-html-element-edit-hover-outline,#888);outline-offset:1px}.super-html-modal-as-div{outline:2px dashed var(--super-html-element-edit-hover-outline,#888);outline-offset:2px;padding:4px}.super-html-element-edit{cursor:pointer;pointer-events:auto;transition:box-shadow .2s ease-in-out}.super-html-element-edit:hover{box-shadow:inset 0 0 0 1px var(--super-html-element-edit-hover-outline)}.super-html-element-edit.super-html-element-edit--selected:hover{box-shadow:none}.super-html-element-edit.super-html-element-edit--enterable{cursor:cell}.super-html-element-edit.super-html-element-edit--out-of-focus{opacity:.45;cursor:default}.super-html-element-edit.super-html-element-edit--parent-escape{opacity:1;cursor:pointer}.super-html-element-edit.super-html-element-edit--dragging{opacity:.35;cursor:grabbing!important}.super-html-element-edit.super-html-element-edit--layout-dragging{cursor:grabbing!important}.super-html-element-edit.super-html-element-edit--absolute-selected.free-positioning-wrapper{cursor:grab;outline:1px solid var(--super-html-layout-edit-color,red);outline-offset:0px;box-shadow:none}.super-html-element-edit.super-html-element-edit--absolute-selected.free-positioning-wrapper:hover{box-shadow:none}.super-html-element-edit.super-html-element-edit--absolute-selected.free-positioning-wrapper.super-html-element-edit--layout-dragging{cursor:grabbing!important}.super-html-element-edit.super-html-element-edit--absolute-selected.free-positioning-wrapper.super-html-element-edit--layout-rotating{cursor:crosshair!important}.super-html-element-edit [data-absolute-layout-handle],.super-html-element-edit .absolute-layout-edge-handle,.super-html-element-edit .absolute-layout-corner-handle{z-index:10051}.super-html-element-edit .absolute-layout-rotation-center{background:var(--super-html-layout-edit-color,red);width:10px;height:10px;box-shadow:0 0 0 1px #00000059,0 0 6px var(--super-html-layout-edit-color-glow,#ff0000bf);pointer-events:none;z-index:10051;border:2px solid #fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.super-html-element-edit .absolute-layout-edge-handle{background:0 0;transition:background-color .15s;position:absolute}.super-html-element-edit .absolute-layout-edge-handle:after{content:"";background:var(--super-html-layout-edit-color,red);opacity:0;pointer-events:none;transition:opacity .15s;position:absolute}.super-html-element-edit .absolute-layout-edge-handle:hover:after,.super-html-element-edit .absolute-layout-edge-handle:active:after{opacity:.85}.super-html-element-edit .absolute-layout-edge-handle--left,.super-html-element-edit .absolute-layout-edge-handle--right{cursor:ew-resize;width:10px;top:0;bottom:0}.super-html-element-edit .absolute-layout-edge-handle--left{left:-5px}.super-html-element-edit .absolute-layout-edge-handle--left:after{width:2px;top:0;bottom:0;left:4px}.super-html-element-edit .absolute-layout-edge-handle--right{right:-5px}.super-html-element-edit .absolute-layout-edge-handle--right:after{width:2px;top:0;bottom:0;right:4px}.super-html-element-edit .absolute-layout-edge-handle--top,.super-html-element-edit .absolute-layout-edge-handle--bottom{cursor:ns-resize;height:10px;left:0;right:0}.super-html-element-edit .absolute-layout-edge-handle--top{top:-5px}.super-html-element-edit .absolute-layout-edge-handle--top:after{height:2px;top:4px;left:0;right:0}.super-html-element-edit .absolute-layout-edge-handle--bottom{bottom:-5px}.super-html-element-edit .absolute-layout-edge-handle--bottom:after{height:2px;bottom:4px;left:0;right:0}.super-html-element-edit .absolute-layout-corner-handle{background:var(--super-html-layout-edit-color,red);border:1px solid #fff;width:6px;height:6px;transition:transform .15s,background-color .15s;position:absolute;box-shadow:0 0 0 .5px #0003}.super-html-element-edit .absolute-layout-corner-handle:before{content:"";position:absolute;inset:-5px}.super-html-element-edit .absolute-layout-corner-handle:hover{background:var(--super-html-layout-edit-color-hover,#d40000);transform:scale(1.15)}.super-html-element-edit .absolute-layout-corner-handle:active{background:var(--super-html-layout-edit-color-active,#b00000);transform:scale(1)}.super-html-element-edit .absolute-layout-corner-handle--top-left{cursor:nwse-resize;top:-3px;left:-3px}.super-html-element-edit .absolute-layout-corner-handle--top-right{cursor:nesw-resize;top:-3px;right:-3px}.super-html-element-edit .absolute-layout-corner-handle--bottom-right{cursor:nwse-resize;bottom:-3px;right:-3px}.super-html-element-edit .absolute-layout-corner-handle--bottom-left{cursor:nesw-resize;bottom:-3px;left:-3px}.absolute-layout-guides{pointer-events:none;z-index:10040;position:absolute;inset:0;overflow:visible}.absolute-layout-guide{pointer-events:none;position:absolute}.absolute-layout-guide--horizontal{border-top:1px dashed var(--super-html-layout-edit-color,red);height:0}.absolute-layout-guide--vertical{border-left:1px dashed var(--super-html-layout-edit-color,red);width:0}.absolute-layout-guide__label,.absolute-layout-guide__size,.absolute-layout-guide__angle{color:#fff;background:var(--super-html-layout-edit-color,red);white-space:nowrap;pointer-events:none;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:600;line-height:1.3;position:absolute;box-shadow:0 0 0 1px #0003}.absolute-layout-guide__label--horizontal{transform:translate(-50%,calc(-50% - 8px))}.absolute-layout-guide__label--vertical{transform:translate(calc(-50% - 10px),-50%)}.absolute-layout-guide__size{transform:translate(-50%)}.absolute-layout-guide__angle{transform:translate(-50%,14px)}.super-html-edit-child-locked,.super-html-edit-field-shield{pointer-events:none;-webkit-user-select:none;user-select:none}.super-html-element-editor{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--super-html-editor-bg);border-radius:var(--super-html-editor-radius);max-height:100vh;box-shadow:var(--super-html-editor-shadow);border:1px solid var(--super-html-editor-border-accent);color:var(--super-html-editor-text);font-size:13px;overflow-y:auto}.super-html-element-editor select{appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--super-html-editor-bg-elevated);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2394a3b8' d='M1 0l4 4 4-4 1 1-5 5-5-5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.super-html-element-editor select option,.super-html-element-editor select optgroup{background-color:var(--super-html-editor-bg-elevated);color:var(--super-html-editor-text-strong)}.super-html-element-editor input,.super-html-element-editor textarea,.super-html-element-editor select{background-color:var(--super-html-editor-bg-elevated);border-color:var(--super-html-editor-border-strong);color:var(--super-html-editor-text)}.super-html-element-editor input::-moz-placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.super-html-element-editor textarea::-moz-placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.super-html-element-editor select::-moz-placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.super-html-element-editor input::placeholder,.super-html-element-editor textarea::placeholder,.super-html-element-editor select::placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.super-html-element-editor input:focus,.super-html-element-editor textarea:focus,.super-html-element-editor select:focus{border-color:var(--super-html-editor-accent);outline:1px solid var(--super-html-editor-accent-muted)}.super-html-float-panel{flex-direction:column;max-height:100vh;display:flex;position:relative;overflow-y:auto}.super-html-float-panel--resizing{-webkit-user-select:none;user-select:none}.super-html-float-panel__resize-handle{z-index:5;width:22px;height:22px;color:var(--super-html-editor-text-muted);cursor:se-resize;pointer-events:auto;touch-action:none;background:linear-gradient(135deg, transparent 0 42%, var(--super-html-editor-resize-stripe) 42% 58%, transparent 58% 100%);justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:0;right:0}.super-html-float-panel__resize-handle .material-icons{opacity:.85;pointer-events:none;font-size:16px}.super-html-float-panel__resize-handle:hover{color:var(--super-html-editor-accent);background:linear-gradient(135deg, transparent 0 42%, var(--super-html-editor-accent-muted) 42% 58%, transparent 58% 100%)}.super-html-float-panel__resize-handle:hover .material-icons{opacity:1}.super-html-element-editor__header{background:var(--super-html-editor-bg-header);border-bottom:1px solid var(--super-html-editor-border);color:var(--super-html-editor-text-strong);cursor:grab;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.super-html-element-editor__header--dragging{cursor:grabbing}.super-html-element-editor__title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.super-html-element-editor__header-actions{flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.super-html-element-editor__icon-btn{flex-shrink:0;gap:0;width:24px;min-width:24px;height:24px;padding:0}.super-html-element-editor__icon-btn .material-icons{font-size:16px}.super-html-float-panel__dock-icon{border:1px solid var(--super-html-editor-border-accent);background:var(--super-html-editor-bg-collapse-header);color:var(--super-html-editor-accent);box-shadow:var(--super-html-editor-shadow);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.super-html-float-panel__dock-icon .material-icons{font-size:22px}.super-html-float-panel__dock-icon:hover{background:var(--super-html-editor-accent-strong);color:var(--super-html-editor-text-strong)}.super-html-element-editor__body{flex-direction:column;gap:10px;display:flex}.super-html-element-editor__element-identity{border-bottom:1px solid var(--super-html-editor-border);padding:10px}.super-html-element-editor__element-identity-name{width:100%;font:inherit;color:var(--super-html-editor-text-strong);background:0 0;border:1px solid #0000;border-radius:4px;outline:none;margin:0;padding:2px 4px;font-weight:600;line-height:1.35;display:block}.super-html-element-editor__element-identity-name:hover{border-color:var(--super-html-editor-border);background:var(--super-html-editor-bg-muted)}.super-html-element-editor__element-identity-name:focus{border-color:var(--super-html-editor-border-strong);background:var(--super-html-editor-bg-elevated)}.super-html-element-editor__element-identity-name::placeholder{color:var(--super-html-editor-text-subtle);font-weight:500}.super-html-element-editor__element-identity-attribute{color:var(--super-html-editor-text-muted);margin-top:2px;font-weight:500;line-height:1.35}.super-html-element-editor__element-identity-id{color:var(--super-html-editor-text-muted);word-break:break-all;margin-top:2px;font-size:11px;line-height:1.35}.super-html-element-editor__tabs{flex-direction:column;gap:0;display:flex}.super-html-element-editor__overview{color:var(--super-html-editor-text-hint);margin:0;padding:10px 10px 0;font-size:12px;line-height:1.45}.super-html-element-editor__history-actions{align-items:center;gap:2px;padding:4px 10px;display:flex}.super-html-element-editor__tabs .tab-list-container{border-bottom-color:var(--super-html-editor-border)}.super-html-element-editor__tabs .tab{min-width:0;color:var(--super-html-editor-text-muted);padding:8px 10px;font-size:12px}.super-html-element-editor__tabs .tab:hover{color:var(--super-html-editor-text)}.super-html-element-editor__tabs .tab.selected{color:var(--super-html-editor-text-strong)}.super-html-element-editor__tab-panels{padding-top:8px}.super-html-element-editor__collapsible-tabs{flex-direction:column;gap:0;padding-top:0;display:flex}.super-html-element-editor__collapsible-section{border:1px solid var(--super-html-editor-border);background:var(--super-html-editor-bg-muted);border-radius:0;overflow:hidden}.super-html-element-editor__collapsible-section+.super-html-element-editor__collapsible-section{margin-top:-1px}.super-html-element-editor__collapsible-header{background:var(--super-html-editor-bg-collapse-header);width:100%;color:var(--super-html-editor-text);cursor:pointer;font:inherit;text-align:left;border:0;justify-content:space-between;align-items:center;padding:7px 8px;font-size:12px;font-weight:600;display:flex}.super-html-element-editor__collapsible-header:hover{background:var(--super-html-editor-bg-elevated-hover);color:var(--super-html-editor-text-strong)}.super-html-element-editor__collapsible-header .material-icons{color:var(--super-html-editor-text-muted);font-size:18px}.super-html-element-editor__collapsible-body{border-top:1px solid var(--super-html-editor-border);background:var(--super-html-editor-bg-elevated);flex-direction:column;gap:10px;padding:10px;display:flex}.qe-tab{flex-direction:column;gap:0;display:flex}.qe-section{flex-direction:column;gap:4px;padding:6px 0;display:flex}.qe-section+.qe-section{border-top:1px solid var(--super-html-editor-border)}.qe-section:first-child{padding-top:0}.qe-section--style{padding-bottom:0}.qe-section__title{letter-spacing:.01em;text-transform:none;color:var(--super-html-editor-text-strong);border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;margin:0 0 2px;padding-bottom:4px;font-size:11px;font-weight:600;line-height:1.2;display:flex}.qe-section__title:before{content:"";background:var(--super-html-editor-accent);border-radius:1px;flex-shrink:0;width:2px;height:11px}.qe-row{flex-wrap:wrap;align-items:flex-end;gap:6px 8px;display:flex}.qe-field{flex-direction:column;gap:4px;min-width:0;display:flex}.qe-field--wide{flex:100%;width:100%}.qe-field--narrow{flex:0 0 96px;max-width:120px}.qe-field--inline{flex-direction:row;flex:none;align-items:center;gap:6px}.qe-field--inline .qe-field__label{min-width:2.4em}.qe-field--inline .qe-field__control{flex:none}.qe-field--check{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:row;flex:none;align-items:center;gap:6px;padding-bottom:2px}.qe-field--check .qe-field__label{text-transform:none;letter-spacing:0;color:var(--super-html-editor-text);font-size:11px;font-weight:500}.qe-field__label{letter-spacing:.06em;text-transform:uppercase;color:var(--super-html-editor-text-muted);font-size:10px;font-weight:600;line-height:1.2}.qe-field__control{flex-direction:column;gap:4px;min-width:0;display:flex}.qe-field__hint{color:var(--super-html-editor-text-hint);font-size:10px;line-height:1.3}.qe-control{box-sizing:border-box;border:1px solid var(--super-html-editor-border-strong);width:100%;min-height:26px;color:var(--super-html-editor-text-strong);font:inherit;background:#00000047;border-radius:4px;outline:none;padding:4px 8px;font-size:11px;line-height:1.3;transition:border-color .15s,background-color .15s,box-shadow .15s}.qe-control:hover:not(:disabled):not(:focus){background:#00000057;border-color:#94a3b880}.qe-control:focus{border-color:var(--super-html-editor-accent);background:#00000061;box-shadow:0 0 0 1px #60a5fa40}.qe-control::placeholder{color:var(--super-html-editor-text-subtle)}.qe-control--textarea{resize:vertical;min-height:48px;padding:6px 8px}.qe-control--number{text-align:center;width:52px;min-width:52px;padding:4px 6px}.qe-control--number::-webkit-inner-spin-button{margin:0}.qe-control--number::-webkit-outer-spin-button{margin:0}.qe-control--select{cursor:pointer;min-width:72px;padding-right:22px}.qe-action-row{align-items:flex-end;gap:6px;min-width:0;display:flex}.qe-action-row__field{flex:1;min-width:0}.qe-action-row__action{flex-shrink:0;padding-bottom:1px}.qe-btn{border:1px solid var(--super-html-editor-border-strong);min-height:26px;color:var(--super-html-editor-text);font:inherit;cursor:pointer;white-space:nowrap;background:#00000047;border-radius:4px;justify-content:center;align-items:center;padding:0 10px;font-size:11px;font-weight:600;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.qe-btn:hover{color:var(--super-html-editor-text-strong);background:#00000061;border-color:#94a3b880}.qe-tab .ise-color--compact .ise-color__trigger{border:1px solid var(--super-html-editor-border-strong);background:#00000047;border-radius:4px;justify-content:center;width:26px;height:26px;padding:0;transition:border-color .15s,background-color .15s,box-shadow .15s}.qe-tab .ise-color--compact .ise-color__trigger:hover{background:#00000057;border-color:#94a3b880}.qe-tab .ise-color--compact .ise-color__swatch{border-radius:3px;width:14px;height:14px}.qe-row>.qe-field:not(.qe-field--wide):not(.qe-field--inline):not(.qe-field--check){flex:120px}.qe-row>.qe-action-row{flex:220px}.super-html-element-editor__hint{color:var(--super-html-editor-text-hint);margin-top:4px;font-size:12px;display:block}.super-html-element-editor__meta{color:var(--super-html-editor-text-muted);word-break:break-all;font-size:11px}.super-html-element-editor__error{color:var(--super-html-editor-danger-text);font-size:12px}.super-html-element-editor__success{color:var(--super-html-editor-success-text,#86efac);font-size:12px}.super-html-element-editor__subtree-actions{border-bottom:1px solid var(--super-html-editor-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.super-html-element-editor__subtree-actions button{min-width:0}.super-html-element-editor__subtree-use-file{color:var(--super-html-editor-text);grid-column:1/-1;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.super-html-element-editor__subtree-use-file input{width:auto}.super-html-element-editor__file-input{display:none}.super-html-element-editor__ai-update{border-bottom:1px solid var(--super-html-editor-border);background:var(--super-html-editor-bg-muted);flex-direction:column;gap:8px;padding:8px;display:flex}.super-html-element-editor__ai-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.super-html-element-editor__ai-prompt-history{flex-direction:column;gap:6px;display:flex}.super-html-element-editor__ai-prompt-history-list{flex-direction:column;gap:4px;max-height:160px;display:flex;overflow:auto}.super-html-element-editor__ai-prompt-history-item{border:1px solid var(--super-html-editor-border);background:var(--super-html-editor-bg-elevated);color:var(--super-html-editor-text);cursor:pointer;font:inherit;text-align:left;white-space:normal;word-break:break-word;border-radius:4px;padding:6px 8px;font-size:12px}.super-html-element-editor__ai-prompt-history-item:hover{border-color:var(--super-html-editor-border-accent);color:var(--super-html-editor-text-strong)}.super-html-element-editor__ai-config{border:1px solid var(--super-html-editor-border);background:var(--super-html-editor-bg-elevated);border-radius:4px}.super-html-element-editor__ai-config>summary{cursor:pointer;color:var(--super-html-editor-text);justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:12px;font-weight:600;display:flex}.super-html-element-editor__ai-config>summary small{color:var(--super-html-editor-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.super-html-element-editor__ai-config-body{border-top:1px solid var(--super-html-editor-border);flex-direction:column;gap:8px;padding:8px;display:flex}.super-html-element-editor__ai-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.super-html-element-editor__ai-config-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.super-html-element-editor__ai-result{flex-direction:column;gap:6px;display:flex}.super-html-element-editor__ai-section{border:1px solid var(--super-html-editor-border);background:var(--super-html-editor-bg-elevated);border-radius:4px}.super-html-element-editor__ai-section summary{cursor:pointer;color:var(--super-html-editor-text);padding:6px 8px;font-size:12px;font-weight:600}.super-html-element-editor__ai-pre,.super-html-element-editor__ai-diff{border-top:1px solid var(--super-html-editor-border);max-height:220px;color:var(--super-html-editor-text);white-space:pre-wrap;word-break:break-word;margin:0;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.4;overflow:auto}.super-html-element-editor__ai-diff-line{display:block}.super-html-element-editor__ai-diff-line--added{background:var(--super-html-editor-success-bg,#22c55e24);color:var(--super-html-editor-success-text,#86efac)}.super-html-element-editor__ai-diff-line--removed{background:var(--super-html-editor-danger-bg);color:var(--super-html-editor-danger-text)}.super-html-element-editor__ai-diff-line--unchanged{color:var(--super-html-editor-text-muted)}.super-html-element-editor__dnd-hint{background:var(--super-html-editor-bg-muted);color:var(--super-html-editor-text);border-radius:4px;align-items:flex-start;gap:6px;margin:0 0 10px;padding:8px;font-size:12px;line-height:1.4;display:flex}.super-html-element-editor__dnd-hint .material-icons{color:var(--super-html-editor-accent);flex-shrink:0;margin-top:1px;font-size:16px}.super-html-element-editor__sibling-actions{flex-direction:column;gap:6px;display:flex}.super-html-element-editor__click-script-create{padding:4px 0}.super-html-click-script-modal__body{flex-direction:column;height:560px;display:flex}.super-html-click-script-modal__body .ace_editor{flex:1;min-height:0}.super-html-element-editor__modal-form{flex-direction:column;gap:12px;padding:16px;display:flex}.super-html-element-editor__modal-actions{justify-content:flex-end;gap:8px;display:flex}.super-html-editor-modal{border:1px solid var(--super-html-editor-border-accent);color:var(--super-html-editor-text);background:var(--super-html-editor-bg)!important}.super-html-editor-modal>div:first-child{background:var(--super-html-editor-bg-header);color:var(--super-html-editor-text-strong);border-bottom-color:var(--super-html-editor-border)!important}.super-html-editor-modal>div:first-child h2{color:var(--super-html-editor-text-strong)}.super-html-editor-modal>div:first-child button{color:var(--super-html-editor-text-muted)}.super-html-editor-modal>div:first-child button:hover{color:var(--super-html-editor-text-strong)}.super-html-editor-modal>div:last-child{background:var(--super-html-editor-bg)}.super-html-element-editor__danger{border:1px solid var(--super-html-editor-danger-border);background:var(--super-html-editor-danger-bg);color:var(--super-html-editor-danger-text);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:600;display:inline-flex}.super-html-element-editor__danger .material-icons{font-size:16px}.super-html-element-editor__danger:hover:not(:disabled){background:var(--super-html-editor-danger-bg-hover);border-color:var(--super-html-editor-danger-border)}.super-html-element-editor__danger:disabled{opacity:.55;cursor:not-allowed}.super-html-element-editor__apply{background:var(--super-html-editor-accent-strong);color:var(--super-html-editor-text-strong);cursor:pointer;border:none;border-radius:4px;padding:8px 12px;font-weight:600}.super-html-element-editor__apply:hover{background:var(--super-html-editor-accent)}.super-html-editor-control-panel__body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px 16px;font-size:13px;display:flex;overflow:auto}.super-html-editor-control-panel__hint{color:var(--super-html-editor-text-muted);margin:0;font-size:12px;line-height:1.4}.super-html-editor-control-panel__export{border-top:1px solid var(--super-html-editor-border);flex-direction:column;gap:6px;padding-top:4px;display:flex}.super-html-editor-control-panel__export-label{color:var(--super-html-editor-text);font-size:12px;font-weight:600}.super-html-editor-control-panel__component-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.super-html-editor-control-panel__component-action{white-space:nowrap;min-height:31px}.super-html-editor-control-panel__component-select{box-sizing:border-box;border:1px solid var(--super-html-editor-border-strong);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--super-html-editor-bg-elevated);width:100%;color:var(--super-html-editor-text-strong);font:inherit;border-radius:4px;padding:6px 32px 6px 8px;font-size:12px}.super-html-editor-control-panel__component-select option,.super-html-editor-control-panel__component-select optgroup{background-color:var(--super-html-editor-bg-elevated);color:var(--super-html-editor-text-strong)}.super-html-component-editor-panel__body{flex-direction:column;gap:8px;padding:12px 16px;font-size:13px;display:flex}.super-html-component-selector{border-bottom:1px solid var(--super-html-editor-border);background:var(--super-html-editor-bg-header);flex-direction:column;flex-shrink:0;gap:4px;padding:4px 6px;display:flex}.super-html-component-selector__header{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.super-html-component-selector__label{min-width:0;color:var(--super-html-editor-text-strong);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;font-weight:600;line-height:1.2;overflow:hidden}.super-html-component-selector__row{align-items:center;min-width:0;display:flex}.super-html-component-selector__row .super-html-component-selector__select.she-select,.super-html-component-selector__row .super-html-element-editor__field>select.super-html-component-selector__select:not(.she-select){background-position:calc(100% - 7px),calc(100% - 4px);background-size:3px 3px,3px 3px;border-radius:2px;width:100%;min-width:0;height:20px;min-height:20px;padding:0 18px 0 5px;font-size:10px;line-height:1}.super-html-component-selector__props-entity{color:var(--super-html-editor-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.2;overflow:hidden}.super-html-component-selector__actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.super-html-component-selector__icon-btn{border:1px solid var(--super-html-editor-border-strong);background:var(--super-html-editor-bg-elevated);width:22px;height:22px;color:var(--super-html-editor-text);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;padding:0;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.super-html-component-selector__icon-btn .material-icons{font-size:14px}.super-html-component-selector__icon-btn:hover:not(:disabled){border-color:var(--super-html-editor-border-accent);color:var(--super-html-editor-text-strong);background:#00000057}.super-html-component-selector__icon-btn:disabled{opacity:.45;cursor:not-allowed}.super-html-component-selector__icon-btn--add:hover:not(:disabled){color:var(--super-html-editor-accent);border-color:#60a5fa73}.super-html-info-tree-panel__body{border:none;border-radius:0;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.super-html-info-tree-panel__body .component-info-tree-header{margin-bottom:0;padding:12px 16px 0}.super-html-info-tree-panel__body .component-info-tree-content{flex:1;min-height:0;max-height:none;padding:0 8px 12px}.super-html-info-tree-panel__body .component-info-tree-empty{padding:24px 16px}.super-html-info-tree-panel{border-color:var(--super-html-editor-border-accent);color:var(--super-html-editor-text)}.super-html-info-tree-panel .super-html-element-editor__header{background:var(--super-html-editor-bg-header);border-bottom:1px solid var(--super-html-editor-border);color:var(--super-html-editor-text-strong)}.super-html-info-tree-panel .super-html-float-panel__resize-handle{color:var(--super-html-editor-text-muted)}.super-html-info-tree-panel__body--compact{color:var(--super-html-editor-text);padding:0;font-size:12px}.super-html-info-tree-panel__body--compact .material-icons{font-size:16px}.super-html-info-tree-panel__body--compact .component-info-tree-header{background:var(--super-html-editor-bg-header);border-bottom:1px solid var(--super-html-editor-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;padding:6px 8px 4px;display:grid}.super-html-info-tree-panel__body--compact .component-info-tree-header h3{color:var(--super-html-editor-text-strong);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;line-height:1.25;overflow:hidden}.super-html-info-tree-panel__body--compact .component-info-tree-header-controls{margin-bottom:0}.super-html-info-tree-panel__body--compact .component-info-tree-header-subtitle{color:var(--super-html-editor-text-muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:10px;line-height:1.2;overflow:hidden}.super-html-info-tree-panel__body--compact .super-html-info-tree-panel__layout-actions{border-bottom-color:var(--super-html-editor-border);gap:3px;padding:4px 6px}.super-html-info-tree-panel__body--compact .super-html-info-tree-panel__tool-toolbar{gap:4px}.super-html-info-tree-panel__body--compact .super-html-info-tree-panel__tool-row{flex:1 1 0;gap:3px;min-width:0}.super-html-info-tree-panel__body--compact .super-html-info-tree-panel__tool-btn{background:var(--super-html-editor-bg-elevated);border-color:var(--super-html-editor-border-strong);width:22px;height:22px;color:var(--super-html-editor-text)}.super-html-info-tree-panel__body--compact .super-html-info-tree-panel__tool-btn .material-icons{font-size:16px}.super-html-info-tree-panel__body--compact .super-html-info-tree-panel__tool-btn:hover:not(:disabled){background:var(--super-html-editor-bg-elevated-hover);border-color:var(--super-html-editor-accent);color:var(--super-html-editor-text-strong)}.super-html-info-tree-panel__body--compact .super-html-info-tree-panel__tool-btn:disabled{opacity:.35}.super-html-info-tree-panel__body--compact .super-html-info-tree-panel__tool-btn--danger{background:var(--super-html-editor-danger-bg);border-color:var(--super-html-editor-danger-border);color:var(--super-html-editor-danger-text)}.super-html-info-tree-panel__body--compact .super-html-info-tree-panel__tool-btn--danger:hover:not(:disabled){background:var(--super-html-editor-danger-bg-hover);border-color:var(--super-html-editor-danger-border);color:var(--super-html-editor-danger-text-strong)}.super-html-info-tree-panel__body--compact .component-info-tree-content{padding:2px 4px 6px;font-size:12px}.super-html-info-tree-panel__body--compact .component-info-tree-empty{color:var(--super-html-editor-text-muted)}.super-html-info-tree-panel__body--compact .component-info-tree-node-wrapper{margin:1px 0}.super-html-info-tree-panel__body--compact .component-info-tree-node-content{padding:1px 0;transition:background-color .2s,box-shadow .2s,outline-color .2s}.super-html-info-tree-panel__body--compact .component-info-tree-node-content.drop-before{box-shadow:inset 0 2px 0 var(--super-html-editor-accent);border-top:0}.super-html-info-tree-panel__body--compact .component-info-tree-node-content.drop-after{box-shadow:inset 0 -2px 0 var(--super-html-editor-accent);border-bottom:0}.super-html-info-tree-panel__body--compact .component-info-tree-node-content.drop-child{background-color:var(--super-html-editor-accent-muted);outline-color:var(--super-html-editor-accent);border:0}.super-html-info-tree-panel__body--compact .component-info-tree-node-inner{border-radius:3px;min-height:22px;padding:2px 5px}.super-html-info-tree-panel__body--compact .component-info-tree-node-inner:hover{background-color:var(--super-html-editor-bg-elevated)}.super-html-info-tree-panel__body--compact .component-info-tree-node-inner.has-info{border-color:var(--super-html-editor-border)}.super-html-info-tree-panel__body--compact .component-info-tree-node-inner.has-info:hover{background-color:var(--super-html-editor-bg-elevated)}.super-html-info-tree-panel__body--compact .component-info-tree-node-inner.has-content{background-color:var(--super-html-editor-warning-bg)}.super-html-info-tree-panel__body--compact .component-info-tree-node-inner.has-content:hover{background-color:var(--super-html-editor-warning-bg-hover)}.super-html-info-tree-panel__body--compact .component-info-tree-node-inner.selected{background-color:var(--super-html-editor-selected-bg);border-color:var(--super-html-editor-accent)!important;border-width:1px!important}.super-html-info-tree-panel__body--compact .component-info-tree-node-inner.selected:hover{background-color:var(--super-html-editor-selected-bg-hover)}.super-html-info-tree-panel__body--compact .component-info-tree-expand-icon,.super-html-info-tree-panel__body--compact .component-info-tree-spacer{width:14px;height:16px;margin-right:2px}.super-html-info-tree-panel__body--compact .component-info-tree-expand-icon .material-icons{width:16px;height:16px;color:var(--super-html-editor-text-muted);font-size:16px}.super-html-info-tree-panel__body--compact .component-info-tree-drag-handle{width:16px;height:16px;margin-right:3px}.super-html-info-tree-panel__body--compact .component-info-tree-drag-handle .material-icons{width:16px;height:16px;color:var(--super-html-editor-text-subtle);font-size:16px}.super-html-info-tree-panel__body--compact .component-info-tree-title-wrapper{gap:0;min-width:0}.super-html-info-tree-panel__body--compact .component-info-tree-title{color:var(--super-html-editor-text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;overflow:hidden}.super-html-info-tree-panel__body--compact .component-info-tree-children{margin-left:8px}.super-html-info-tree-panel__body--compact .component-info-tree-children:before{background-color:var(--super-html-editor-border);bottom:6px;left:7px}.super-html-info-tree-panel__body--compact .component-info-tree-badges{flex-shrink:0;gap:2px;margin-left:0;margin-right:4px}.super-html-info-tree-panel__body--compact .component-info-tree-badge{background-color:var(--super-html-editor-bg-elevated);width:17px;height:17px}.super-html-info-tree-panel__body--compact .component-info-tree-badge .material-icons{width:16px;height:16px;font-size:16px}.super-html-info-tree-panel__body--compact .component-info-tree-attribute-info{white-space:nowrap;gap:2px;margin-top:0;font-size:10px;line-height:1.15;overflow:hidden}.super-html-info-tree-panel__body--compact .component-info-tree-attribute-name,.super-html-info-tree-panel__body--compact .component-info-tree-attribute-type{text-overflow:ellipsis;overflow:hidden}.super-html-info-tree-panel__body--compact .component-info-tree-attribute-name{color:var(--super-html-editor-text-muted)}.super-html-info-tree-panel__body--compact .component-info-tree-attribute-type{color:var(--super-html-editor-accent)}.super-html-info-tree-panel__body--compact .component-info-tree-title-parent-only .component-info-tree-title{color:var(--super-html-editor-text-subtle)!important}.super-html-info-tree-panel__body--compact .super-html-element-editor__error{background:var(--super-html-editor-danger-bg);border-color:var(--super-html-editor-danger-border);color:var(--super-html-editor-danger-text-strong)}.super-html-info-tree-panel__layout-actions{border-bottom:1px solid var(--super-html-editor-border);flex-direction:column;gap:8px;padding:5px;display:flex}.super-html-info-tree-panel__layout-actions .super-html-element-editor__dnd-hint{margin:0}.super-html-info-tree-panel__tool-toolbar{flex-direction:column;gap:4px;width:100%;display:flex}.super-html-info-tree-panel__tool-row{flex-flow:wrap;gap:4px;width:100%}.super-html-info-tree-panel__tool-row .super-html-info-tree-panel__tool-btn--danger{margin-left:auto}.super-html-info-tree-panel__tool-btn{border:1px solid var(--super-html-editor-border-strong);background:var(--super-html-editor-bg-elevated);width:26px;height:26px;color:var(--super-html-editor-text);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.super-html-info-tree-panel__tool-btn .material-icons{font-size:17px}.super-html-info-tree-panel__tool-btn:hover:not(:disabled){background:var(--super-html-editor-bg-elevated-hover);border-color:var(--super-html-editor-accent)}.super-html-info-tree-panel__tool-btn:disabled{opacity:.45;cursor:not-allowed}.super-html-info-tree-panel__tool-btn--danger{border-color:var(--super-html-editor-danger-border);background:var(--super-html-editor-danger-bg);color:var(--super-html-editor-danger-text)}.super-html-info-tree-panel__tool-btn--danger:hover:not(:disabled){background:var(--super-html-editor-danger-bg-hover);border-color:var(--super-html-editor-danger-border)}.super-html-fixed-editors-shell{background:var(--super-html-editor-bg-canvas);flex-direction:row;width:100%;height:calc(100vh - 64px);min-height:0;display:flex;overflow:hidden}.super-html-fixed-editors-shell--full-viewport{height:100vh}.super-html-fixed-editors-shell__center .component-design-container{height:auto;overflow:visible}.super-html-fixed-editors-shell__center .component-design-container.component-design-container--super-html{background-image:none;background-color:var(--super-html-editor-bg-canvas);height:auto;min-height:100%}.super-html-fixed-editors-shell__left{border-right:1px solid var(--super-html-editor-border);background:var(--super-html-editor-bg);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.super-html-fixed-editors-shell__main-menu{padding:10px}.super-html-fixed-editors-shell__main-menu .she-segmented-tabs__tab{min-height:52px}.super-html-fixed-editors-shell__modal-panel{flex-direction:column;min-height:100%;display:flex}.super-html-fixed-editors-shell__center{background:var(--super-html-editor-bg-canvas);flex:1;min-width:0;overflow:auto}.super-html-fixed-editors-shell__center .super-html-preview-viewport-frame{overscroll-behavior:contain;box-shadow:0 0 0 1px var(--super-html-editor-border),0 12px 32px #0000002e;border-radius:12px;flex-shrink:0}.super-html-fixed-editors-shell__center .component-design-container--super-html:has(.super-html-preview-viewport-frame){box-sizing:border-box;flex-direction:column;align-items:center;min-height:100%;padding:24px 16px 32px;display:flex}.super-html-fixed-editors-shell__right{border-left:1px solid var(--super-html-editor-border);background:var(--super-html-editor-bg);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.super-html-fixed-editors-shell__edit-mode{border-bottom:1px solid var(--super-html-editor-border);background:var(--super-html-editor-bg-header);padding:6px 10px}.super-html-fixed-editors-shell__element-editor-host{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.super-html-fixed-panel{background:var(--super-html-editor-bg);flex-direction:column;max-height:100vh;display:flex;overflow-y:auto;box-shadow:none!important;border:none!important;border-radius:0!important}.super-html-fixed-panel--grow{flex:1;min-height:0;border-top:1px solid var(--super-html-editor-border)!important}.super-html-fixed-editors-shell__right .super-html-fixed-panel{flex:1;min-height:0;max-height:100vh}.super-html-fixed-panel__header,.super-html-fixed-panel__header--dragging{cursor:default!important}.super-html-fixed-panel__empty-state{min-height:0;color:var(--super-html-editor-text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:32px 16px;font-size:13px;display:flex}.super-html-fixed-panel__empty-state .material-icons{opacity:.45;font-size:40px}.super-html-editor-control-panel__import-textarea{box-sizing:border-box;border:1px solid var(--super-html-editor-border-strong);background:var(--super-html-editor-bg-elevated);width:100%;color:var(--super-html-editor-text);font:inherit;resize:vertical;border-radius:4px;min-height:96px;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.35}.super-html-editor-control-panel__input{box-sizing:border-box;border:1px solid var(--super-html-editor-border-strong);background:var(--super-html-editor-bg-elevated);width:100%;color:var(--super-html-editor-text);font:inherit;border-radius:4px;padding:6px 8px}.super-html-editor-control-panel__tabs{margin:2px 0 8px}.super-html-editor-control-panel__tabs .tab-list-container{border-bottom:1px solid var(--super-html-editor-border)}.super-html-editor-control-panel__tabs .tab{color:var(--super-html-editor-text-muted);padding:6px 8px;font-size:12px}.super-html-editor-control-panel__tabs .tab:hover{color:var(--super-html-editor-text)}.super-html-editor-control-panel__tabs .tab.selected{color:var(--super-html-editor-text-strong)}.super-html-editor-control-panel__button-row{flex-wrap:wrap;gap:6px;display:flex}.super-html-editor-control-panel__model-list{flex-direction:column;gap:6px;display:flex}.super-html-editor-control-panel__model-row{border:1px solid var(--super-html-editor-border);background:var(--super-html-editor-bg-elevated);border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:6px;display:flex}.super-html-editor-control-panel__model-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.super-html-editor-control-panel__model-name{text-overflow:ellipsis;white-space:nowrap;color:var(--super-html-editor-text-strong);font-weight:600;overflow:hidden}.super-html-editor-control-panel__model-time{color:var(--super-html-editor-text-muted);font-size:11px}.super-html-viewport-panel{overflow-y:auto}.super-html-viewport-panel__header{border-bottom:1px solid var(--super-html-editor-border);padding:12px 12px 8px}.super-html-viewport-panel__title{color:var(--super-html-editor-text-strong);margin:0;font-size:13px;font-weight:600}.super-html-viewport-panel__subtitle{color:var(--super-html-editor-text-muted);margin:4px 0 0;font-size:11px;line-height:1.4}.super-html-viewport-panel__content{flex-direction:column;gap:12px;padding:10px 10px 16px;display:flex}.super-html-viewport-panel__section-title{letter-spacing:.04em;text-transform:uppercase;color:var(--super-html-editor-text-muted);margin:0 0 6px;font-size:11px;font-weight:600}.super-html-viewport-panel__options{flex-direction:column;gap:6px;display:flex}.super-html-viewport-panel__option{border:1px solid var(--super-html-editor-border);background:var(--super-html-editor-bg-elevated);width:100%;color:var(--super-html-editor-text);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:border-color .15s,background-color .15s;display:flex}.super-html-viewport-panel__option:hover{border-color:var(--super-html-editor-accent);background:var(--super-html-editor-bg-header)}.super-html-viewport-panel__option--active{border-color:var(--super-html-editor-accent);background:color-mix(in srgb, var(--super-html-editor-accent) 12%, var(--super-html-editor-bg-elevated))}.super-html-viewport-panel__option-icon{background:var(--super-html-editor-bg);width:28px;height:28px;color:var(--super-html-editor-text-strong);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.super-html-viewport-panel__option-icon .mat-icon{font-size:18px}.super-html-viewport-panel__option-body{flex-direction:column;gap:2px;min-width:0;display:flex}.super-html-viewport-panel__option-label{color:var(--super-html-editor-text-strong);font-size:12px;font-weight:600}.super-html-viewport-panel__option-meta{color:var(--super-html-editor-text-muted);font-size:11px}.super-html-viewport-panel__orientation{grid-template-columns:1fr 1fr;gap:6px;display:grid}.super-html-viewport-panel__orientation-btn{border:1px solid var(--super-html-editor-border);background:var(--super-html-editor-bg-elevated);color:var(--super-html-editor-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:inline-flex}.super-html-viewport-panel__orientation-btn--active{border-color:var(--super-html-editor-accent);color:var(--super-html-editor-text-strong);background:color-mix(in srgb, var(--super-html-editor-accent) 12%, var(--super-html-editor-bg-elevated))}.super-html-viewport-panel__active-size{color:var(--super-html-editor-text-muted);margin:8px 0 0;font-size:11px}
:root{--super-html-editor-bg:#1e1e1e;--super-html-editor-bg-elevated:#272727;--super-html-editor-bg-elevated-hover:#3d3d3d;--super-html-editor-bg-collapse-header:#343434;--super-html-editor-bg-header:#0f172a;--super-html-editor-bg-muted:#172033;--super-html-editor-bg-canvas:#161616;--super-html-editor-border:#273449;--super-html-editor-border-strong:#374151;--super-html-editor-border-accent:#60a5fa47;--super-html-editor-text:#d1d5db;--super-html-editor-text-strong:#f8fafc;--super-html-editor-text-muted:#94a3b8;--super-html-editor-text-subtle:#9da9b9;--super-html-editor-text-hint:#7eb8e8;--super-html-editor-text-placeholder:#94a3b852;--super-html-editor-accent:#60a5fa;--super-html-editor-accent-strong:#3b82f6;--super-html-editor-accent-muted:#60a5fa24;--super-html-editor-hover-muted:#94a3b824;--super-html-editor-resize-stripe:#94a3b873;--super-html-editor-selected-bg:#2563eb3d;--super-html-editor-selected-bg-hover:#2563eb52;--super-html-editor-warning-bg:#92400e3d;--super-html-editor-warning-bg-hover:#92400e57;--super-html-editor-danger-bg:#7f1d1d61;--super-html-editor-danger-bg-hover:#991b1b9e;--super-html-editor-danger-border:#f8717173;--super-html-editor-danger-text:#fca5a5;--super-html-editor-danger-text-strong:#fee2e2;--super-html-editor-shadow:0 8px 32px #0000006b;--super-html-editor-radius:6px;--super-html-layout-edit-color:red;--super-html-layout-edit-color-hover:#d40000;--super-html-layout-edit-color-active:#b00000;--super-html-layout-edit-color-glow:#ff0000bf;--super-html-element-edit-hover-outline:#0000001a}.she-field{flex-direction:column;gap:6px;min-width:0;display:flex}.she-field--compact,.ise-row{gap:6px}.she-field--compact .she-field__head,.she-field--compact .ise-row__label,.ise-row .she-field__head,.ise-row .ise-row__label{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.she-field--compact .she-field__label,.ise-row .she-field__label{color:var(--super-html-editor-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.she-field--checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:flex-start;gap:10px}.she-field--checkbox .she-field__label{flex:1;min-width:0}.she-field--checkbox .she-checkbox{margin-top:2px}.she-field__label{color:var(--super-html-editor-text);font-size:12px;font-weight:600;line-height:1.35;display:block}.she-field__meta{flex-shrink:0;align-items:baseline;gap:8px;display:flex}.she-field__label-block{flex-direction:column;gap:2px;min-width:0;display:flex}.she-field__hint,.ise-row__hint{color:var(--super-html-editor-text-hint);font-size:11px;font-weight:400;line-height:1.35}.she-field__hint--below{display:block}.she-field--compact .she-field__hint,.she-field--compact .ise-row__hint,.ise-row .she-field__hint,.ise-row .ise-row__hint{text-align:right;flex-shrink:1;min-width:0;font-size:10px}.she-field__control,.ise-row__control{width:100%;min-width:0}.she-field__attr{color:var(--super-html-editor-text-subtle);margin-top:2px;font-family:ui-monospace,monospace;font-size:10px;font-weight:400;display:block}.she-input,.she-textarea,.she-select{box-sizing:border-box;border:1px solid var(--super-html-editor-border-strong);border-radius:var(--super-html-editor-radius);width:100%;color:var(--super-html-editor-text-strong);font:inherit;background:#00000047;outline:none;transition:border-color .15s,box-shadow .15s,background-color .15s}.she-input:hover:not(:disabled):not(:focus),.she-textarea:hover:not(:disabled):not(:focus),.she-select:hover:not(:disabled):not(:focus){background:#00000057;border-color:#94a3b880}.she-input:focus,.she-textarea:focus,.she-select:focus{background:#0000005c;border-color:#60a5fa8c;box-shadow:0 0 0 2px #60a5fa1f}.she-input::-moz-placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.she-textarea::-moz-placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.she-select::-moz-placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.she-input::placeholder,.she-textarea::placeholder,.she-select::placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.she-input:disabled,.she-textarea:disabled,.she-select:disabled{opacity:.55;cursor:not-allowed}.she-input,.she-select{height:32px;padding:0 10px}.she-select{cursor:pointer;appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#00000047;background-image:linear-gradient(45deg, transparent 50%, var(--super-html-editor-text-muted) 50%),linear-gradient(135deg, var(--super-html-editor-text-muted) 50%, transparent 50%);background-position:calc(100% - 14px),calc(100% - 9px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:28px}.she-select option,.she-select optgroup{background-color:var(--super-html-editor-bg-elevated);color:var(--super-html-editor-text-strong)}.super-html-element-editor,.super-html-fixed-editors-shell,.super-html-editor-modal{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.super-html-element-editor select,.super-html-fixed-editors-shell select,.super-html-editor-modal select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--super-html-editor-bg-elevated);color:var(--super-html-editor-text-strong)}.super-html-element-editor select option,.super-html-element-editor select optgroup,.super-html-fixed-editors-shell select option,.super-html-fixed-editors-shell select optgroup,.super-html-editor-modal select option,.super-html-editor-modal select optgroup{background-color:var(--super-html-editor-bg-elevated);color:var(--super-html-editor-text-strong)}.she-textarea{resize:vertical;min-height:80px;padding:8px 10px;line-height:1.45}.she-checkbox{width:15px;height:15px;accent-color:var(--super-html-editor-accent);cursor:pointer;flex-shrink:0}.she-field-with-action{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.she-field-with-action__action{white-space:nowrap;align-items:center;gap:8px;margin-bottom:1px;display:flex}.she-btn{border-radius:var(--super-html-editor-radius);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:600;line-height:1;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.she-btn .material-icons{font-size:16px}.she-btn:disabled{opacity:.6;cursor:not-allowed}.she-btn--secondary{border:1px solid var(--super-html-editor-border-strong);color:var(--super-html-editor-text);background:#00000038}.she-btn--secondary:hover:not(:disabled){background:var(--super-html-editor-bg-elevated-hover);color:var(--super-html-editor-text-strong);border-color:#60a5fa73}.she-btn--primary{border:1px solid var(--super-html-editor-accent-strong);background:linear-gradient(180deg, var(--super-html-editor-accent) 0%, var(--super-html-editor-accent-strong) 100%);color:var(--super-html-editor-text-strong);box-shadow:0 1px 2px #00000040}.she-btn--primary:hover:not(:disabled){border-color:var(--super-html-editor-accent);filter:brightness(1.06)}.she-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;display:inline-flex}.she-switch--disabled{cursor:not-allowed;opacity:.55}.she-switch__label{color:var(--super-html-editor-text-muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:700;line-height:1}.she-switch__input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.she-switch__track{border:1px solid var(--super-html-editor-border-strong);background:#ffffff0f;border-radius:999px;flex-shrink:0;width:26px;height:14px;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-block;position:relative;box-shadow:inset 0 1px 2px #00000047}.she-switch__track:after{content:"";background:var(--super-html-editor-text-muted);border-radius:50%;width:10px;height:10px;transition:transform .15s,background-color .15s;position:absolute;top:1px;left:1px;box-shadow:0 1px 2px #00000059}.she-switch__input:checked+.she-switch__track{background:#60a5fa38;border-color:#60a5fa8c;box-shadow:inset 0 1px 2px #0000002e,0 0 8px #60a5fa2e}.she-switch__input:checked+.she-switch__track:after{background:var(--super-html-editor-accent);transform:translate(12px);box-shadow:0 1px 2px #00000059,0 0 6px #60a5fa73}.she-switch__input:focus-visible+.she-switch__track{outline-offset:1px;outline:2px solid #60a5fa73}.she-switch-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.she-switch-row__hint{color:var(--super-html-editor-text-muted);margin:0;font-size:10px;line-height:1.25}.she-panel,.ise-panel{flex-direction:column;gap:12px;display:flex}.she-segmented-tabs-wrap{border-bottom:1px solid var(--super-html-editor-border);background:#0000002e;padding:8px 10px 10px}.she-segmented-tabs{border-radius:calc(var(--super-html-editor-radius) + 2px);background:#00000052;gap:2px;padding:3px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #ffffff08}.she-segmented-tabs__indicator{border-radius:var(--super-html-editor-radius);pointer-events:none;z-index:0;background:linear-gradient(#60a5fa47 0%,#60a5fa24 100%);transition:transform .22s cubic-bezier(.34,1.2,.64,1),width .22s cubic-bezier(.34,1.2,.64,1),height .22s cubic-bezier(.34,1.2,.64,1);position:absolute;top:0;left:0;box-shadow:inset 0 1px #ffffff1f,0 1px 3px #00000047,0 0 0 1px #60a5fa59}.she-segmented-tabs__tab{z-index:1;border-radius:var(--super-html-editor-radius);min-height:46px;color:var(--super-html-editor-text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 4px 4px;transition:color .15s,transform .12s;display:flex;position:relative}.she-segmented-tabs__tab .material-icons{font-size:17px;transition:transform .15s}.she-segmented-tabs__tab:hover{color:var(--super-html-editor-text)}.she-segmented-tabs__tab:hover .material-icons{transform:translateY(-1px)}.she-segmented-tabs__tab:focus-visible{outline-offset:1px;outline:2px solid #60a5fa8c}.she-segmented-tabs__tab--active{color:var(--super-html-editor-text-strong)}.she-segmented-tabs__tab--active .material-icons{color:var(--super-html-editor-accent);filter:drop-shadow(0 0 6px #60a5fa59)}.she-segmented-tabs__tab--active .she-segmented-tabs__tab-label{color:var(--super-html-editor-accent);font-weight:700}.she-segmented-tabs__tab--has-badge:not(.she-segmented-tabs__tab--active),.she-segmented-tabs__tab--has-badge:not(.she-segmented-tabs__tab--active) .she-segmented-tabs__tab-label{color:var(--super-html-editor-text)}.she-segmented-tabs__tab-icon{justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}.she-segmented-tabs__tab-dot{background:var(--super-html-editor-accent);border-radius:50%;width:5px;height:5px;position:absolute;top:-1px;right:-3px;box-shadow:0 0 0 1px #00000073}.she-segmented-tabs__tab-label{letter-spacing:.06em;text-transform:uppercase;color:inherit;opacity:.92;font-size:9px;font-weight:600;line-height:1;transition:color .15s}.she-panel__grid,.ise-panel__grid{gap:10px;display:grid}.she-panel__grid--2,.ise-panel__grid--2{grid-template-columns:1fr 1fr}.super-html-element-editor :is(input,textarea):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.super-html-editor-control-panel :is(input,textarea):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.ise :is(input,textarea):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.super-html-element-editor :is(input,textarea):not([type=checkbox]):not([type=radio]):not([type=file])::placeholder,.super-html-editor-control-panel :is(input,textarea):not([type=checkbox]):not([type=radio]):not([type=file])::placeholder,.ise :is(input,textarea):not([type=checkbox]):not([type=radio]):not([type=file])::placeholder{color:var(--super-html-editor-text-placeholder);opacity:1}.ise{--ise-accent:var(--super-html-editor-accent,#60a5fa);--ise-accent-muted:var(--super-html-editor-accent-muted,#60a5fa24);--ise-bg:var(--super-html-editor-bg-elevated,#272727);--ise-bg-hover:var(--super-html-editor-bg-elevated-hover,#3d3d3d);--ise-border:var(--super-html-editor-border,#273449);--ise-border-strong:var(--super-html-editor-border-strong,#374151);--ise-text:var(--super-html-editor-text,#d1d5db);--ise-text-muted:var(--super-html-editor-text-muted,#94a3b8);--ise-text-strong:var(--super-html-editor-text-strong,#f8fafc);--ise-radius:var(--super-html-editor-radius,6px);--ise-shadow:var(--super-html-editor-shadow,0 8px 32px #0000006b);border:1px solid var(--ise-border);border-radius:calc(var(--ise-radius) + 2px);background:var(--ise-bg);color:var(--ise-text);box-shadow:var(--ise-shadow);flex-direction:column;gap:0;font-size:12px;display:flex;overflow:hidden}.ise__header{border-bottom:1px solid var(--ise-border);background:linear-gradient(#60a5fa14 0%,#0000 100%);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.ise__header-title{color:var(--ise-text-strong);letter-spacing:.02em;align-items:center;gap:6px;font-weight:600;display:flex}.ise__header-title .material-icons{color:var(--ise-accent);font-size:16px}.ise__badge{background:var(--ise-accent-muted);min-width:18px;height:18px;color:var(--ise-accent);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.ise__header-actions{gap:4px;display:flex}.ise__icon-btn{border-radius:var(--ise-radius);width:28px;height:28px;color:var(--ise-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.ise__icon-btn .material-icons{font-size:16px}.ise__icon-btn:hover{background:var(--ise-bg-hover);color:var(--ise-text-strong)}.ise__icon-btn--active{background:var(--ise-accent-muted);color:var(--ise-accent);border-color:#60a5fa59}.ise__error{background:var(--super-html-editor-warning-bg,#92400e3d);color:#fcd34d;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:flex}.ise__error .material-icons{flex-shrink:0;font-size:14px}.ise__body{max-height:420px;padding:12px;overflow-y:auto}.ise__body::-webkit-scrollbar{width:6px}.ise__body::-webkit-scrollbar-thumb{background:var(--ise-border-strong);border-radius:999px}.ise__json{border-top:1px solid var(--ise-border);background:#0003;padding:10px 12px 12px}.ise__json-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ise-text-muted);margin-bottom:6px;font-size:10px;font-weight:600;display:block}.ise__json-textarea{box-sizing:border-box;border:1px solid var(--ise-border-strong);border-radius:var(--ise-radius);color:#e2e8f0;resize:vertical;background:#161616;width:100%;min-height:120px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.45}.ise-scrubber{box-sizing:border-box;border:1px solid var(--ise-border-strong);border-radius:var(--ise-radius);background:#00000047;align-items:stretch;width:100%;height:30px;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.ise-scrubber:focus-within,.ise-scrubber--dragging{border-color:#60a5fa8c;box-shadow:0 0 0 2px #60a5fa1f}.ise-scrubber--dragging{-webkit-user-select:none;user-select:none}.ise-scrubber--disabled{opacity:.65;cursor:not-allowed}.ise-scrubber--disabled .ise-scrubber__handle{cursor:not-allowed;pointer-events:none}.ise-scrubber--disabled .ise-scrubber__input:disabled{cursor:not-allowed;color:var(--ise-text-muted)}.ise-scrubber .ise-scrubber__input{box-sizing:border-box;resize:none;width:auto;min-width:0;max-width:none;color:var(--ise-text-strong);font:inherit;font-variant-numeric:tabular-nums;text-align:left;background:0 0;border:none;border-radius:0;outline:none;flex:auto;padding:0 8px;font-size:12px}.ise-scrubber .ise-dropdown{flex:none;align-self:center;margin-right:4px}.ise-scrubber .ise-scrubber__unit-static{color:var(--ise-text-muted);-webkit-user-select:none;user-select:none;flex:none;align-self:center;margin-right:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:600}.ise-scrubber__handle{width:28px;color:var(--ise-text-muted);cursor:ew-resize;background:linear-gradient(#ffffff0a 0%,#fff0 100%);border:none;border-right:1px solid #ffffff0f;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.ise-scrubber__handle:hover{color:var(--ise-accent);background:#60a5fa1a}.ise-scrubber__handle:hover .ise-scrubber__grip{transform:scale(1.06)}.ise-scrubber__handle:active,.ise-scrubber__handle--dragging{color:var(--ise-accent);cursor:ew-resize;background:#60a5fa2e;box-shadow:inset 0 0 0 1px #60a5fa40}.ise-scrubber__grip{transition:transform .12s;display:block}.ise-dropdown--disabled{opacity:.65;pointer-events:none}.ise-dropdown__trigger{height:22px;color:var(--ise-text-strong);font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;align-items:center;gap:2px;padding:0 2px 0 6px;font-size:10px;font-weight:600;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.ise-dropdown__trigger:hover{color:#fff;background:#60a5fa29;border-color:#60a5fa73;box-shadow:0 0 0 1px #60a5fa26}.ise-dropdown__trigger--open{color:#fff;background:#60a5fa33;border-color:#60a5fa8c;box-shadow:0 0 0 1px #60a5fa33}.ise-dropdown__trigger:focus-visible{outline-offset:1px;outline:2px solid #60a5fa8c}.ise-dropdown__value{text-align:center;color:#f8fafc;min-width:1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ise-dropdown__chevron{color:#cbd5e1;opacity:1;transition:transform .15s,color .15s;font-size:14px!important}.ise-dropdown__trigger:hover .ise-dropdown__chevron,.ise-dropdown__trigger--open .ise-dropdown__chevron{color:#e2e8f0}.ise-dropdown__trigger--open .ise-dropdown__chevron{transform:rotate(180deg)}.ise-dropdown__menu{border-radius:calc(var(--ise-radius) + 2px);background:var(--super-html-editor-bg,#1e1e1e);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;box-shadow:var(--ise-shadow),0 0 0 1px #00000059,inset 0 1px 0 #ffffff0f;border:1px solid #60a5fa38;flex-direction:column;gap:2px;max-height:220px;padding:4px;display:flex;overflow-y:auto}.ise-dropdown__menu::-webkit-scrollbar{width:6px}.ise-dropdown__menu::-webkit-scrollbar-thumb{background:var(--ise-border-strong);border-radius:999px}.ise-dropdown__option{color:#e2e8f0;width:100%;min-height:28px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;transition:background .12s,color .12s,box-shadow .12s;display:flex}.ise-dropdown__option .material-icons{font-size:14px}.ise-dropdown__option:hover{color:#fff;background:#60a5fa2e;box-shadow:inset 0 0 0 1px #60a5fa40}.ise-dropdown__option--active{color:#93c5fd;background:#60a5fa3d;box-shadow:inset 0 0 0 1px #60a5fa59}.ise-dropdown__option--active:hover{color:#bfdbfe;background:#60a5fa52}.ise-dropdown__check{color:#93c5fd;font-size:14px!important}.ise-cursor-options{flex-direction:column;gap:4px;width:100%;display:flex}.ise-icon-group{flex-flow:row;width:100%;min-width:0;display:flex}.ise-icon-group--disabled{opacity:.65;pointer-events:none}.ise-icon-group__btn{border:1px solid var(--ise-border-strong);min-width:0;height:30px;color:var(--ise-text-muted);cursor:pointer;background:#0003;border-radius:0;flex:1 1 0;justify-content:center;align-items:center;margin:0;padding:0 4px;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex;position:relative}.ise-icon-group__btn .material-icons{font-size:16px}.ise-icon-group__btn+.ise-icon-group__btn{margin-left:-1px}.ise-icon-group__btn--first{border-top-left-radius:var(--ise-radius);border-bottom-left-radius:var(--ise-radius)}.ise-icon-group__btn--last{border-top-right-radius:var(--ise-radius);border-bottom-right-radius:var(--ise-radius)}.ise-icon-group__btn:first-child:last-child{border-radius:var(--ise-radius)}.ise-icon-group__btn:hover{z-index:1;background:var(--ise-bg-hover);color:var(--ise-text)}.ise-icon-group__btn--active{z-index:2;background:var(--ise-accent-muted);color:var(--ise-accent);border-color:#60a5fa73;box-shadow:inset 0 0 0 1px #60a5fa26}.ise-icon-group__btn:focus-visible{z-index:3;outline-offset:-2px;outline:2px solid #60a5fa8c}.ise-weight-label{letter-spacing:.02em;font-size:10px;font-weight:700}.ise-deco{font-size:13px;font-weight:600}.ise-deco--underline{text-decoration:underline}.ise-deco--strike{text-decoration:line-through}.ise-align-grid{grid-template-columns:repeat(3,1fr);gap:4px;width:96px;display:grid}.ise-align-grid__cell{aspect-ratio:1;border:1px solid var(--ise-border-strong);cursor:pointer;background:#0003;border-radius:4px;justify-content:center;align-items:center;width:100%;transition:all .12s;display:flex}.ise-align-grid__cell:hover{background:var(--ise-bg-hover)}.ise-align-grid__cell--active{background:var(--ise-accent-muted);border-color:#60a5fa80}.ise-align-grid__cell--active .ise-align-grid__dot{background:var(--ise-accent);box-shadow:0 0 6px #60a5fa99}.ise-align-grid__dot{background:var(--ise-text-muted);border-radius:50%;width:6px;height:6px;transition:all .12s}.ise-spacing-toggle{border-radius:calc(var(--ise-radius) + 2px);border:1px solid var(--ise-border);background:#00000052;flex-direction:row;padding:3px;display:flex;box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #ffffff08}.ise-spacing-toggle__btn{min-width:0;color:var(--ise-text-muted);font:inherit;letter-spacing:.03em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:0;flex:1 1 0;padding:7px 10px;font-size:11px;font-weight:600;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.ise-spacing-toggle__btn+.ise-spacing-toggle__btn{margin-left:-1px}.ise-spacing-toggle__btn--first{border-top-left-radius:var(--ise-radius);border-bottom-left-radius:var(--ise-radius)}.ise-spacing-toggle__btn--last{border-top-right-radius:var(--ise-radius);border-bottom-right-radius:var(--ise-radius)}.ise-spacing-toggle__btn:hover:not(.ise-spacing-toggle__btn--active){background:var(--ise-bg-hover);color:var(--ise-text)}.ise-spacing-toggle__btn--active{z-index:1;color:#fff;background:linear-gradient(#60a5fa47 0%,#60a5fa24 100%);border-color:#60a5fa73;box-shadow:inset 0 1px #ffffff1f,0 1px 3px #00000038}.ise-spacing-toggle__btn--active:hover{background:linear-gradient(#60a5fa57 0%,#60a5fa2e 100%)}.ise-spacing-toggle--margin .ise-spacing-toggle__btn--active{color:#fffbeb;background:linear-gradient(#fbbf2452 0%,#fbbf2429 100%);border-color:#fbbf2480}.ise-spacing-toggle--margin .ise-spacing-toggle__btn--active:hover{background:linear-gradient(#fbbf2461 0%,#fbbf2438 100%)}.ise-spacing-box{justify-content:center;padding:4px 0;display:flex}.ise-spacing-box--padding .ise-spacing-box__content{fill:#60a5fa1a;stroke:#60a5fa73}.ise-spacing-box--padding .ise-spacing-box__zone--active,.ise-spacing-box--padding .ise-spacing-box__zone:hover{fill:#60a5fa3d;stroke:#60a5fa8c}.ise-spacing-box--margin .ise-spacing-box__content{fill:#fbbf2414;stroke:#fbbf246b}.ise-spacing-box--margin .ise-spacing-box__zone--active,.ise-spacing-box--margin .ise-spacing-box__zone:hover{fill:#fbbf2433;stroke:#fbbf2480}.ise-spacing-box--margin .ise-spacing-box__center-label{fill:#fbbf24}.ise-spacing-box--margin .ise-spacing-box__content--active{fill:#fbbf2438;stroke:#fbbf249e}.ise-spacing-box__svg{overflow:visible}.ise-spacing-box__content{fill:#60a5fa14;stroke:#60a5fa59;stroke-width:1px}.ise-spacing-box__content--interactive{pointer-events:auto;cursor:ns-resize;transition:fill .12s,stroke .12s}.ise-spacing-box__content--interactive:hover{fill:#60a5fa29;stroke:#60a5fa8c}.ise-spacing-box__content--active{fill:#60a5fa38;stroke:#60a5faa6}.ise-spacing-box__zone{fill:#94a3b81f;stroke:#94a3b840;stroke-width:1px;transition:fill .12s,stroke .12s}.ise-spacing-box__zone--top,.ise-spacing-box__zone--bottom{cursor:ns-resize}.ise-spacing-box__zone--left,.ise-spacing-box__zone--right{cursor:ew-resize}.ise-spacing-box__zone--active,.ise-spacing-box__zone:hover{fill:#60a5fa38;stroke:#60a5fa73}.ise-spacing-box__label{fill:var(--ise-text-strong);font-family:ui-monospace,monospace;font-size:10px;font-weight:600}.ise-spacing-box__center-label{fill:var(--ise-text-muted);text-transform:uppercase;letter-spacing:.1em;pointer-events:none;font-size:8px;font-weight:700}.ise-spacing-box__center-value{fill:var(--ise-text-strong);pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700}.ise-spacing-box__center-value--mixed{fill:var(--ise-text-muted);letter-spacing:.02em;text-transform:lowercase;font-family:inherit;font-size:9px;font-style:italic;font-weight:600}.ise-radius-svg{justify-content:center;display:flex}.ise-radius-svg__rect{fill:#60a5fa0f;stroke:#60a5fa73;stroke-width:1.5px;cursor:pointer;transition:fill .12s}.ise-radius-svg__rect:hover{fill:#60a5fa1f}.ise-radius-svg__handle{fill:var(--ise-accent);stroke:#fff;stroke-width:1.5px;cursor:grab;filter:drop-shadow(0 1px 3px #00000059);transition:transform .1s}.ise-radius-svg__handle--active{cursor:grabbing;fill:#93c5fd}.ise-radius-svg__label{fill:var(--ise-text-muted);font-size:10px;font-weight:600}.ise-color{align-items:center;gap:6px;display:flex;position:relative}.ise-color__trigger{border:1px solid var(--ise-border-strong);border-radius:var(--ise-radius);height:28px;color:var(--ise-text);cursor:pointer;background:#00000040;align-items:center;gap:6px;padding:0 8px 0 4px;transition:border-color .15s;display:inline-flex}.ise-color__trigger:hover{border-color:#60a5fa73}.ise-color__swatch{border:1px solid #ffffff26;border-radius:4px;flex-shrink:0;width:18px;height:18px}.ise-color__value{text-overflow:ellipsis;white-space:nowrap;max-width:72px;font-family:ui-monospace,monospace;font-size:11px;overflow:hidden}.ise-color__hex{border:1px solid var(--ise-border-strong);border-radius:var(--ise-radius);min-width:0;height:28px;color:var(--ise-text-strong);font:inherit;background:#00000040;outline:none;flex:1;padding:0 8px;font-family:ui-monospace,monospace;font-size:11px}.ise-color__hex:focus{border-color:#60a5fa8c}.ise-color--compact .ise-color__trigger{justify-content:center;width:22px;height:22px;padding:0}.ise-color--compact .ise-color__swatch{width:14px;height:14px}.ise-color__popover{z-index:50;position:absolute;top:calc(100% + 6px);left:0}.ise-color__popover--portal{position:fixed;top:0;left:0}.ise-color__backdrop{cursor:default;z-index:0;background:0 0;border:none;position:fixed;inset:0}.ise-color__picker{z-index:1;border-radius:var(--ise-radius);box-shadow:var(--ise-shadow);position:relative;overflow:hidden}.ise-color__picker .ise-color__hex--popover{box-sizing:border-box;background:#222;border:none;border-top:1px solid #333;border-radius:0;width:100%}.ise-color__clear{width:100%;color:var(--ise-text-muted);font:inherit;cursor:pointer;background:#222;border:none;border-top:1px solid #333;padding:6px;font-size:11px;display:block}.ise-color__clear:hover{color:var(--ise-text-strong);background:#333}.css-class-editor-modal>div:last-child{flex-direction:column;min-height:0;display:flex;overflow:hidden}.css-class-editor-modal__body{box-sizing:border-box;flex-direction:column;gap:12px;min-width:min(900px,92vw);height:100%;min-height:0;padding:16px;display:flex}.css-class-preview{flex:none}.css-class-editor-modal__selector-row{flex-wrap:wrap;flex:none;align-items:center;gap:16px;display:flex}.css-class-editor-modal__selector{flex:none;grid-template-columns:auto minmax(0,280px);align-items:center;gap:10px;display:grid}.css-class-editor-modal__show-all{color:var(--ise-text-muted,var(--super-html-editor-text-muted));cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:flex}.css-class-editor-modal__show-all input{cursor:pointer;margin:0}.css-class-editor-modal__add-btn,.css-class-editor-modal__delete-pseudo-btn{flex:none}.css-class-editor-modal__add-row{flex:none;align-items:center;gap:8px;display:flex}.css-class-editor-modal__add-row .she-input{flex:1;min-width:0;max-width:320px}.css-class-editor-modal__preview-empty{border-radius:var(--ise-radius,6px);border:1px dashed var(--ise-border,#94a3b840);min-height:200px;color:var(--ise-text-muted,var(--super-html-editor-text-muted));flex:1;justify-content:center;align-items:center;font-size:12px;display:flex}.css-class-editor-modal__selector-label{color:var(--ise-text-strong,var(--super-html-editor-text-strong));font-size:12px;font-weight:600}.css-class-editor-modal__main{flex:1;align-items:stretch;gap:16px;min-height:0;display:flex}.css-class-editor-modal__editor-col{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.css-class-editor-modal__preview-col{flex-direction:column;flex:0 0 min(280px,32vw);gap:8px;min-width:200px;min-height:0;display:flex}.css-class-editor-modal__preview-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ise-text-muted,var(--super-html-editor-text-muted));flex:none;font-size:11px;font-weight:600}.css-class-editor-modal__preview-col .css-class-preview{flex-direction:column;flex:1;min-height:0;display:flex}.css-class-editor-modal__editor{min-height:0;box-shadow:none;flex-direction:column;flex:1;display:flex}.css-class-editor-modal__editor .ise__body{flex:1;min-height:0;max-height:none}.css-class-preview--lg .css-class-multi-select__preview{border-radius:var(--ise-radius,6px);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;flex:1;width:100%;height:auto;min-height:200px;padding:20px;overflow:visible}.css-class-preview--lg .css-class-multi-select__preview-target{color:var(--ise-text-strong,#f8fafc);font-size:28px;line-height:1}.css-class-preview--lg .css-class-multi-select__preview-text{font:inherit;color:inherit;letter-spacing:inherit}.css-class-editor-modal__error{border-radius:var(--ise-radius,6px);color:#fca5a5;background:#ef44441f;padding:8px 10px;font-size:12px}.css-class-multi-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;min-width:0}.css-class-multi-select--disabled{opacity:.65;pointer-events:none}.css-class-multi-select__trigger{border:1px solid var(--super-html-editor-border-strong,#374151);border-radius:var(--ise-radius);background:var(--super-html-editor-bg-elevated,#272727);width:100%;min-height:32px;color:var(--super-html-editor-text,#d1d5db);font:inherit;cursor:pointer;text-align:left;align-items:center;gap:6px;padding:6px 8px;font-size:12px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.css-class-multi-select__trigger:hover{background:var(--super-html-editor-bg-elevated-hover,#3d3d3d);border-color:#60a5fa73}.css-class-multi-select__trigger--open{background:var(--super-html-editor-bg-elevated-hover,#3d3d3d);border-color:#60a5fa8c;box-shadow:0 0 0 1px #60a5fa33}.css-class-multi-select__trigger:focus-visible{outline-offset:1px;outline:2px solid #60a5fa8c}.css-class-multi-select--compact .css-class-multi-select__trigger{min-height:26px;padding:4px 8px;font-size:11px}.css-class-multi-select__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--super-html-editor-text-strong,#f8fafc);flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.css-class-multi-select__value--placeholder{color:var(--super-html-editor-text-muted,#94a3b8);font-family:inherit}.css-class-multi-select__chevron{color:var(--super-html-editor-text-muted,#94a3b8);flex-shrink:0;transition:transform .15s;font-size:18px!important}.css-class-multi-select__trigger--open .css-class-multi-select__chevron{color:var(--super-html-editor-text-strong,#f8fafc);transform:rotate(180deg)}.css-class-multi-select__menu{border-radius:calc(var(--ise-radius) + 2px);background:var(--super-html-editor-bg-elevated,#272727);color:var(--super-html-editor-text,#d1d5db);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;box-shadow:var(--ise-shadow),0 12px 40px #0000008c,0 0 0 1px #00000073,inset 0 1px 0 #ffffff0d;border:1px solid #60a5fa38;flex-direction:column;gap:4px;max-height:320px;padding:6px;display:flex;overflow-y:auto}.css-class-multi-select__menu::-webkit-scrollbar{width:6px}.css-class-multi-select__menu::-webkit-scrollbar-track{background:#0003;border-radius:999px}.css-class-multi-select__menu::-webkit-scrollbar-thumb{background:var(--super-html-editor-border-strong,#374151);border-radius:999px}.css-class-multi-select__empty{color:var(--super-html-editor-text-muted,#94a3b8);text-align:center;padding:12px 10px;font-size:12px}.css-class-multi-select__option{border-radius:var(--ise-radius);width:100%;color:var(--super-html-editor-text,#d1d5db);font:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:auto 50px minmax(0,1fr);align-items:center;gap:10px;padding:6px 8px;font-size:12px;transition:background .15s,border-color .15s;display:grid}.css-class-multi-select__option:hover{background:#60a5fa1f;border-color:#60a5fa38}.css-class-multi-select__option--active{background:#60a5fa29;border-color:#60a5fa52}.css-class-multi-select__check{color:var(--super-html-editor-text-muted,#94a3b8);justify-content:center;align-items:center;display:inline-flex}.css-class-multi-select__check .material-icons{font-size:18px!important}.css-class-multi-select__check--active{color:var(--ise-accent,#60a5fa)}.css-class-multi-select__preview{box-sizing:border-box;background-color:#454545;background-image:linear-gradient(45deg,#5c5c5c 25%,#0000 25%),linear-gradient(-45deg,#5c5c5c 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#5c5c5c 75%),linear-gradient(-45deg,#0000 75%,#5c5c5c 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border:1px solid #ffffff24;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;padding:6px;display:flex;overflow:hidden}.css-class-multi-select__preview>.css-class-multi-select__preview-target{box-sizing:border-box;justify-content:center;align-items:center;max-width:100%;max-height:100%;display:inline-flex}.css-class-multi-select__preview .css-class-multi-select__preview-text{letter-spacing:.01em;font-size:14px;line-height:1}.css-class-multi-select__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--super-html-editor-text-strong,#f8fafc);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.ise-css-editor{flex-direction:column;gap:8px;display:flex}.ise-css-editor__toolbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.ise-css-editor__toolbar .ise__json-label{margin-bottom:0}.ise-css-editor__mode{border:1px solid var(--ise-border-strong);border-radius:var(--ise-radius);background:#00000047;display:inline-flex;overflow:hidden}.ise-css-editor__mode-btn{color:var(--ise-text-muted);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;padding:3px 10px;font-size:10px;font-weight:600;transition:background .15s,color .15s}.ise-css-editor__mode-btn:hover{color:var(--ise-text-strong);background:var(--ise-bg-hover)}.ise-css-editor__mode-btn--active{background:var(--ise-accent-muted);color:var(--ise-accent)}.ise-css-editor__filter{border:1px solid var(--ise-border-strong);border-radius:var(--ise-radius);background:#00000047;align-items:center;gap:4px;height:28px;padding:0 8px;display:flex}.ise-css-editor__filter:focus-within{border-color:#60a5fa8c;box-shadow:0 0 0 2px #60a5fa1f}.ise-css-editor__filter-icon{color:var(--ise-text-muted);font-size:14px!important}.ise-css-editor__filter-input{min-width:0;color:var(--ise-text-strong);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:11px}.ise-css-editor__filter-clear{width:20px;height:20px;color:var(--ise-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.ise-css-editor__filter-clear .material-icons{font-size:14px}.ise-css-editor__filter-clear:hover{background:var(--ise-bg-hover);color:var(--ise-text-strong)}.ise-css-editor__list{flex-direction:column;gap:2px;max-height:280px;padding-right:2px;display:flex;overflow-y:auto}.ise-css-editor__list::-webkit-scrollbar{width:5px}.ise-css-editor__list::-webkit-scrollbar-thumb{background:var(--ise-border-strong);border-radius:999px}.ise-css-editor__empty{color:var(--ise-text-muted);text-align:center;padding:12px 8px;font-size:11px;font-style:italic}.ise-css-prop{border-radius:var(--ise-radius);grid-template-columns:minmax(62px,36%) minmax(0,1fr) 24px;grid-template-areas:"name value action";align-items:center;gap:4px;padding:2px 0;transition:background .12s;display:grid}.ise-css-prop--stacked{grid-template-columns:minmax(0,1fr) 24px;grid-template-areas:"name name""value action";gap:3px 4px;padding:4px 0}.ise-css-prop--stacked.ise-css-prop--with-important{grid-template-columns:minmax(0,1fr) 20px 24px;grid-template-areas:"name name name""value important action"}.ise-css-prop--with-important{grid-template-columns:minmax(58px,30%) minmax(0,1fr) 20px 24px;grid-template-areas:"name value important action"}.ise-css-prop:hover{background:#ffffff08}.ise-css-prop:hover .ise-css-prop__delete,.ise-css-prop:hover .ise-css-prop__add{opacity:1}.ise-css-prop--draft{border-top:1px dashed var(--ise-border-strong);background:#ffffff0d;margin-top:4px;padding:6px 8px}.ise-css-prop--draft .ise-css-ac__input{color:var(--ise-text-strong);background:#ffffff14;border-color:#94a3b847}.ise-css-prop--draft .ise-css-ac__input::placeholder{color:var(--ise-text-muted);opacity:1}.ise-css-prop--draft .ise-css-ac__input:hover{background:#ffffff1c;border-color:#94a3b86b}.ise-css-prop--draft .ise-css-ac__input:focus{background:#ffffff1f;border-color:#60a5fa8c}.ise-css-prop--draft .ise-css-prop__name .ise-css-ac__input{color:#bfdbfe}.ise-css-prop--draft .ise-css-prop__value .ise-css-ac__input{color:#fde68a}.ise-css-prop--draft .ise-css-prop__add{opacity:.9;color:var(--ise-text)}.ise-css-prop--draft .ise-css-prop__add:disabled{opacity:.5}.ise-css-prop__name{grid-area:name;min-width:0}.ise-css-prop__value{grid-area:value;min-width:0}.ise-css-prop__important{cursor:pointer;width:20px;height:24px;color:var(--ise-text-muted);grid-area:important;justify-content:center;align-items:center;margin:0;display:inline-flex}.ise-css-prop__important input{cursor:pointer;accent-color:var(--ise-accent);margin:0}.ise-css-prop__important:has(input:checked){color:var(--ise-accent)}.ise-css-prop__delete,.ise-css-prop__add{width:24px;height:24px;color:var(--ise-text-muted);cursor:pointer;opacity:.55;background:0 0;border:none;border-radius:4px;grid-area:action;justify-content:center;align-items:center;padding:0;transition:opacity .12s,background .12s,color .12s;display:inline-flex}.ise-css-prop__delete .material-icons,.ise-css-prop__add .material-icons{font-size:14px}.ise-css-prop__delete:hover:not(:disabled),.ise-css-prop__add:hover:not(:disabled){color:#fca5a5;background:#ef444426}.ise-css-prop__delete:disabled,.ise-css-prop__add:disabled{opacity:.25;cursor:not-allowed}.ise-css-prop__add:hover:not(:disabled){color:#86efac;background:#22c55e26}.ise-css-ac{min-width:0;position:relative}.ise-css-ac__input{box-sizing:border-box;color:#93c5fd;width:100%;height:26px;font:inherit;background:#00000038;border:1px solid #0000;border-radius:4px;outline:none;padding:0 6px;font-size:11px;transition:border-color .12s,background .12s}.ise-css-ac__input--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ise-css-ac__input::placeholder{color:var(--ise-text-muted);opacity:.7}.ise-css-ac__input:hover{background:#00000052}.ise-css-ac__input:focus{color:var(--ise-text-strong);background:#00000061;border-color:#60a5fa73}.ise-css-prop__value .ise-css-ac__input{color:#fcd34d}.ise-css-ac__list{z-index:40;border:1px solid var(--ise-border-strong);border-radius:var(--ise-radius);max-height:180px;box-shadow:var(--ise-shadow);background:#1e1e1e;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto}.ise-css-ac__option{color:var(--ise-text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow:hidden}.ise-css-ac__option:hover,.ise-css-ac__option--active{background:var(--ise-accent-muted);color:var(--ise-accent)}.ise-css-value{min-width:0}.ise-css-value--color{align-items:center;gap:4px;display:flex}.ise-css-value__text{flex:1;min-width:0}.ise-css-value .ise-scrubber{height:26px}.ise-css-value .ise-color--compact .ise-color__trigger{width:26px;height:26px}
.component-info-tree{background:#1e1e1e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.component-info-tree-header{border-bottom:1px solid #e0e0e0;margin-bottom:16px;padding-bottom:12px}.component-info-tree-header h3{color:#333;margin:0 0 4px;font-size:18px;font-weight:600}.component-info-tree-header-controls{align-items:center;margin-bottom:8px;display:flex}.component-info-tree-header-subtitle{color:#666;margin:0;font-size:12px}.component-info-tree-content{max-height:600px;overflow-y:auto}.component-info-tree-empty{text-align:center;color:#999;padding:32px}.component-info-tree-empty p{margin:0;font-size:14px}.component-info-tree-node-wrapper{-webkit-user-select:none;user-select:none;margin:4px 0;position:relative}.component-info-tree-node{-webkit-user-select:none;user-select:none}.component-info-tree-node-content{cursor:pointer;border-radius:4px;align-items:center;padding:4px 0;transition:all .2s;display:flex;position:relative}.component-info-tree-node-content.drop-before{border-top:2px solid #0078d7}.component-info-tree-node-content.drop-after{border-bottom:2px solid #0078d7}.component-info-tree-node-content.drop-child{outline-offset:-2px;background-color:#0078d71a;border:2px dashed #0078d7;outline:2px dashed #0078d7}.component-info-tree-node-inner{border-radius:4px;flex:1;align-items:center;min-height:32px;padding:8px 12px;transition:background-color .2s;display:flex}.component-info-tree-node-inner:hover{background-color:#f5f5f5}.component-info-tree-node-inner.selected{background-color:#e3f2fd;font-weight:500;border:2px solid red!important}.component-info-tree-node-inner.selected:hover{background-color:#bbdefb}.component-info-tree-node-inner.has-info{border:1px solid #e0e0e0}.component-info-tree-node-inner.has-info:hover{background-color:#f5f5f5}.component-info-tree-node-inner.has-content{background-color:#fff9e6}.component-info-tree-node-inner.has-content:hover{background-color:#f5f5f5}.component-info-tree-node-expand-icon{cursor:pointer;border-radius:2px;justify-content:center;align-items:center;width:20px;height:20px;margin-right:4px;transition:background-color .2s;display:flex}.component-info-tree-node-expand-icon:hover{background-color:#e0e0e0}.component-info-tree-node-expand-icon mat-icon{color:#666;width:18px;height:18px;font-size:18px}.component-info-tree-node-spacer{width:20px;margin-right:4px}.component-info-tree-node-drag-handle{cursor:grab;opacity:.5;justify-content:center;align-items:center;width:24px;height:24px;margin-right:8px;transition:opacity .2s;display:flex}.component-info-tree-node-drag-handle:hover{opacity:1}.component-info-tree-node-drag-handle:active{cursor:grabbing}.component-info-tree-node-drag-handle mat-icon{color:#666;width:18px;height:18px;font-size:18px}.component-info-tree-node-title-wrapper{flex-direction:column;flex:1;gap:2px;display:flex}.component-info-tree-node-title-wrapper.component-info-tree-title-parent-only .component-info-tree-title{color:#999!important}.component-info-tree-node-title{color:#333;font-size:14px;font-weight:500;line-height:1.4}.component-info-tree-children{margin-left:20px;position:relative}.component-info-tree-children:before{content:"";background-color:#0000001f;width:1px;position:absolute;top:0;bottom:12px;left:12px}.component-info-tree-badges{align-items:center;gap:4px;margin-left:8px;display:flex}.component-info-tree-badge{color:#666;background-color:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.component-info-tree-badge mat-icon{width:16px;height:16px;font-size:16px}.component-info-tree-badge-reference{color:#2e7d32!important}.component-info-tree-badge-reference-onetoone{color:#1976d2!important}.component-info-tree-badge-reference-onetomany{color:#7b1fa2!important}.component-info-tree-badge-reference-manytoone{color:#e65100!important}.component-info-tree-badge-reference-manytomany{color:#2e7d32!important}.component-info-tree-badge-target{color:#1976d2!important}.component-info-tree-badge-click{color:#7b1fa2!important}.component-info-tree-badge-modal{color:#e65100!important}.component-info-tree-attribute-info{align-items:center;gap:6px;margin-top:2px;font-size:11px;line-height:1.3;display:flex}.component-info-tree-attribute-info-name{color:#666;font-weight:500}.component-info-tree-attribute-info-type{color:#1976d2;font-style:italic;font-weight:400}.component-info-tree-title-parent-only .component-info-tree-title{color:#999!important}
.custom-button{cursor:pointer;border:none;border-radius:4px;outline:none;justify-content:center;align-items:center;min-width:64px;padding:6px 16px;font-size:.875rem;font-weight:500;line-height:1.75;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.custom-button.contained{color:#fff;background-color:#1976d2}.custom-button.contained:hover{background-color:#1565c0}.custom-button.outlined{color:#1976d2;background-color:#0000;border:1px solid #1976d2}.custom-button.outlined:hover{background-color:#1976d20a}.custom-button.text{color:#1976d2;background-color:#0000}.custom-button.text:hover{background-color:#1976d20a}.custom-button:disabled{color:#00000042;cursor:default;background-color:#0000001f}.button-content{align-items:center;gap:8px;display:flex}.button-content .end-icon{align-items:center;display:flex}
.attribute-tree-selector{display:block}.attribute-tree-selector__empty{color:#888;font-size:13px;font-style:italic}.attribute-tree-selector__node{flex-direction:column;gap:4px;display:flex}.attribute-tree-selector__node--nested{border-left:2px solid #e0e0e0;margin-top:6px;margin-left:12px;padding-left:12px}.attribute-tree-selector__node-header{align-items:center;gap:2px;margin-top:2px;margin-bottom:2px;display:flex}.attribute-tree-selector__expand-btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;display:inline-flex}.attribute-tree-selector__expand-btn:hover{background:#eee}.attribute-tree-selector__expand-btn:focus-visible{outline-offset:1px;outline:2px solid #1976d2}.attribute-tree-selector__expand-icon{line-height:1;font-size:20px!important}.attribute-tree-selector__expand-spacer{flex-shrink:0;width:28px;height:28px}.attribute-tree-selector__entity-label{color:#555;flex:1;min-width:0;font-size:12px;font-weight:600}.attribute-tree-selector__fields{flex-wrap:wrap;gap:4px 12px;display:flex}.attribute-tree-selector__field{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.attribute-tree-selector__field span{-webkit-user-select:none;user-select:none}.attribute-tree-selector__field--ref{white-space:normal;align-items:center;display:flex}.attribute-tree-selector__branch{margin-top:6px}.attribute-tree-selector__branch-header{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.attribute-tree-selector__ref-text{flex-wrap:wrap;align-items:center;gap:0 2px;line-height:1.3;display:inline-flex}.attribute-tree-selector__ref-arrow{color:#888;font-weight:400}.attribute-tree-selector__ref-target{color:#1976d2;font-weight:500}.attribute-tree-selector__cycle{color:#999;margin:4px 0 4px 8px;font-size:12px;font-style:italic}.super-html-editor-modal .attribute-tree-selector__empty,.model-editor-page--dark .attribute-tree-selector__empty,.data-admin-page--dark .attribute-tree-selector__empty{color:#94a3b8}.super-html-editor-modal .attribute-tree-selector__node--nested,.model-editor-page--dark .attribute-tree-selector__node--nested,.data-admin-page--dark .attribute-tree-selector__node--nested{border-left-color:#4b5563}.super-html-editor-modal .attribute-tree-selector__expand-btn,.model-editor-page--dark .attribute-tree-selector__expand-btn,.data-admin-page--dark .attribute-tree-selector__expand-btn{color:#cbd5e1}.super-html-editor-modal .attribute-tree-selector__expand-btn:hover,.model-editor-page--dark .attribute-tree-selector__expand-btn:hover,.data-admin-page--dark .attribute-tree-selector__expand-btn:hover{background:#60a5fa2e}.super-html-editor-modal .attribute-tree-selector__expand-btn:focus-visible,.model-editor-page--dark .attribute-tree-selector__expand-btn:focus-visible,.data-admin-page--dark .attribute-tree-selector__expand-btn:focus-visible{outline-color:#60a5fa}.super-html-editor-modal .attribute-tree-selector__entity-label,.model-editor-page--dark .attribute-tree-selector__entity-label,.data-admin-page--dark .attribute-tree-selector__entity-label,.super-html-editor-modal .attribute-tree-selector__field,.model-editor-page--dark .attribute-tree-selector__field,.data-admin-page--dark .attribute-tree-selector__field{color:#e5e7eb}.super-html-editor-modal .attribute-tree-selector__ref-arrow,.model-editor-page--dark .attribute-tree-selector__ref-arrow,.data-admin-page--dark .attribute-tree-selector__ref-arrow{color:#94a3b8}.super-html-editor-modal .attribute-tree-selector__ref-target,.model-editor-page--dark .attribute-tree-selector__ref-target,.data-admin-page--dark .attribute-tree-selector__ref-target{color:#93c5fd}.super-html-editor-modal .attribute-tree-selector__cycle,.model-editor-page--dark .attribute-tree-selector__cycle,.data-admin-page--dark .attribute-tree-selector__cycle{color:#94a3b8}