@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-ext-wght-normal.2z-x1dufqdyjl.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-wght-normal.1iawsmriyw_my.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-ext-wght-normal.103ljvln1l1_8.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-wght-normal.1iy0jc-d_p12q.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-vietnamese-wght-normal.2kcj5i_8uff48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-ext-wght-normal.0qgyo3z29eu-e.woff2)format("woff2-variations");unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-wght-normal.1j27dg3h95i3k.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#f7f7f8;--surface:#fff;--surface-2:#f4f4f5;--surface-3:#ececee;--border:#e4e4e7;--border-strong:#d4d4d8;--text:#18181b;--text-2:#52525b;--text-3:#8b8b94;--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#eef2ff;--accent-ring:#4f46e538;--success:#15803d;--success-soft:#f0fdf4;--success-line:#bbf7d0;--danger:#dc2626;--danger-hover:#b91c1c;--danger-soft:#fef2f2;--danger-line:#fecaca;--warning:#b45309;--warning-soft:#fffbeb;--warning-line:#fde68a;--info:#2563eb;--info-soft:#eff6ff;--radius-sm:6px;--radius:8px;--radius-lg:12px;--shadow-xs:0 1px 2px #18181b0d;--shadow-sm:0 1px 3px #18181b12, 0 1px 2px #18181b0a;--shadow-lg:0 12px 32px -8px #18181b24, 0 4px 8px -4px #18181b0f;--sidebar-w:236px;--font:"Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}h1,h2,h3{color:var(--text);letter-spacing:-.011em}h1{margin:0;font-size:1.375rem;font-weight:650;line-height:1.3}h2{margin:0;font-size:.9375rem;font-weight:600}h3{color:var(--text-2);margin:20px 0 10px;font-size:.8125rem;font-weight:600}p{margin:0 0 12px}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-underline-offset:2px;text-decoration:underline}code{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--border);word-break:break-all;border-radius:4px;padding:1px 5px;font-size:.8125rem}img{max-width:100%}.muted{color:var(--text-2)}.subtle{color:var(--text-3)}.small{font-size:.8125rem}.nowrap{white-space:nowrap}.num{font-variant-numeric:tabular-nums;text-align:right}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:4px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:10px;padding:4px 8px 16px;font-size:.9375rem;font-weight:650;display:flex}.brand:hover{color:var(--text);text-decoration:none}.brand-mark{color:#fff;width:28px;height:28px;box-shadow:inset 0 1px 0 #ffffff40, var(--shadow-xs);background:linear-gradient(135deg,#6366f1,#4338ca);border-radius:8px;place-items:center;display:grid}.nav,.nav-group{flex-direction:column;gap:2px;display:flex}.nav-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:14px 10px 6px;font-size:.6875rem;font-weight:600}.nav-link{border-radius:var(--radius-sm);color:var(--text-2);align-items:center;gap:10px;padding:7px 10px;font-weight:500;display:flex}.nav-link svg{color:var(--text-3);flex:none}.nav-link:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-link[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.nav-link[aria-current=page] svg{color:var(--accent)}.sidebar-foot{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding:12px 4px 0;display:flex}.avatar{background:var(--surface-3);width:32px;height:32px;color:var(--text-2);border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:600;display:grid}.who{flex:1;min-width:0;line-height:1.3}.who strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;display:block;overflow:hidden}.who span{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;display:block;overflow:hidden}.content{flex-direction:column;min-width:0;display:flex}.page{width:100%;max-width:1120px;margin:0 auto;padding:32px 40px 64px}.strip{border-bottom:1px solid var(--warning-line);background:var(--warning-soft);color:#78350f;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:9px 40px;font-size:.8125rem;display:flex}.strip.info{background:var(--accent-soft);color:#3730a3;border-color:#c7d2fe}.strip svg{flex:none}.strip .spacer{flex:1}@media (max-width:880px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{min-width:0}.nav{scrollbar-width:none;min-width:0;max-width:100%}.sidebar{border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap;align-items:center;height:auto;padding:10px 16px;position:static}.brand{padding:0 8px 0 0}.nav{flex-direction:row;flex:100%;order:3;overflow-x:auto}.nav-label{display:none}.nav-group{flex-direction:row}.nav-link{white-space:nowrap}.sidebar-foot{border:0;margin:0 0 0 auto;padding:0}.who{display:none}.page{padding:24px 16px 48px}.strip{padding:9px 16px}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header .titles{min-width:0}.page-header .titles p{color:var(--text-2);max-width:68ch;margin:6px 0 0}.page-header .title-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-header .actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-header .actions form{margin:0}.back{color:var(--text-2);align-items:center;gap:4px;margin-bottom:10px;font-size:.8125rem;display:inline-flex}.back:hover{color:var(--text);text-decoration:none}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);min-width:0;margin-bottom:20px}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.panel-header p{color:var(--text-2);margin:4px 0 0;font-size:.8125rem}.panel-body{padding:20px}.panel-body>:last-child{margin-bottom:0}.panel-footer{border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:12px 20px;display:flex}.panel-footer .muted,.panel-footer .subtle{margin-right:auto;font-size:.8125rem}.panel>.table-wrap{border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:none;border:0;margin:0}.panel>.table-wrap:first-child{border-radius:var(--radius-lg)}.grid-2{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:20px;display:grid}.grid-2>.panel{margin-bottom:0}.stack{flex-direction:column;gap:20px;display:flex}.stack>.panel{margin-bottom:0}@media (max-width:980px){.grid-2{grid-template-columns:1fr}}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);min-width:0;padding:16px 18px}.stat-top{color:var(--text-2);justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:500;display:flex}.stat-icon{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.stat-icon.warn{background:var(--warning-soft);color:var(--warning)}.stat-icon.ok{background:var(--success-soft);color:var(--success)}.stat-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:10px;font-size:1.75rem;font-weight:650;line-height:1.1;display:block}.stat-value small{color:var(--text-3);margin-left:2px;font-size:.9375rem;font-weight:500}.stat-hint{color:var(--text-3);margin-top:4px;font-size:.75rem;display:block}.button,button{height:34px;font:inherit;white-space:nowrap;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.8125rem;font-weight:550;line-height:1;text-decoration:none;transition:background .12s,border-color .12s,color .12s,box-shadow .12s;display:inline-flex}.button:hover,button:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.button.primary,button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 1px 2px #4338ca4d,inset 0 1px #ffffff1f}.button.primary:hover,button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}button.danger,.button.danger{color:var(--danger)}button.danger:hover,.button.danger:hover{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger-hover)}button.danger-solid{background:var(--danger);border-color:var(--danger);color:#fff}button.danger-solid:hover{background:var(--danger-hover);color:#fff}button.ghost,.button.ghost{box-shadow:none;color:var(--text-2);background:0 0;border-color:#0000}button.ghost:hover,.button.ghost:hover{background:var(--surface-2);color:var(--text)}button.ghost.danger:hover{background:var(--danger-soft);color:var(--danger)}button.icon{width:30px;height:30px;padding:0}button.sm,.button.sm{height:28px;padding:0 10px;font-size:.75rem}button.link{height:auto;box-shadow:none;color:var(--accent);background:0 0;border:0;padding:0;font-weight:550}button.link:hover{background:0 0;text-decoration:underline}.button.lg,button.lg{height:40px;padding:0 18px;font-size:.875rem}.button.full,button.full{width:100%}button:disabled,button:disabled:hover{opacity:.45;cursor:not-allowed}button:focus-visible,.button:focus-visible,a:focus-visible{box-shadow:0 0 0 3px var(--accent-ring);outline:none}label{color:var(--text);margin:0 0 6px;font-size:.8125rem;font-weight:550;display:block}input,select,textarea{font:inherit;color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);height:34px;box-shadow:var(--shadow-xs);max-width:100%;padding:0 10px;font-size:.875rem;transition:border-color .12s,box-shadow .12s}textarea{width:100%;height:auto;font-family:var(--mono);padding:8px 10px;font-size:.8125rem}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;padding-right:28px}input::placeholder{color:var(--text-3)}input:hover,select:hover,textarea:hover{border-color:#a1a1aa}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}input:disabled,select:disabled,textarea:disabled,fieldset:disabled input,fieldset:disabled select{background:var(--surface-2);color:var(--text-2);cursor:not-allowed}input[readonly]{background:var(--surface-2);color:var(--text-2);font-family:var(--mono);font-size:.75rem}input[type=checkbox],input[type=radio]{width:16px;height:16px;box-shadow:none;accent-color:var(--accent);vertical-align:-3px;margin:0;padding:0}input[type=file]{height:auto;padding:5px;font-size:.8125rem}input[type=file]::file-selector-button{font:inherit;border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;border-radius:5px;margin-right:10px;padding:4px 10px;font-weight:550}label:has(>input[type=checkbox]){align-items:center;gap:6px;height:34px;margin:0;font-weight:500;display:inline-flex}fieldset{border:0;min-width:0;margin:0;padding:0}.field{min-width:0;margin-bottom:16px}.field input:not([type=checkbox]):not([type=file]),.field select{width:100%}.hint{color:var(--text-3);margin-top:6px;font-size:.75rem;display:block}.form-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:0 16px;display:grid}.form-grid .span-2{grid-column:span 2}.form-grid .span-all{grid-column:1/-1}@media (max-width:560px){.form-grid .span-2{grid-column:auto}}.row{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.row>div>label{margin-bottom:6px}.inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:20px;overflow-x:auto}:where(table:not(.sig-render table)){border-collapse:separate;border-spacing:0;width:100%}:where(th,td):where(:not(.sig-render *)){text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 16px}:where(th:not(.sig-render *)){letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);background:var(--surface-2);white-space:nowrap;font-size:.6875rem;font-weight:600}thead th:first-child{border-top-left-radius:inherit}:where(tbody tr:last-child td:not(.sig-render *)){border-bottom:0}:where(tbody tr:hover td:not(.sig-render *)){background:#fafafb}td form{margin:0}td.actions{white-space:nowrap;text-align:right;width:1%}.cell-main{color:var(--text);font-weight:550}a.cell-main:hover{color:var(--accent);text-decoration:none}.cell-sub{color:var(--text-3);margin-top:1px;font-size:.75rem;display:block}.person{align-items:center;gap:10px;min-width:0;display:flex}.person img,.person .avatar{object-fit:cover;border-radius:50%;flex:none;width:30px;height:30px}dl.props{grid-template-columns:max-content 1fr;gap:10px 24px;margin:0;display:grid}dl.props dt{color:var(--text-2);font-size:.8125rem}dl.props dd{min-width:0;margin:0;font-weight:500}dl{margin:0}.badge{white-space:nowrap;background:var(--surface-2);height:22px;color:var(--text-2);border:1px solid var(--border);vertical-align:middle;border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-size:.75rem;font-weight:550;line-height:1;display:inline-flex}.badge:before{content:"";opacity:.8;background:currentColor;border-radius:50%;width:6px;height:6px}.badge.plain:before{display:none}.badge.live{background:var(--success-soft);color:var(--success);border-color:var(--success-line)}.badge.scheduled{background:var(--info-soft);color:var(--info);border-color:#bfdbfe}.badge.ended{color:var(--text-3)}.badge.warn{background:var(--warning-soft);color:var(--warning);border-color:var(--warning-line)}.badge.danger{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-line)}.badge.accent{background:var(--accent-soft);color:var(--accent);border-color:#c7d2fe}td .badge{margin-left:6px}td .badge:first-child{margin-left:0}.alert,.error,.success{border-radius:var(--radius);border:1px solid;align-items:flex-start;gap:10px;margin:0 0 16px;padding:10px 14px;font-size:.8125rem;display:flex}.alert svg{flex:none;margin-top:1px}.alert>div>:last-child{margin-bottom:0}.alert ul{margin:6px 0 0;padding-left:18px}.error,.alert.error{color:#991b1b;background:var(--danger-soft);border-color:var(--danger-line)}.success,.alert.success{color:#166534;background:var(--success-soft);border-color:var(--success-line)}.alert.warn{color:#78350f;background:var(--warning-soft);border-color:var(--warning-line)}.alert.info{color:#3730a3;background:var(--accent-soft);border-color:#c7d2fe}dd.error{margin:0;padding:6px 10px;display:block}.empty{text-align:center;color:var(--text-2);flex-direction:column;align-items:center;padding:40px 24px;display:flex}.empty-icon{background:var(--surface-2);border:1px solid var(--border);width:44px;height:44px;color:var(--text-3);border-radius:12px;place-items:center;margin-bottom:12px;display:grid}.empty strong{color:var(--text);margin-bottom:4px;font-weight:600}.empty p{max-width:46ch;margin:0 0 14px;font-size:.8125rem}.empty>:last-child{margin-bottom:0}.chart{align-items:flex-end;gap:3px;height:160px;padding-top:8px;display:flex}.chart .bar{flex:1 1 0;align-items:flex-end;min-width:3px;height:100%;display:flex;position:relative}.chart .bar span{background:linear-gradient(180deg, #818cf8, var(--accent));border-radius:3px 3px 0 0;width:100%;min-height:2px;display:block}.chart .bar:hover span{background:var(--accent-hover)}.chart .bar .unique{background:#ffffff59;border-radius:0;position:absolute;bottom:0;left:0;right:0}.chart-axis{color:var(--text-3);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;font-size:.6875rem;display:flex}.meter{background:var(--surface-3);border-radius:999px;min-width:80px;height:6px;overflow:hidden}.meter span{background:var(--accent);border-radius:inherit;height:100%;display:block}.thumbs{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.thumb{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-direction:column;display:flex;overflow:hidden}.thumb-img{border-bottom:1px solid var(--border);background-color:#fafafa;background-image:linear-gradient(45deg,#f1f1f3 25%,#0000 25%),linear-gradient(-45deg,#f1f1f3 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f1f1f3 75%),linear-gradient(-45deg,#0000 75%,#f1f1f3 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;place-items:center;height:140px;padding:16px;display:grid}.thumb-img img{object-fit:contain;max-height:108px}.thumb-meta{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.thumb-meta .inline{justify-content:space-between}.thumb-meta input{width:100%;height:30px}.banner-preview{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);place-items:center;padding:12px;display:grid;overflow:hidden}.banner-preview img{max-height:160px;display:block}.page:has(.editor){max-width:1480px}.editor{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:24px;display:grid}.editor-preview{position:sticky;top:24px}@media (max-width:1100px){.editor{grid-template-columns:1fr}.editor-preview{position:static}}.toolbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.toolbar input.name{box-shadow:none;border-color:#0000;flex:200px;margin-left:-8px;padding:0 8px;font-size:.9375rem;font-weight:600}.toolbar input.name:hover{border-color:var(--border)}.toolbar input.name:focus{border-color:var(--accent)}.toolbar .meta{color:var(--text-3);white-space:nowrap;font-size:.75rem}.block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:12px;padding:0}.block>header{border-bottom:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius-lg) var(--radius-lg) 0 0;justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 8px 14px;display:flex}.block>header strong{align-items:center;gap:8px;font-size:.8125rem;font-weight:600;display:inline-flex}.block>header strong svg{color:var(--text-3)}.block>header .inline{gap:2px}.block>:not(header){margin-left:14px;margin-right:14px}.block>:not(header):first-of-type{margin-top:14px}.block>:last-child{margin-bottom:14px}.block .block{box-shadow:none;background:var(--surface-2);border-radius:var(--radius);margin:0 0 10px;padding:12px}.block .block>*{margin-left:0;margin-right:0}.block .block>:first-child{margin-top:0}.block .block>:last-child{margin-bottom:0}.block>.error{margin-top:12px}details.block>summary{cursor:pointer;align-items:center;gap:8px;padding:11px 14px;font-size:.8125rem;font-weight:600;list-style:none;display:flex}details.block>summary::-webkit-details-marker{display:none}details.block>summary svg{color:var(--text-3);transition:transform .15s}details.block[open]>summary{border-bottom:1px solid var(--border)}details.block[open]>summary svg.chev{transform:rotate(90deg)}details.block>:not(summary){margin-left:14px;margin-right:14px}details.block>summary+*{margin-top:14px}.fallbacks{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px 14px;margin-bottom:14px;display:grid}.fallbacks label{font-family:var(--mono);color:var(--text-2);font-size:.75rem;font-weight:500}.fallbacks input{width:100%}.add-block{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:0 0;align-items:center;gap:8px;padding:12px;display:flex}.mail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.mail-bar{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:12px;padding:10px 14px;display:flex}.mail-dots{gap:5px;display:flex}.mail-dots i{background:var(--border-strong);border-radius:50%;width:9px;height:9px}.mail-bar select{height:30px;margin-left:auto;font-size:.8125rem}.mail-head{border-bottom:1px solid var(--border);color:var(--text-2);grid-template-columns:56px 1fr;gap:4px;padding:12px 18px;font-size:.8125rem;display:grid}.mail-head b{color:var(--text-3);font-weight:500}.mail-body{padding:18px}.mail-body .greeting{color:#3f3f46;margin-bottom:18px;font-size:.875rem;line-height:1.6}.preview{background:#fff;overflow:auto}.preview-note{color:var(--text-3);align-items:flex-start;gap:6px;margin-top:10px;font-size:.75rem;display:flex}.auth{background:radial-gradient(1200px 500px at 50% -10%, #6366f121, transparent 70%), var(--bg);place-items:center;min-height:100vh;padding:32px 16px;display:grid}.auth-card{width:100%;max-width:420px}.auth-card .brand{justify-content:center;padding:0 0 24px;font-size:1rem}.auth-card .brand-mark{border-radius:10px;width:34px;height:34px}.auth-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:14px;padding:32px}.auth-panel h1{text-align:center;font-size:1.25rem}.auth-panel .lede{text-align:center;color:var(--text-2);margin:8px 0 24px}.auth-panel p{color:var(--text-2)}.ms-logo{grid-template-columns:8px 8px;gap:2px;display:grid}.ms-logo i{width:8px;height:8px}.divider{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:12px;margin:24px 0;font-size:.75rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-panel .field input{width:100%}.auth-foot{text-align:center;color:var(--text-3);margin-top:20px;font-size:.75rem}.checklist{color:var(--text-2);flex-direction:column;gap:8px;margin:0 0 20px;padding:0;font-size:.8125rem;list-style:none;display:flex}.checklist li{align-items:flex-start;gap:8px;display:flex}.checklist svg{color:var(--success);flex:none;margin-top:2px}.app{background:linear-gradient(to right, var(--surface) calc(var(--sidebar-w) - 1px), var(--border) 0 var(--sidebar-w), transparent 0)}@media (max-width:880px){.app{background:0 0}}.block .row>div{flex:150px;min-width:0}.block .row>div>input:not([type=checkbox]),.block .row>div>select{width:100%}.block .row>div:has(>input[style]){flex:none}.block .row>div:has(>input[style])>input{width:auto}.block .row>button.icon{margin-bottom:2px}.block .hint{margin-top:10px;line-height:1.5}.gallery{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:24px;display:grid}.starter{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);cursor:pointer;flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.starter:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.starter:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.starter:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.starter input{opacity:0;pointer-events:none;position:absolute}.starter-preview{border-bottom:1px solid var(--border);background:#fff;height:170px;padding:18px;position:relative;overflow:hidden}.starter-render{transform-origin:0 0;pointer-events:none;width:122%;display:block;transform:scale(.82)}.starter-code{z-index:1;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:.6875rem;font-weight:600;display:inline-flex;position:absolute;top:10px;right:10px}.starter-text{color:var(--text-2);flex-direction:column;gap:3px;padding:12px 14px 14px;font-size:.8125rem;display:flex}.starter-text strong{color:var(--text);font-size:.875rem}.starter:has(input:checked) .starter-text strong{color:var(--accent)}.create-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-wrap:wrap;align-items:flex-end;gap:12px;padding:16px;display:flex}.create-bar .field{flex:260px;margin:0}.design-form{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.form-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:16px}.form-section>header{margin-bottom:12px}.form-section h3{margin:0;font-size:.875rem;font-weight:600}.form-section>header p{color:var(--text-3);margin:3px 0 0;font-size:.8125rem}.form-section textarea{font-family:var(--font);font-size:.875rem}.form-section .form-grid{margin-top:14px}.form-section .form-grid .field{margin-bottom:0}.form-grid.two{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 16px}.form-grid.three{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 16px;margin-top:0}.layout-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}@media (max-width:560px){.layout-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.layout-option{height:auto;color:var(--text-2);flex-direction:column;gap:8px;padding:12px 8px 10px;font-size:.75rem;font-weight:550}.layout-option[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.sketch{flex-direction:column;justify-content:center;gap:5px;width:72px;height:44px;display:flex}.sketch.row{flex-direction:row;align-items:center;gap:7px}.sketch i{display:block}.sk-lines{flex-direction:column;flex:1;gap:4px;display:flex}.sk-lines i{background:var(--border-strong);border-radius:2px;width:85%;height:4px}.sk-lines i.strong{background:currentColor;width:60%;height:5px}.sk-lines i.short{width:50%}.sk-photo{background:var(--border-strong);border-radius:50%;flex:none;width:22px;height:22px}.sk-logo{opacity:.55;background:currentColor;border-radius:2px;width:30px;height:8px}.sk-rule{background:currentColor;width:100%;height:2px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border-strong);height:32px;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface);border-radius:999px;align-items:center;gap:5px;padding:0 12px;font-size:.8125rem;font-weight:500;display:inline-flex;position:relative}.chip:hover{border-color:#a1a1aa}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.chip input{opacity:0;pointer-events:none;position:absolute}.chip:has(input:focus-visible){box-shadow:0 0 0 3px var(--accent-ring)}.segmented{border:1px solid var(--border-strong);border-radius:var(--radius);height:36px;display:flex;overflow:hidden}.segmented button{height:100%;box-shadow:none;color:var(--text-2);border:0;border-radius:0;flex:1;padding:0 8px;font-size:.8125rem;font-weight:500}.segmented button+button{border-left:1px solid var(--border-strong)}.segmented button[aria-checked=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.segmented a{color:var(--text-2);white-space:nowrap;flex:1;justify-content:center;align-items:center;padding:0 12px;font-size:.8125rem;font-weight:500;text-decoration:none;display:flex}.segmented a+a{border-left:1px solid var(--border-strong)}.segmented a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}nav.segmented{flex:none}.panel-header:has(>nav.segmented){flex-wrap:wrap}.mail-head.wide{grid-template-columns:auto 1fr;column-gap:12px}.color-field{align-items:center;gap:6px;display:inline-flex}.color-field input[type=color]{border-radius:var(--radius);cursor:pointer;background:var(--surface);flex:none;width:36px;height:36px;padding:3px}.color-field input:not([type=color]){font-family:var(--mono);font-size:.8125rem;width:92px!important}.color-field input[aria-invalid=true]{border-color:var(--danger)}.block .row>div.color-cell{flex:none}.range{align-items:center;gap:10px;height:36px;display:flex}.range input{accent-color:var(--accent);border:0;flex:1;height:auto;padding:0;box-shadow:none!important}.range span{color:var(--text-2);text-align:right;font-variant-numeric:tabular-nums;min-width:44px;font-size:.8125rem}.social-row{grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}@media (max-width:560px){.social-row{grid-template-columns:minmax(0,1fr) auto}.social-row input{grid-area:2/1/auto/-1}}label.check{color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:.8125rem;font-weight:500;display:inline-flex}label.check input{margin:0}.banner-toggle{margin:12px 0}.picker{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.picker-current{align-items:center;gap:10px;display:flex}.picker-thumb{border:1px solid var(--border);border-radius:var(--radius);background:repeating-conic-gradient(#f4f4f5 0 25%, #fff 0 50%) 0 0 / 12px 12px;width:52px;height:40px;color:var(--text-3);flex:none;place-items:center;display:grid;overflow:hidden}.picker-thumb img{object-fit:contain;max-width:100%;max-height:100%}.picker-label{flex-direction:column;flex:1;min-width:0;font-size:.8125rem;display:flex}.picker-label .subtle{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.picker-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);padding:12px}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-bottom:12px;display:grid}.picker-tile{height:64px;color:var(--text-2);background:#fff;flex-direction:column;gap:4px;padding:6px;font-size:.6875rem;font-weight:500}.picker-tile img{object-fit:contain;max-width:100%;max-height:100%}.picker-tile.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}.picker-tile.upload{background:0 0;border-style:dashed}.picker-url{color:var(--text-2);flex-direction:column;gap:6px;font-size:.75rem;font-weight:500;display:flex}.picker-url input{width:100%}.picker .hint{margin-top:8px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.html-editor{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.block .html-editor{box-shadow:none;border-radius:var(--radius)}.html-editor-bar{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:12px;padding:8px 10px 8px 14px;display:flex}.html-editor-bar>span:first-child{align-items:center;gap:6px;font-size:.8125rem;font-weight:600;display:inline-flex}.html-editor-bar .field-insert{margin-left:auto}.html-editor textarea.code{box-shadow:none;white-space:pre;resize:vertical;tab-size:2;background:#fcfcfd;border:0;border-radius:0;padding:12px 14px;font-size:.8125rem;line-height:1.55;display:block;overflow:auto}.html-help{border-top:1px solid var(--border);color:var(--text-2);font-size:.8125rem}.html-help summary{cursor:pointer;align-items:center;gap:6px;padding:9px 14px;font-weight:500;list-style:none;display:flex}.html-help summary::-webkit-details-marker{display:none}.html-help[open] summary svg.chev{transform:rotate(90deg)}.html-help ul{margin:0;padding:0 18px 12px 34px;line-height:1.6}.html-help code{font-family:var(--mono);background:var(--surface-2);border-radius:4px;padding:1px 4px;font-size:.75rem}select.field-insert{height:30px;color:var(--accent);flex:none;font-size:.75rem;font-weight:550;width:auto!important}.with-insert{gap:6px;display:flex}.with-insert input{flex:1;min-width:0}.columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:12px;display:grid}.column{border:1px dashed var(--border-strong);border-radius:var(--radius);flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:10px;display:flex}.column>.block{width:100%}.column-head{align-items:center;gap:8px;width:100%;font-size:.8125rem;display:flex}.column-width{color:var(--text-3);align-items:center;gap:6px;margin-left:auto;font-size:.75rem;font-weight:500;display:inline-flex}.column-width input{width:72px;height:30px}.column-block-head{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.75rem;display:flex}.column-block-head .inline{gap:0}.mode-switch{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0;font-size:.8125rem;display:flex}.mode-switch select{width:auto;height:30px;font-size:.8125rem}@media (max-width:880px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-value{font-size:1.5rem}.page-header{margin-bottom:18px}.panel-header,.panel-body,.panel-footer{padding-left:16px;padding-right:16px}.grid-2{gap:16px}}.block .row>div:has(>.with-insert){flex:2 280px}.feed-test{margin-top:16px}.feed-test .hint{margin-top:4px}.hint.problem{color:var(--danger)}.form-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.field>.label{color:var(--text);margin:0 0 6px;font-size:.8125rem;font-weight:550;display:block}.segmented{position:relative}.segmented label{height:100%;color:var(--text-2);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;margin:0;padding:0 10px;font-size:.8125rem;font-weight:500;display:flex}.segmented label+label{border-left:1px solid var(--border-strong)}.segmented label input{opacity:0;pointer-events:none;position:absolute;width:auto!important}.segmented label:has(input:checked){background:var(--accent-soft);color:var(--accent);font-weight:600}.segmented label:has(input:focus-visible){box-shadow:inset 0 0 0 2px var(--accent-ring)}.segmented label:has(input:disabled){opacity:.5;cursor:not-allowed}:is(form:has(input[name=kind][value=banner]:checked) [data-kind=listings],form:has(input[name=kind][value=listings]:checked) [data-kind=banner]){display:none}.cell-sub svg{vertical-align:-2px}.listings-editor .checks{flex-wrap:wrap;gap:16px;margin:12px 0;display:flex}.listings-editor .card-line{border:1px solid var(--border);border-radius:var(--radius);margin:8px 0;padding:10px}.listings-editor .card-line-head{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.8125rem;display:flex}.listings-editor .row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.listings-editor .row select,.listings-editor .row input{flex:120px;min-width:0}.listings-editor button.link{align-items:center;gap:4px;margin:4px 0;display:inline-flex}.swatches{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.swatch{border:1px solid var(--border-strong);width:22px;height:22px;box-shadow:none;cursor:pointer;border-radius:50%;padding:0}.swatch:hover{outline:2px solid var(--accent);outline-offset:1px}tr.row-link{cursor:pointer;position:relative}tr.row-link a.cell-main:after{content:"";position:absolute;inset:0}tr.row-link td.actions>*,tr.row-link .order-buttons{z-index:1;position:relative}tr.level-row td{background:var(--surface-2);letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);padding-top:7px;padding-bottom:7px;font-size:.6875rem;font-weight:600}:where(tbody tr.level-row:hover td){background:var(--surface-2)}.order-buttons{vertical-align:middle;gap:2px;display:inline-flex}td.actions .order-buttons+form,td.actions form+.order-buttons{margin-left:6px}td.actions>form{vertical-align:middle;display:inline-flex}.how-chosen{color:var(--text-2);align-items:flex-start;gap:8px;margin:0 0 20px;font-size:.8125rem;display:flex}.how-chosen svg{color:var(--text-3);flex:none;margin-top:2px}.copy-field{gap:8px;display:flex}.copy-field input{flex:1;min-width:0}.copy-field button{flex:none}.setup{margin:0;padding:0;list-style:none}.setup li{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:11px 0;display:flex}.setup li:last-child{border-bottom:0;padding-bottom:0}.setup li:first-child{padding-top:0}.setup .step{border:1px solid var(--border);width:26px;height:26px;color:var(--text-2);background:var(--surface);border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:600;display:grid}.setup li.done .step{background:var(--success-soft);border-color:var(--success-line);color:var(--success)}.setup .what{flex:1;min-width:0}.setup .what strong{font-weight:550;display:block}.setup li.done .what strong{color:var(--text-2);font-weight:500}.setup .what span{color:var(--text-3);margin-top:1px;font-size:.75rem;display:block}.setup-progress{color:var(--text-3);white-space:nowrap;font-size:.75rem}details.install summary{cursor:pointer;color:var(--text-2);margin-bottom:10px;font-size:.8125rem}details.install[open] summary{margin-bottom:12px}.preview-note.warn{color:var(--warning)}.audience-cell{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.audience-cell .badge,.who-panel .badge{margin-left:0}a.status-link:hover{text-decoration:none}a.status-link .badge{cursor:pointer}.app.ops .sidebar{background:#111827;border-right-color:#111827}.app.ops .brand,.app.ops .who strong{color:#f9fafb}.app.ops .nav-link{color:#d1d5db}.app.ops .nav-link svg,.app.ops .who span{color:#9ca3af}.app.ops .nav-link:hover{color:#fff;background:#1f2937}.app.ops .nav-link[aria-current=page]{color:#fff;background:#374151}.app.ops .nav-link[aria-current=page] svg{color:#fff}.app.ops .sidebar-foot{border-top-color:#374151}.totp-qr{flex-direction:column;align-items:center;gap:8px;margin:12px 0 16px;display:flex}.totp-qr img{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff}.totp-qr code{letter-spacing:.05em;color:var(--text-2)}.app.ops{background:linear-gradient(to right, #111827 calc(var(--sidebar-w) - 1px), #111827 0 var(--sidebar-w), transparent 0)}@media (max-width:880px){.app.ops{background:0 0}}.strip.danger{background:var(--danger-soft);color:var(--danger);border-bottom-color:var(--danger-line)}.strip.danger button.link{color:var(--danger);font-weight:600}.brand-sub{background:var(--surface-2);color:var(--text-2);border-radius:999px;margin-left:2px;padding:1px 6px;font-size:.6875rem;font-weight:600}.app.ops .brand-sub{color:#e5e7eb;background:#374151}