@font-face{font-family:Sora;src:url(/assets/Sora-Variable-Bqpd64dN.ttf)format("truetype");font-weight:100 800;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/assets/IBMPlexMono-Regular-C5_jWxVG.ttf)format("truetype");font-weight:400;font-display:swap}:root{--nine-cobalt:#2e4fe8;--nine-cobalt-hover:#233fc4;--nine-ink:#142b29;--nine-mint:#afe8d4;--nine-mist:#eef3f1;--nine-white:#fff;--nine-text-muted:#526762;--nine-border:#cad5d1;--nine-success:#246b50;--nine-error:#a7343c;--nine-font:"Sora", "Avenir Next", ui-sans-serif, system-ui, sans-serif;--nine-mono:"IBM Plex Mono", ui-monospace, monospace;--nine-radius-control:8px;--nine-radius-panel:20px;--nine-focus:0 0 0 3px var(--nine-white), 0 0 0 6px var(--nine-cobalt);--font:var(--nine-font);--mono:var(--nine-mono);--cobalt:#2e4fe8;--cobalt-hover:#233fc4;--ink:#142b29;--mint:#afe8d4;--mist:#eef3f1;--bg:#fff;--bg-subtle:var(--mist);--surface:#fff;--surface-2:#f6f9f8;--surface-hover:#f1f5f3;--sidebar-bg:var(--mist);--border:#dde5e2;--border-strong:#cad5d1;--text:var(--ink);--text-2:#2c4340;--muted:#526762;--faint:#7d8f8a;--primary:var(--cobalt);--primary-hover:var(--cobalt-hover);--primary-soft:#e8edfd;--primary-soft-text:#233fc4;--accent:var(--mint);--accent-text:var(--ink);--ring:#2e4fe847;--success:#246b50;--success-soft:#e3f3ec;--warning:#8a5a00;--warning-soft:#fdf3dd;--danger:#a7343c;--danger-soft:#f9e7e8;--info:#233fc4;--info-soft:#e8edfd;--chart-1:#2e4fe8;--chart-2:#2e8f74;--chart-3:#c27a12;--chart-4:#a7343c;--chart-5:#142b29;--shadow-xs:0 1px 2px #142b290d;--shadow-sm:0 1px 3px #142b2914, 0 1px 2px #142b290a;--shadow-md:0 8px 24px -8px #142b2929, 0 2px 6px #142b290d;--shadow-lg:0 24px 48px -16px #142b293d;--radius-sm:6px;--radius:8px;--radius-lg:20px;--radius-md:12px;--sidebar:256px;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0f2220;--bg-subtle:#18322f;--surface:#142b29;--surface-2:#17302d;--surface-hover:#1c3834;--sidebar-bg:#0f2220;--border:#23403c;--border-strong:#2f504b;--text:#eef3f1;--text-2:#cfdcd8;--muted:#9fb3ad;--faint:#6f8781;--primary:#4566f0;--primary-hover:#5b79f3;--primary-soft:#4566f033;--primary-soft-text:#c3cffb;--accent:var(--mint);--accent-text:var(--ink);--ring:#afe8d459;--success:#7fd4b0;--success-soft:#7fd4b01f;--warning:#f2c46b;--warning-soft:#f2c46b1f;--danger:#f09aa0;--danger-soft:#f09aa01f;--info:#aebdfa;--info-soft:#aebdfa1f;--chart-1:#6d88f5;--chart-2:#afe8d4;--chart-3:#f2c46b;--chart-4:#f09aa0;--chart-5:#cfdcd8;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006;--shadow-md:0 8px 24px -8px #00000080;--shadow-lg:0 24px 48px -16px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;font-weight:400;line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}:root[data-theme=dark] a{color:var(--mint)}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--text);margin:0;font-weight:600;line-height:1.15}h1{font-size:28px}h2{letter-spacing:-.01em;font-size:16px}h3{letter-spacing:-.005em;font-size:14px}p{margin:0}code,.mono{font-family:var(--mono);font-size:.9em}:not(pre)>code{background:var(--bg-subtle);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-size:12.5px}hr{border:0;border-top:1px solid var(--border);margin:16px 0}::selection{background:var(--mint);color:var(--ink)}:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--primary);outline:none}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:12.5px}.tiny{font-size:11.5px}.strong{font-weight:600}.nowrap{white-space:nowrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.right{text-align:right}.grow{flex:1;min-width:0}.hidden{display:none!important}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.nowrap{flex-wrap:nowrap}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.row.top{align-items:flex-start}.stack{flex-direction:column;gap:16px;display:flex}.stack.tight{gap:8px}.stack.loose{gap:24px}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.span-2{grid-column:span 2}@media (width<=1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.span-2{grid-column:auto}}.app{grid-template-columns:var(--sidebar) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);flex-direction:column;height:100vh;padding:18px 14px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.brandmark{color:var(--text);align-items:center;gap:10px;padding:2px 8px 18px;font-size:15px;font-weight:600;display:flex}.brandmark .wordmark{width:auto;height:30px;display:block}:root[data-theme=dark] .wordmark.on-light,:root:not([data-theme=dark]) .wordmark.on-dark{display:none}.brandmark:hover{text-decoration:none}.logo-tile{border-radius:8px;flex:none;width:30px;height:30px;display:block}.logo-tile.lg{border-radius:11px;width:44px;height:44px}.switcher{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;color:var(--text);font:inherit;align-items:center;gap:10px;margin-bottom:8px;padding:8px 10px;display:flex}.switcher:hover{border-color:var(--border-strong);background:var(--surface-hover)}.tenant-avatar{color:#fff;border-radius:7px;flex:none;place-items:center;width:26px;height:26px;font-size:12px;font-weight:600;display:grid}.env-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:2px;margin-bottom:16px;padding:3px;display:grid}.env-toggle button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:5px 6px;font-size:12px;font-weight:500;display:flex}.env-toggle button.active{background:var(--ink);color:#fff}:root[data-theme=dark] .env-toggle button.active{background:var(--mint);color:var(--ink)}.env-toggle button.active.sandbox{background:var(--warning-soft);color:var(--warning);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--warning) 30%, transparent)}.dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.nav-group{margin-bottom:14px}.nav-label{color:var(--muted);padding:0 10px 6px;font-size:12px;font-weight:500}.nav-link{color:var(--text-2);border-radius:8px;align-items:center;gap:10px;padding:7px 10px;font-size:13.5px;font-weight:500;display:flex}.nav-link svg{width:16px;height:16px;color:var(--muted);flex:none}.nav-link:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.nav-link.active{background:var(--primary);color:#fff;font-weight:500}.nav-link.active svg,:root[data-theme=dark] .nav-link.active{color:#fff}.nav-link .badge{margin-left:auto}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:2px;margin-top:auto;padding-top:12px;display:flex}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);align-items:center;gap:12px;height:56px;padding:0 28px;display:flex;position:sticky;top:0}.crumbs{color:var(--muted);align-items:center;gap:6px;min-width:0;font-size:13px;display:flex}.crumbs a{color:var(--muted)}.crumbs strong{color:var(--text);font-weight:600}.crumbs svg{width:14px;height:14px;color:var(--faint)}.search-trigger{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:240px;height:34px;color:var(--faint);cursor:pointer;font:inherit;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:flex}.search-trigger:hover{border-color:var(--border-strong)}.search-trigger svg{width:15px;height:15px}.kbd{font-family:var(--font);border:1px solid var(--border);background:var(--bg-subtle);color:var(--muted);border-radius:5px;margin-left:auto;padding:1px 6px;font-size:11px}.icon-btn{border-radius:var(--radius);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn svg{width:17px;height:17px}.avatar{width:32px;height:32px;color:var(--ink);background:var(--mint);border-radius:50%;flex:none;place-items:center;font-size:12.5px;font-weight:600;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.sm{width:26px;height:26px;font-size:11px}.avatar.lg{width:56px;height:56px;font-size:20px}.content{width:100%;max-width:1240px;margin:0 auto;padding:28px 28px 120px}.content.wide{max-width:none}.sandbox-banner{background:var(--warning-soft);color:var(--warning);border-bottom:1px solid color-mix(in srgb, var(--warning) 25%, transparent);justify-content:center;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;font-weight:500;display:flex}@media (width<=900px){.app{grid-template-columns:1fr}.sidebar{z-index:60;width:280px;box-shadow:var(--shadow-lg);transition:transform .2s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:none}.topbar{padding:0 16px}.content{padding:20px 16px 100px}.search-trigger{min-width:0}.search-trigger span{display:none}}.mobile-only{display:none}@media (width<=900px){.mobile-only{display:grid}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header .eyebrow{color:var(--primary);letter-spacing:0;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.page-header p{color:var(--muted);max-width:720px;margin-top:6px}.page-header .actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.section-title{justify-content:space-between;align-items:baseline;gap:12px;margin:8px 0 12px;display:flex}.section-title h2{font-size:15px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 0;display:flex}.card-header p{color:var(--muted);margin-top:4px;font-size:13px}.card-body{padding:18px 20px 20px}.card-footer{border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--radius-lg) var(--radius-lg);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;font-size:13px;display:flex}.card.interactive{cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.card.interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card.selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.card.flat{box-shadow:none}.card.danger{border-color:color-mix(in srgb, var(--danger) 30%, var(--border))}.card-grid-item{flex-direction:column;gap:10px;padding:16px;display:flex}.divided>*+*{border-top:1px solid var(--border)}.list-row{align-items:center;gap:14px;padding:14px 20px;display:flex}.list-row:hover{background:var(--surface-2)}.btn{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);height:34px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-xs);justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13.5px;font-weight:500;transition:background .12s,border-color .12s,box-shadow .12s,color .12s;display:inline-flex}.btn:hover{background:var(--surface-hover);text-decoration:none}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn svg{flex:none;width:15px;height:15px}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:none}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-gradient{background:var(--primary);border-color:var(--primary);color:#fff}.btn-gradient:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-ghost{box-shadow:none;color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-hover)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(.94);background:var(--danger)}.btn-danger-outline{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, var(--border))}.btn-danger-outline:hover{background:var(--danger-soft)}.btn-soft-primary{background:var(--primary-soft);color:var(--primary);box-shadow:none;border-color:#0000}.btn-soft-primary:hover{background:color-mix(in srgb, var(--primary-soft) 70%, var(--primary) 12%)}.btn-sm{border-radius:7px;height:28px;padding:0 10px;font-size:12.5px}.btn-lg{border-radius:11px;height:42px;padding:0 20px;font-size:14.5px}.btn-block{width:100%}.btn-icon{width:34px;padding:0}.btn-sm.btn-icon{width:28px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>.label{color:var(--text);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.field>.hint{color:var(--muted);font-size:12.5px}.field>.error-text{color:var(--danger);font-size:12.5px}.optional{color:var(--faint);font-size:12px;font-weight:450}.input,.select,.textarea{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);width:100%;height:36px;color:var(--text);font:inherit;box-shadow:var(--shadow-xs);padding:0 11px;font-size:13.5px;transition:border-color .12s,box-shadow .12s}.textarea{resize:vertical;height:auto;min-height:80px;padding:9px 11px;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--faint)}.input:hover,.select:hover,.textarea:hover{border-color:color-mix(in srgb, var(--border-strong) 60%, var(--muted))}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);outline:none}.input:disabled,.input[readonly]{background:var(--surface-2);color:var(--text-2)}.input.mono,.textarea.mono{font-family:var(--mono);font-size:12.5px}.input.invalid{border-color:var(--danger)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239a9cad' stroke-width='2' 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:32px}.select-trigger{text-align:start;cursor:pointer;color:var(--text);align-items:center;gap:8px;display:flex}.select-trigger:disabled{cursor:not-allowed;opacity:.6}.select-trigger>svg{width:15px;height:15px;color:var(--muted);flex:none}.select-trigger .value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.select-trigger .value.placeholder{color:var(--faint)}.select-trigger[aria-expanded=true]{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.select-pop{z-index:300;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:12px;flex-direction:column;padding:5px;animation:.12s pop;display:flex;position:fixed;overflow:hidden}.select-search{border-bottom:1px solid var(--border);align-items:center;gap:6px;margin:0 0 4px;padding:0 8px;display:flex}.select-search svg{width:14px;height:14px;color:var(--faint);flex:none}.select-search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:8px 0 9px;font-size:13.5px}.select-list{overscroll-behavior:contain;min-height:0;overflow-y:auto}.select-option{cursor:pointer;border-radius:8px;align-items:flex-start;gap:8px;padding:7px 10px;font-size:13.5px;display:flex}.select-option>svg:first-child{width:15px;height:15px;color:var(--muted);flex:none;margin-top:2px}.select-option.active{background:var(--surface-2)}.select-option[aria-selected=true]{font-weight:600}.select-option[aria-selected=true] .option-label{color:var(--primary)}.select-option.disabled{opacity:.45;cursor:not-allowed}.select-option .option-label{overflow-wrap:anywhere;display:block}.select-option .option-desc{color:var(--muted);margin-top:1px;font-size:12px;font-weight:400;display:block}.select-option .option-check{width:15px;height:15px;color:var(--primary);flex:none;margin-top:2px}.select-empty{color:var(--muted);padding:10px;font-size:13px}.select-option.multi[aria-selected=true]{font-weight:400}.select-option.multi[aria-selected=true] .option-label{color:var(--text);font-weight:560}.option-box{border:1.5px solid var(--border-strong);background:var(--surface);border-radius:4px;flex:none;place-items:center;width:16px;height:16px;margin-top:1px;display:grid}.option-box.on{background:var(--primary);border-color:var(--primary);color:#fff}.option-box svg{width:12px;height:12px}.flag{flex:none;font-size:16px;line-height:1.2}.country-chips{flex-wrap:wrap;gap:6px;display:flex}.country-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 9px;font-size:13px;display:inline-flex}.country-chip .code{color:var(--muted);font-family:var(--mono);font-size:12px}.country-chip .more{color:var(--muted);font-size:12px}.country-chip button{color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:2px;display:inline-flex}.country-chip button:hover{color:var(--danger);background:var(--danger-soft)}.country-chip button svg{width:13px;height:13px}.input-group{align-items:stretch;display:flex}.input-group .input{border-radius:0}.input-group>:first-child{border-radius:var(--radius) 0 0 9px}.input-group>:last-child{border-radius:0 9px 9px 0}.input-group>*+*{margin-left:-1px}.addon{background:var(--surface-2);border:1px solid var(--border-strong);color:var(--muted);white-space:nowrap;align-items:center;padding:0 10px;font-size:13px;display:flex}.duration-input .input{font-variant-numeric:tabular-nums;flex:auto;min-width:56px}.duration-input .select{background-color:var(--surface-2);flex:none;width:auto;min-width:104px}.input-wrap{position:relative}.input-wrap>svg{width:15px;height:15px;color:var(--faint);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.input-wrap>.input{padding-left:32px}.switch-row{justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0;display:flex}.switch-row+.switch-row{border-top:1px solid var(--border)}.switch-row .text{min-width:0}.switch-row.clickable .text{cursor:pointer;-webkit-user-select:none;user-select:none}.switch-row.clickable:hover .switch:not(:disabled){box-shadow:0 0 0 3px var(--ring)}.switch-row .title{align-items:center;gap:8px;font-weight:500;display:flex}.switch-row .desc{color:var(--muted);margin-top:2px;font-size:13px}.switch{background:var(--border-strong);cursor:pointer;border:0;border-radius:999px;flex:none;width:36px;height:20px;padding:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s cubic-bezier(.3,.7,.4,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.switch[aria-checked=true]{background:var(--primary)}.switch[aria-checked=true]:after{transform:translate(16px)}.switch:disabled{opacity:.5;cursor:not-allowed}.check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13.5px;display:inline-flex}.check input{width:16px;height:16px;accent-color:var(--primary);margin:0}.checks{flex-wrap:wrap;gap:8px 18px;display:flex}.chip-input{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);min-height:36px;box-shadow:var(--shadow-xs);flex-wrap:wrap;gap:6px;padding:5px;display:flex}.chip-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.chip-input input{min-width:160px;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:2px 6px;font-size:13px}.chip{background:var(--bg-subtle);border:1px solid var(--border);font-size:12.5px;font-family:var(--mono);border-radius:6px;align-items:center;gap:4px;max-width:100%;padding:2px 4px 2px 8px;display:inline-flex}.chip button{color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:1px;display:grid}.chip button:hover{color:var(--danger);background:var(--danger-soft)}.chip button svg{width:12px;height:12px}.segmented{border-radius:var(--radius);background:var(--bg-subtle);border:1px solid var(--border);gap:2px;padding:3px;display:inline-flex}.segmented button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.segmented button svg{width:14px;height:14px}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.color-input{align-items:center;gap:8px;display:flex}.color-input input[type=color]{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;width:36px;height:36px;padding:3px}.badge{background:var(--bg-subtle);height:22px;color:var(--text-2);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 8px;font-size:11.5px;font-weight:600;display:inline-flex}.badge svg{width:12px;height:12px}.badge.success{background:var(--success-soft);color:var(--success);border-color:color-mix(in srgb, var(--success) 22%, transparent)}.badge.warning{background:var(--warning-soft);color:var(--warning);border-color:color-mix(in srgb, var(--warning) 22%, transparent)}.badge.danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 22%, transparent)}.badge.info{background:var(--info-soft);color:var(--info);border-color:color-mix(in srgb, var(--info) 22%, transparent)}.badge.brand{background:var(--primary-soft);color:var(--primary-soft-text);border-color:color-mix(in srgb, var(--primary) 22%, transparent)}.badge.mono{font-family:var(--mono);font-weight:500}.callout{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);gap:12px;padding:12px 14px;font-size:13.5px;display:flex}.callout>svg{flex:none;width:18px;height:18px;margin-top:1px}.callout .title{margin-bottom:2px;font-weight:600}.callout.info{background:var(--info-soft);border-color:color-mix(in srgb, var(--info) 22%, transparent)}.callout.info>svg{color:var(--info)}.callout.success{background:var(--success-soft);border-color:color-mix(in srgb, var(--success) 22%, transparent)}.callout.success>svg{color:var(--success)}.callout.warning{background:var(--warning-soft);border-color:color-mix(in srgb, var(--warning) 25%, transparent)}.callout.warning>svg{color:var(--warning)}.callout.danger{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 25%, transparent)}.callout.danger>svg{color:var(--danger)}.callout pre{white-space:pre-wrap;font-family:var(--mono);margin:6px 0 0;font-size:12px}.table-wrap{overflow-x:auto}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:13.5px}.table th{text-align:left;letter-spacing:0;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 16px;font-size:11.5px;font-weight:600}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px}.table tr:last-child td{border-bottom:0}.table tbody tr.clickable{cursor:pointer}.table tbody tr.clickable:hover td{background:var(--surface-2)}.table th:first-child{border-top-left-radius:var(--radius-lg)}.table th:last-child{border-top-right-radius:var(--radius-lg)}.cell-user{align-items:center;gap:10px;min-width:0;display:flex}.cell-user .name{font-weight:500}.tabs{border-bottom:1px solid var(--border);gap:2px;margin-bottom:20px;display:flex;overflow-x:auto}.tabs button,.tabs a{font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:9px 12px;font-size:13.5px;font-weight:500;display:inline-flex}.tabs button svg,.tabs a svg{width:15px;height:15px}.tabs button:hover,.tabs a:hover{color:var(--text);text-decoration:none}.tabs .active{color:var(--text);border-bottom-color:var(--primary)}.stat{flex-direction:column;gap:6px;padding:18px 20px;display:flex}.stat .label{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:520;display:flex}.stat .label svg{width:15px;height:15px}.stat .value{letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:600}.stat .delta{align-items:center;gap:3px;font-size:12.5px;font-weight:600;display:inline-flex}.stat .delta.up{color:var(--success)}.stat .delta.down{color:var(--danger)}.meter{background:var(--bg-subtle);border:1px solid var(--border);border-radius:999px;height:8px;overflow:hidden}.meter>div{background:var(--primary);border-radius:999px;height:100%;transition:width .4s}.meter.warning>div{background:var(--warning)}.meter.danger>div{background:var(--danger)}.chart{width:100%;display:block;overflow:visible}.chart .grid-line{stroke:var(--border);stroke-dasharray:3 4}.chart .axis{fill:var(--faint);font-size:11px;font-family:var(--font)}.chart-legend{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:12.5px;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.chart-legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.chart-tooltip{pointer-events:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:5;min-width:140px;padding:8px 10px;font-size:12px;position:absolute}.chart-tooltip .row{flex-wrap:nowrap;justify-content:space-between;gap:6px}.overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#142b2973;place-items:center;padding:20px;animation:.15s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.985)}}@keyframes slide{0%{opacity:0;transform:translate(24px)}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(560px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);animation:.18s cubic-bezier(.3,.7,.4,1) pop;overflow:auto}.modal.lg{width:min(820px,100%)}.modal.xl{width:min(1080px,100%)}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 0;display:flex}.modal-header p{color:var(--muted);margin-top:4px;font-size:13.5px}.modal-body{padding:18px 22px}.modal-footer{border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--radius-lg) var(--radius-lg);justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.drawer-overlay{place-items:stretch end;padding:0}.drawer{background:var(--surface);border-left:1px solid var(--border);width:min(560px,100vw);height:100vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.2s slide;display:flex;overflow:auto}.drawer .modal-body{flex:1}.menu{z-index:80;background:var(--surface);border:1px solid var(--border);min-width:220px;box-shadow:var(--shadow-lg);border-radius:12px;padding:6px;animation:.12s pop;position:absolute}.menu-item{width:100%;font:inherit;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;display:flex}.menu-item:hover,.menu-item.active{background:var(--surface-hover);text-decoration:none}.menu-item svg{width:15px;height:15px;color:var(--muted)}.menu-item.danger,.menu-item.danger svg{color:var(--danger)}.menu-sep{background:var(--border);height:1px;margin:6px -6px}.menu-label{letter-spacing:0;color:var(--faint);padding:6px 10px 4px;font-size:11px;font-weight:600}.toasts{z-index:200;flex-direction:column;gap:8px;max-width:min(420px,100vw - 40px);display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;animation:.2s pop;display:flex}.toast svg{flex:none;width:18px;height:18px;margin-top:1px}.toast.success svg{color:var(--success)}.toast.error svg{color:var(--danger)}.toast .grow{white-space:pre-wrap}.savebar{left:calc(var(--sidebar) + 50%);transform:translateX(calc(-50% - var(--sidebar) / 2));z-index:50;background:var(--ink);color:#fff;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;padding:8px 8px 8px 16px;font-size:13.5px;animation:.2s pop;display:flex;position:fixed;bottom:20px;box-shadow:0 16px 40px -10px #142b2973}.savebar svg{width:16px;height:16px;color:var(--mint)}.savebar .btn-ghost{color:#d8e3df}.savebar .btn-ghost:hover{background:#ffffff14}@media (width<=900px){.savebar{left:50%;transform:translate(-50%)}}.palette{align-self:start;width:min(620px,100%);margin-top:12vh}.palette-input{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.palette-input input{font:inherit;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:15px}.palette-input svg{width:18px;height:18px;color:var(--faint)}.palette-list{max-height:50vh;padding:6px;overflow:auto}.empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:48px 24px;display:flex}.empty .icon{background:var(--mint);width:48px;height:48px;color:var(--ink);border-radius:14px;place-items:center;margin-bottom:4px;display:grid}.empty .icon svg{width:22px;height:22px}.empty p{color:var(--muted);max-width:420px}.skeleton{background:linear-gradient(90deg, var(--bg-subtle), var(--surface-hover), var(--bg-subtle));background-size:200% 100%;border-radius:8px;animation:1.3s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.code-block{background:var(--ink);color:#fff;border:1px solid #ffffff0f;border-radius:14px;position:relative;overflow:hidden}.code-block .code-head{color:var(--mint);border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;padding:6px 8px 6px 16px;font-size:12px;display:flex}.code-block pre{font-family:var(--mono);margin:0;padding:16px 18px;font-size:12.5px;line-height:1.7;overflow-x:auto}.code-block .btn-ghost{color:#d8e3df}.code-block .btn-ghost:hover{color:#fff;background:#ffffff14}.tok-k{color:var(--mint)}.tok-s{color:#d7dfa9}.tok-c{color:#a8bbb5}.tok-n{color:#f2c46b}.copy-field{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:6px;min-width:0;height:36px;padding:0 4px 0 11px;display:flex}.copy-field code,.copy-field span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--mono);color:var(--text-2);background:0 0;border:0;flex:1;padding:0;font-size:12.5px;overflow:hidden}.kv{grid-template-columns:180px minmax(0,1fr);gap:10px 16px;font-size:13.5px;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0}@media (width<=760px){.kv{grid-template-columns:1fr;gap:2px 0}.kv dd{margin-bottom:8px}}.steps{flex-direction:column;display:flex}.step{align-items:center;gap:14px;padding:13px 0;display:flex}.step+.step{border-top:1px dashed var(--border)}.step .num{border:1.5px solid var(--border-strong);width:28px;height:28px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:12.5px;font-weight:600;display:grid}.step.done .num{background:var(--success);border-color:var(--success);color:#fff}.step.done .num svg{width:14px;height:14px}.step.done .title{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong)}.step .title{font-weight:500}.type-card{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;font:inherit;color:inherit;border-radius:12px;flex-direction:column;gap:8px;padding:16px;transition:all .12s;display:flex}.type-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.type-card.selected{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px var(--ring)}.type-card .ico{background:var(--bg-subtle);width:36px;height:36px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.type-card.selected .ico{background:var(--surface)}.type-card .ico svg{width:18px;height:18px}.type-card .name{font-weight:600}.type-card .desc{color:var(--muted);font-size:12.5px}.app-icon{color:#fff;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}.app-icon svg{width:19px;height:19px}.app-icon img{object-fit:cover;border-radius:11px;width:100%;height:100%}.provider-logo{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.provider-logo svg{width:20px;height:20px}.dropzone{border:1.5px dashed var(--border-strong);text-align:center;color:var(--muted);background:var(--surface-2);cursor:pointer;border-radius:12px;padding:22px;transition:all .12s}.dropzone:hover,.dropzone.over{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-soft-text)}.timeline{padding-left:26px;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:6px;bottom:6px;left:9px}.timeline-item{padding:8px 0 14px;position:relative}.timeline-item .marker{background:var(--surface);border:2px solid var(--border-strong);border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:9px;left:-26px}.timeline-item .marker svg{width:10px;height:10px}.timeline-item.success .marker{border-color:var(--success);color:var(--success)}.timeline-item.danger .marker{border-color:var(--danger);color:var(--danger)}.timeline-item.brand .marker{border-color:var(--primary);color:var(--primary)}.preview-viewport{background:#fff;position:relative;overflow:hidden}.preview-outer{width:100%}.preview-outer.fill{height:100%;min-height:0}.preview-outer.fill .device-frame{flex-direction:column;height:100%;display:flex}.preview-outer.fill .preview-viewport{flex:1;min-height:0}.preview-frame{transform-origin:0 0;background:#fff;border:0;display:block;position:absolute;top:0;left:0}.browser-chrome .zoom{color:var(--faint,var(--muted));font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.device-frame{border:1px solid var(--border);box-shadow:var(--shadow-md);background:#fff;border-radius:14px;margin:0 auto;transition:width .25s;overflow:hidden}.browser-chrome{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 12px;display:flex}.browser-chrome .dots{gap:6px;display:flex}.browser-chrome .dots i{background:var(--border-strong);border-radius:50%;width:10px;height:10px;display:block}.browser-chrome .url{text-align:center;color:var(--muted);background:var(--surface);border:1px solid var(--border);font-size:12px;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;flex:1;padding:3px 10px;overflow:hidden}.editor-layout{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:220px minmax(0,1fr) minmax(0,1fr);height:calc(100vh - 206px);min-height:560px;display:grid;overflow:hidden}.editor-files{border-right:1px solid var(--border);background:var(--surface-2);padding:8px;overflow:auto}.editor-files button{width:100%;font:inherit;color:var(--text-2);cursor:pointer;text-align:left;font-size:12.5px;font-family:var(--mono);background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:6px 8px;display:flex}.editor-files button svg{width:14px;height:14px;color:var(--faint);flex:none}.editor-files button:hover{background:var(--surface-hover)}.editor-files button.active{background:var(--primary-soft);color:var(--primary-soft-text)}.editor-files .modified{background:var(--warning);border-radius:50%;width:6px;height:6px;margin-left:auto}.editor-code{border-right:1px solid var(--border);flex-direction:column;min-width:0;display:flex;overflow:hidden}.editor-code .cm-editor{height:100%;font-size:12.5px}.editor-code .cm-scroller{font-family:var(--mono)}.editor-preview{background:var(--bg-subtle);flex-direction:column;min-width:0;display:flex;overflow:auto}@media (width<=1100px){.editor-layout{grid-template-columns:1fr;height:auto}.editor-code{height:480px}.editor-files{max-height:160px}}.swatches{gap:6px;display:flex}.swatches i{border:1px solid #00000014;border-radius:5px;width:18px;height:18px;display:block}.theme-thumb{background:var(--bg-subtle);border-bottom:1px solid var(--border);border-radius:10px 10px 0 0;height:150px;position:relative;overflow:hidden}.theme-thumb iframe{transform-origin:0 0;pointer-events:none;border:0;width:1280px;height:900px;transform:scale(.24)}.plan-card{flex-direction:column;gap:14px;padding:22px;display:flex;position:relative}.plan-card.current{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.plan-card .price{letter-spacing:-.03em;font-size:32px;font-weight:600}.plan-card .price small{color:var(--muted);letter-spacing:0;font-size:13px;font-weight:500}.plan-card ul{flex-direction:column;gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.plan-card li{align-items:flex-start;gap:8px;display:flex}.plan-card li svg{width:15px;height:15px;color:var(--success);flex:none;margin-top:2px}.plan-ribbon{position:absolute;top:-11px;left:22px}.auth-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;display:grid}.auth-aside{background:var(--primary);color:#fff;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.auth-aside>*{position:relative}.auth-aside h2{color:#fff;letter-spacing:-.03em;max-width:520px;font-size:40px;font-weight:600;line-height:1.08}.auth-aside p{color:#ffffffd1;max-width:460px;margin-top:16px;font-size:16px}.auth-aside ul{flex-direction:column;gap:12px;margin:28px 0 0;padding:0;list-style:none;display:flex}.auth-aside li{color:#fff;align-items:center;gap:10px;display:flex}.auth-aside li svg{width:18px;height:18px;color:var(--mint)}.auth-aside .aside-nine{width:340px;height:auto;color:var(--mint);pointer-events:none;position:absolute;bottom:-60px;right:-40px}.auth-form{background:var(--surface);place-items:center;padding:40px 24px;display:grid}.auth-form .inner{flex-direction:column;gap:18px;width:min(380px,100%);display:flex}@media (width<=900px){.auth-page{grid-template-columns:1fr}.auth-aside{display:none}}.onboard{background:var(--bg);min-height:100vh}.onboard-top{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.onboard-body{max-width:1040px;margin:0 auto;padding:40px 24px 80px}.tenant-card{flex-direction:column;gap:14px;padding:18px;display:flex}.hero-card{color:#fff;background:var(--primary);border-radius:var(--radius-lg);border:0;padding:24px;position:relative;overflow:hidden}.hero-card>*{position:relative}.hero-card h2{color:#fff}.hero-card p{color:#ffffffd1}.hero-card .btn{border-color:#ffffff4d}.hero-nine{width:150px;height:auto;color:var(--mint);pointer-events:none;position:absolute;bottom:-34px;right:-18px}.endpoint-list{flex-direction:column;gap:10px;display:flex}.endpoint-list .item{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:12px;font-size:13px;display:grid}@media (width<=760px){.endpoint-list .item{grid-template-columns:1fr;gap:4px}}.status-dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.status-dot.live{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.status-dot.warn{background:var(--warning);box-shadow:0 0 0 3px var(--warning-soft)}.status-dot.off{background:var(--faint)}.status-dot.bad{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.split{grid-template-columns:260px minmax(0,1fr);gap:28px;padding:22px 0;display:grid}.split+.split{border-top:1px solid var(--border)}.split>.info h3{margin-bottom:4px}.split>.info p{color:var(--muted);font-size:13px}@media (width<=900px){.split{grid-template-columns:1fr;gap:12px}}.tr-row td{vertical-align:top}.tr-key{font-family:var(--mono);color:var(--muted);word-break:break-all;font-size:12px}.tr-default{color:var(--text-2);font-size:13px}.grid-main{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);align-items:start;gap:16px;display:grid}.grid-side{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}@media (width<=1100px){.grid-main,.grid-side{grid-template-columns:1fr}}.logo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.logo-card{border:1.5px solid var(--border);background:var(--surface);text-align:left;font:inherit;color:inherit;border-radius:12px;flex-direction:column;gap:8px;min-width:0;padding:10px;display:flex}.logo-card.selectable{cursor:pointer}.logo-card.selectable:hover{border-color:var(--border-strong)}.logo-card.used{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.img-tile{border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;background-color:#fff;background-image:linear-gradient(45deg,#eef3f1 25%,#0000 25%),linear-gradient(-45deg,#eef3f1 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eef3f1 75%),linear-gradient(-45deg,#0000 75%,#eef3f1 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;place-items:center;padding:8px;display:grid;overflow:hidden}.img-tile.dark{background-color:#142b29;background-image:linear-gradient(45deg,#1c3834 25%,#0000 25%),linear-gradient(-45deg,#1c3834 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1c3834 75%),linear-gradient(-45deg,#0000 75%,#1c3834 75%)}.img-tile img{object-fit:contain;max-width:100%;max-height:100%}.logo-grid .dropzone{place-items:center;padding:10px;display:grid}.grid-theme{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:16px;display:grid}.grid-translate{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=1100px){.grid-theme,.grid-translate{grid-template-columns:minmax(0,1fr)}.grid-translate>.stack{position:static!important}}.wordmark{align-self:flex-start;width:auto}.source-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.source-option{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;text-align:left;border-radius:8px;padding:10px 12px;font-size:13.5px;font-weight:560;transition:border-color .12s,background .12s}.source-option:hover{border-color:var(--border-strong)}.source-option.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-soft-text)}.progress{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.progress>span{background:var(--primary);height:100%;transition:width .2s;display:block}.lang-options{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 12px;display:grid}.lang-picker{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lang-picker .chip{background:var(--primary-soft);color:var(--text);border:0;border-radius:999px;align-items:center;gap:4px;padding:4px 6px 4px 10px;font-family:inherit;font-size:13px;font-weight:520;display:inline-flex}.lang-picker .chip button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:2px;display:inline-flex}.lang-picker .chip button:hover{color:var(--text);background:var(--surface)}.lang-picker .chip svg{width:13px;height:13px}.lang-add{min-width:200px}.allowed-scripts{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:10px 12px;display:flex}.allowed-script{align-items:baseline;gap:6px;display:inline-flex}.main:has(>.content.workspace){height:100vh}html:has(.content.workspace){overflow:hidden}.content.workspace{flex-direction:column;flex:1;min-height:0;padding-bottom:16px;display:flex}.content.workspace>.page-header{margin-bottom:16px}.theme-workspace{flex:1;grid-template-columns:minmax(0,1fr) 400px;gap:16px;min-height:480px;display:grid}.theme-canvas{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.theme-canvas-frame{flex:1;min-height:0}.theme-inspector{background:var(--surface);border:1px solid var(--border);min-height:0;box-shadow:var(--shadow-xs);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.inspector-tabs{flex:none;margin:0;padding:0 10px}.inspector-tabs .badge{margin-inline-start:2px}.inspector-body{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding:14px 14px 88px;overflow-y:auto}.inspector-empty{border:1px dashed var(--border-strong);background:var(--surface-2);border-radius:12px;align-items:flex-start;gap:12px;padding:14px;display:flex}.inspector-empty>svg{width:20px;height:20px;color:var(--primary);flex:none;margin-top:1px}.inspector-selected{border:1px solid color-mix(in srgb, var(--primary) 40%, var(--border));background:color-mix(in srgb, var(--primary-soft) 45%, var(--surface));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 8%, transparent);border-radius:12px;padding:12px 14px 14px}.inspector-path{flex-wrap:wrap;align-items:center;gap:2px;margin:-4px -6px 8px;font-size:12px;display:flex}.inspector-path svg{width:12px;height:12px;color:var(--faint)}.inspector-path button{font:inherit;color:var(--muted);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:6px;max-width:180px;padding:3px 6px;overflow:hidden}.inspector-path button:hover{background:var(--surface);color:var(--text)}.inspector-path button.active{color:var(--primary);background:var(--surface);font-weight:650}.inspector-selected-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.inspector-kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--primary);font-size:11px;font-weight:650}.inspector-title{overflow-wrap:anywhere;font-size:15px;font-weight:650}.inspector-section-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;margin:20px 2px 10px;font-size:12px;font-weight:650;display:flex}.inspector-section-title .faint{text-transform:none;letter-spacing:0;font-weight:500}.option-row.selected{box-shadow:inset 3px 0 0 var(--primary);border-radius:4px;margin-inline-start:-12px;padding-inline-start:10px}.selected-dot{background:var(--primary);border-radius:50%;width:7px;height:7px;display:inline-block}@media (width<=1100px){.main:has(>.content.workspace){height:auto}html:has(.content.workspace){overflow:visible}.content.workspace{display:block}.theme-workspace{grid-template-columns:minmax(0,1fr)}.theme-canvas-frame{flex:none;height:70vh}.inspector-body{overflow:visible}}.option-row.flash{border-radius:8px;animation:1.6s ease-out tr-flash}.option-reset{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:560;display:inline-flex}.option-reset svg{width:12px;height:12px}.option-row.changed{border-inline-start:2px solid var(--primary);margin-inline-start:-12px;padding-inline-start:10px}.message-row{border:0;width:100%;color:var(--text);font:inherit;text-align:start;cursor:pointer;background:0 0;border-inline-start:2px solid #0000;align-items:flex-start;gap:12px;padding:12px 18px;display:flex}.message-row:hover{background:var(--surface-2)}.message-row.active{background:var(--primary-soft);border-inline-start-color:var(--primary)}.message-row>svg{width:17px;height:17px;color:var(--muted);flex:none;margin-top:2px}.message-row.active>svg{color:var(--primary)}.plain-list{color:var(--text-2);gap:6px;margin:0;padding-inline-start:18px;display:grid}@keyframes tr-flash{0%{background:var(--primary-soft)}to{background:0 0}}.tr-row.flash td{animation:1.6s ease-out tr-flash}.tr-section td{background:var(--surface-2);letter-spacing:.02em;color:var(--muted);z-index:1;padding:6px 14px;font-size:12px;font-weight:600;position:sticky;top:0}.tr-placeholder{background:var(--primary-soft);color:var(--primary-soft-text);border-radius:5px;padding:1px 5px;font-size:11px}
