:root{color-scheme:dark;--base-font-scale: 1;--font-tiny: .5rem;--font-small: .75rem;--font-large: 1.5rem;--font-extra: 2rem;--bg-color: #0f172a;--card-bg: #1e293b;--border-color: #334155;--scrollbar-thumb: rgba(255, 255, 255, .1);--scrollbar-thumb-hover: rgba(255, 255, 255, .2);--text-primary: #f1f5f9;--text-secondary: #b0bec5;--accent-color: #38bdf8;--accent-glow: rgba(56, 189, 248, .25);--accent-light: #7dd3fc;--success: #10b981;--warning: #f59e0b;--danger: #fb7185;--danger-bg: rgba(251, 113, 133, .1);--suggested: #ec4899;--glass-blur: blur(12px);--modal-overlay-bg: rgba(0, 0, 0, .4);--item-bg: rgba(255, 255, 255, .03);--modal-bg: #1e293b;--input-bg: #1e293b;--input-height: 1.75rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .5);--card-shadow: var(--shadow-sm);--opacity-faded: .5;--small-gap: .25rem;--padding-gap: .5rem;--border-radius: .5rem;--status-bar-height: 1rem;--table-header-height: 2rem}[data-theme=light]{color-scheme:light;--bg-color: #e5e7eb;--card-bg: rgba(255, 255, 255, .9);--border-color: rgba(0, 0, 0, .08);--scrollbar-thumb: rgba(0, 0, 0, .2);--scrollbar-thumb-hover: rgba(0, 0, 0, .35);--text-primary: #1e293b;--text-secondary: #64748b;--accent-color: #2563eb;--accent-glow: rgba(37, 99, 235, .3);--accent-light: #3b82f6;--success: #059669;--warning: #d97706;--danger: #dc2626;--danger-bg: rgba(220, 38, 38, .1);--suggested: #db2777;--modal-overlay-bg: rgba(0, 0, 0, .3);--item-bg: rgba(0, 0, 0, .05);--modal-bg: #ffffff;--input-bg: #ffffff;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 8px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 32px rgba(0, 0, 0, .12);--card-shadow: var(--shadow-md)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:transparent transparent;-webkit-tap-highlight-color:transparent}*:hover{scrollbar-color:var(--scrollbar-thumb) transparent}:is(p,h1,h2,h3,h4,h5,h6,ul,ol){margin-top:6pt;margin-bottom:6pt}html{font-size:calc(var(--base-font-scale, 1) * var(--font-scale, 1) * 100%)}html,body{height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior-y:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-color);color:var(--text-primary);display:flex;flex-direction:column;overflow-y:auto}.spinning :is(i,svg){animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden{display:none!important}.divider{height:1px;background:var(--border-color);margin:4px 0;padding:0}:is(i,svg,img){display:inline-block;width:1em;height:1em;margin:4px 0;flex-shrink:0}.text-tiny{font-size:var(--font-tiny)}.text-small{font-size:var(--font-small)}.text-large{font-size:var(--font-large)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-none{flex:none!important}.no-shrink{flex-shrink:0}.flex-wrap{flex-wrap:wrap;gap:var(--small-gap)}.justify-between{justify-content:space-between}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.flex-1{flex:1}.same-line{min-width:0;display:flex;align-items:center;gap:var(--padding-gap)}.same-line>.form-row{flex:1 1 auto;min-width:0}.same-line:has(select)>.form-row{flex:1 1 0%}.same-line>.form-row:has(>.icon-btn){flex:none}.form-row>input{field-sizing:content}.align-center{align-items:center!important}.align-start{align-items:flex-start!important}.align-stretch{align-items:stretch!important}.text-center{text-align:center;text-align-last:center}.text-right{text-align:right}.text-left{text-align:left}.text-nowrap{white-space:nowrap!important}.italic .truncate{padding-right:4px}.mobile-only{display:none}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--card-shadow);overflow:hidden;display:flex;flex-direction:column;min-height:0;position:relative}.card-body{display:flex;flex-direction:column;flex:1;height:100%;min-height:0;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--padding-gap);border-bottom:1px solid var(--border-color);background:#ffffff05;gap:var(--padding-gap);flex-shrink:0}.card-title{font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-footer{border-top:2px solid var(--border-color);background-color:var(--card-bg);background-image:linear-gradient(var(--item-bg),var(--item-bg));display:flex;align-items:center;gap:var(--padding-gap);padding:0 var(--small-gap);flex-shrink:0}.scroll-area{flex:1;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;position:relative}.right-border{border-right:1px solid var(--border-color)}.clickable{cursor:pointer}.form-row,.settings-row{display:flex;gap:var(--small-gap)}.form-row{flex-direction:column}.settings-row{align-items:center;justify-content:space-between}.settings-row .label-text{flex-shrink:0}.form-row :is(label,.label-text){display:block;font-weight:500;color:var(--text-secondary);font-size:var(--font-small)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}select,button,input:not([type=checkbox],[type=radio]){height:var(--input-height);min-height:var(--input-height)}input[type=text],input[type=search],input[type=password],input[type=email],input[type=tel],input[type=url],input[type=date],input[type=number],select,textarea{width:100%;background:var(--input-bg);border:1px solid var(--accent-glow);color:var(--text-primary);padding:0 var(--padding-gap);border-radius:var(--border-radius);outline:none}.settings-row select,.settings-row input{width:auto;field-sizing:content}:is(input,select,textarea,.pill-group):is(:disabled){background:var(--input-bg);color:var(--text-secondary);-webkit-text-fill-color:var(--text-secondary);opacity:1;border-color:var(--border-color)}:is(input,select,textarea):focus:not(:disabled){border-color:var(--accent-color)}input[type=color]{min-width:var(--input-height);background:transparent;border:none;cursor:pointer;outline:none}input::-webkit-calendar-picker-indicator,input:not(.spinner)::-webkit-inner-spin-button,input:not(.spinner)::-webkit-outer-spin-button{display:none}input[type=date],input[type=month],select{appearance:none}input[type=date][data-datepicker-enhanced=true]{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;overflow:hidden;margin:0;padding:0;border:none}.settings-row input[type=number]{width:70px;padding:var(--padding-gap);border-radius:var(--border-radius);text-align:right}.text-small input,.text-small select{min-height:1.8em;height:1.8em;padding:.15em .5em;font-size:inherit;border-radius:var(--border-radius)}.preview-box{min-height:80px;border:1px dashed var(--border-color);border-radius:var(--border-radius);background:var(--input-bg);padding:var(--padding-gap);overflow:hidden}.preview-box img{max-height:80px;height:auto;width:auto;object-fit:contain}.code-editor{flex:1;width:100%;background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);padding:var(--padding-gap);font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--font-small);resize:none;outline:none;tab-size:2;white-space:pre}.success{color:var(--success)}.danger{color:var(--danger)}.warning{color:var(--warning)}.accent{color:var(--accent-color)}.primary{color:var(--text-primary)}.secondary{color:var(--text-secondary)}.suggested{color:var(--suggested)}.left-border{border-left:3px solid var(--left-border-color, var(--border-color))!important}.dot-color{width:10px;height:10px;border-radius:var(--border-radius);display:inline-block}.app-layout{display:flex;flex:1;min-height:0;overflow:hidden;padding:var(--padding-gap)}.left-card{display:flex;flex-direction:column;overflow:hidden;gap:0;min-height:0;flex-shrink:0;width:var(--sidebar-width, 30%)}.right-card{display:flex;flex-direction:column;position:relative;overflow:hidden;min-width:0;min-height:0;flex:1}.modal{display:none;position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:6000;align-items:center;justify-content:center;padding:var(--padding-gap)}.modal.active{display:flex}.modal-card{width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-lg);overflow-wrap:anywhere;word-break:break-word}.menu{display:flex;flex-direction:column;padding:var(--padding-gap)}.menu-card{position:fixed;z-index:10000;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);backdrop-filter:var(--glass-blur);max-height:80vh;overflow-y:auto}.menu-card:not(.active){display:none}.menu-item{display:flex;align-items:center;justify-content:flex-start;gap:var(--small-gap);padding:var(--small-gap);color:var(--text-primary);cursor:pointer;border-radius:var(--border-radius)}.menu-item.active{background:var(--accent-glow);color:var(--accent-color)}.menu.header-menu{position:absolute;top:100%;right:0;min-width:140px;margin-top:4px}header.card-header{z-index:1000;background:var(--card-bg)}.header-actions{display:flex;align-items:center;gap:var(--small-gap);flex-shrink:0;position:relative}.btn,.link-btn,.pill-btn,.pill-item,.pill-group,.tab-bar,.tab-btn,.icon-btn{border:none;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;flex-shrink:0;white-space:nowrap}.btn{border:1px solid var(--accent-glow);border-radius:var(--border-radius)}.pill-btn{border:1px solid transparent;border-radius:var(--border-radius)}.tab-bar{justify-content:flex-start;border-bottom:1px solid var(--accent-glow)}.pill-btn,.pill-group,.tab-btn,.icon-btn{height:var(--input-height)}.icon-btn,.pill-btn:has(>:is(i,svg,span):only-child){width:var(--input-height)}.btn,.tab-btn,.pill-item,.pill-btn:not(:has(>:is(i,svg,span):only-child)){gap:var(--small-gap);padding:var(--small-gap) var(--padding-gap)}.link-btn{background:transparent;color:var(--accent-light)}.pill-item,.pill-group,.icon-btn{border:1px solid var(--accent-color);border-radius:var(--border-radius)}.pill-group .pill-btn{flex:1}.icon-btn:active{transform:scale(.92)}:is(.tab-btn,.pill-btn,.icon-btn,.menu-item) :is(i,svg){width:1rem;height:1rem}:is(.btn,.pill-btn,.icon-btn):disabled{opacity:var(--opacity-faded);cursor:not-allowed;pointer-events:none}.btn.primary{background:var(--accent-color);color:#fff}.btn.secondary{background:var(--item-bg);color:var(--text-primary)}.btn.danger{background:var(--danger);color:#fff}.pill-group-with-title{position:relative;overflow:visible;margin-top:0}.pill-group-title{position:absolute;top:-.5em;left:50%;transform:translate(-50%);font-size:var(--font-tiny);text-transform:uppercase;color:var(--text-primary);background:var(--card-bg);padding:0 4px;white-space:nowrap;pointer-events:none;font-weight:600;line-height:normal}.pill-item.active,.pill-btn.active{background:var(--accent-glow)}.tab-btn.active{color:var(--accent-light);border-bottom:3px solid var(--accent-color)}.form{display:flex;flex-direction:column;gap:var(--padding-gap);padding:var(--padding-gap)}#status-bar{min-height:var(--status-bar-height);background:var(--card-bg);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;padding:0 var(--small-gap);gap:var(--padding-gap);color:var(--text-secondary);font-size:var(--font-small);z-index:5000}#status-bar .sb-left,#status-bar .sb-right{display:flex;align-items:center;gap:var(--padding-gap);min-width:0;overflow:hidden}#status-bar .sb-left{flex:1}#status-bar .sb-right{flex-shrink:0}#status-bar .sb-item{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-secondary);opacity:.6}table{width:100%;border-collapse:collapse;text-align:left}thead th{position:sticky;top:0;background-color:var(--card-bg);background-image:linear-gradient(var(--item-bg),var(--item-bg));padding:var(--small-gap);text-transform:uppercase;color:var(--text-secondary);font-weight:600;border-bottom:2px solid var(--border-color);z-index:5;white-space:nowrap}tbody td,tfoot td{cursor:default;padding:var(--small-gap);border-bottom:1px solid var(--border-color)}tbody tr{scroll-margin-top:var(--table-header-height, var(--input-height))}tbody tr.selected{background:var(--accent-glow)}tbody tr:not(.selected) td:first-child{border-left:2px solid transparent}tbody tr.selected td:first-child{border-left:2px solid var(--accent-color)}table:has(.empty-state-container:not(.hidden)){height:100%;min-height:100%}.empty-state-icon{width:32px;height:32px;stroke-width:1.5;opacity:var(--opacity-faded)}.progress-bar{flex:1;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%}.mini-progress{display:flex;gap:2px}.mini-progress-segment{width:4px;height:12px;border-radius:2px;background:var(--border-color)}.mini-progress-segment.filled{background:var(--accent-light)}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.dragging{opacity:.5;border:1px dashed var(--accent-color)}.semibold{font-weight:600}.faded{opacity:var(--opacity-faded)}.truncate{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.italic{font-style:italic}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.tree-item{display:flex;align-items:center;gap:var(--small-gap);padding:var(--small-gap);border-radius:var(--border-radius);color:var(--text-secondary);user-select:none;scroll-margin:50px 0;margin:4px;cursor:pointer}.tree-item.active{background:var(--accent-glow);color:var(--accent-light);font-weight:500;box-shadow:inset 0 0 0 1px var(--accent-color)}.tree-item:focus{outline:none}.tree-item:not(.active):focus-visible{outline:none;background:#ffffff14;box-shadow:inset 0 0 0 1px var(--accent-color)}.tree-item.search-match{background:var(--accent-glow);color:var(--accent-color);font-weight:600;box-shadow:inset 0 0 0 1px var(--accent-glow)}.tree-item.search-match.active{background:var(--accent-color);color:#fff;animation:none}.tree-children{margin-left:calc(12px + .5rem);border-left:1px solid var(--border-color);display:none}.tree-children.expanded{display:block}@media(hover:hover){:is(.icon-btn):hover:not(:disabled){background:var(--accent-color);color:#fff}.pill-btn:not(.active):hover,.tab-btn:not(.active):hover{background:var(--item-bg)}.menu-item:not(.active):hover,.tree-item:not(.active):hover,.clickable:not(.active):hover{background:var(--input-bg)}}.form-error-banner{padding:var(--padding-gap);margin-bottom:var(--padding-gap);border-radius:var(--border-radius);background:var(--danger-bg);border:1px solid var(--danger);display:none}body.resizing-active iframe{pointer-events:none}.mobile-resizer{display:none}.desktop-resizer{z-index:100;position:relative;flex-shrink:0;background:transparent;width:4px;height:calc(100% - var(--padding-gap) * 2);margin:calc(var(--padding-gap) / 2 - 2px);align-self:center;cursor:col-resize}.desktop-resizer:hover,.desktop-resizer.resizing{background:var(--accent-color)}@media(max-width:600px){:root{--base-font-scale: 1.4}.desktop-only{display:none}.mobile-only{display:block}td.mobile-only,th.mobile-only{display:table-cell}.app-layout{flex-direction:column}.top-card{order:1;width:100%!important;height:var(--mobile-sidebar-height, 45%);min-height:0;max-height:none;flex:none!important}.bottom-card{order:3;flex:1!important;width:100%!important;min-height:0}.card:has(.modal.active:not(.no-inline))>:not(.modal),.app-layout:has(.modal.full-card.active)>:not(.modal){display:none!important}.modal.active:not(.no-inline){display:flex;position:absolute;inset:0;background:none;backdrop-filter:none;padding:0;z-index:1}.modal:not(.no-inline) .modal-card{max-width:none;max-height:none;height:100%;border:none;box-shadow:none;flex:1}.modal.full-card.active{display:flex;position:relative;inset:auto;height:100%;min-height:0;width:100%;order:1}header.card-header{position:relative;padding-top:calc(var(--status-bar-height) + var(--padding-gap))}.status-bar.top{position:absolute;top:0;left:0;right:0;height:var(--status-bar-height);display:flex;align-items:center;justify-content:center;gap:var(--padding-gap);margin:0;font-size:var(--font-small);color:var(--accent-color);border-bottom:1px solid var(--border-color);background:var(--card-bg);z-index:5000}td:first-child{white-space:normal}.desktop-resizer{display:none}.mobile-resizer{display:flex;align-items:center;justify-content:center;height:16px;width:50%;background:var(--card-bg);margin:4px auto;z-index:100;border-radius:var(--border-radius);order:2;border:1px solid transparent;touch-action:none}.mobile-resizer:after{content:"";width:50%;height:4px;background:var(--text-secondary);border-radius:2px;opacity:var(--opacity-faded)}.mobile-resizer.active{background:var(--accent-glow);border-color:var(--accent-color)}.mobile-resizer.active:after{opacity:var(--opacity-faded);background:var(--accent-color)}#nav-header.collapsed{max-height:var(--status-bar-height);padding:0}#nav-header.collapsed>:not(.status-bar.top):not(#header-pull-tab){opacity:0;pointer-events:none}#header-pull-tab{position:absolute;top:100%;left:50%;transform:translate(-50%,-2px);width:44px;height:16px;background:var(--card-bg);border:1px solid var(--border-color);border-top:none;border-radius:0 0 12px 12px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}}.tox .tox-toolbar__group{padding:0 2px!important}.tox .tox-toolbar{padding:0 4px!important}.tox :is(i,svg){width:24px!important;height:24px!important}.tox .tox-dialog{height:60%!important;max-height:60vh!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.tox .tox-dialog-wrap__backdrop{background-color:var(--modal-overlay-bg)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}html:has(>body.mce-content-body){overflow:hidden!important}
