html body{font-family:var(--onui-font);font-size:var(--onui-font-size);color:var(--onui-text);background:var(--onui-background)}html .workspace,html .service-main,html .service-landing,html .subscription-shell{background:var(--onui-background)!important}html .onui-sidebar [data-slot=sidebar-inner],html .service-rail{background:var(--onui-sidebar)!important}html .nav-button[data-active=true],html .btn.primary{background:var(--onui-primary)!important;border-color:var(--onui-primary)!important}html .panel,html .project-card,html .metric,html .service-preview,html .landing-plan,html [data-slot=dialog-content],html [data-slot=alert-dialog-content]{background-color:var(--onui-surface);border-color:var(--onui-border);border-radius:var(--onui-radius)}html .main-area{max-width:var(--onui-content-width);padding-left:var(--onui-spacing);padding-right:var(--onui-spacing)}html .btn{font-size:calc(var(--onui-font-size) - 1px)}.nav-button{font-size:var(--onui-font-size)!important}.data-table{font-size:calc(var(--onui-font-size) - 2px)}input,textarea,select{font-family:var(--onui-font)}[data-design-text]{white-space:pre-line}.design-picking [data-design-text]{outline-offset:3px;cursor:crosshair;outline:1px dashed #7c3aed}.design-picking [data-design-text]:hover{color:#3b0764;background:#ede9fe;outline:2px solid #7c3aed}[data-design-tools]{color:#24344a!important;letter-spacing:normal!important;font:13px/1.5 system-ui,Malgun Gothic,sans-serif!important}[data-design-tools] button{font:inherit;color:#34465d;cursor:pointer;background:#fff;border:1px solid #dbe2eb;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:8px 11px;display:inline-flex}[data-design-tools] button:disabled{opacity:.5;cursor:wait}[data-design-tools] button:hover{background:#f4f1ff}[data-design-tools] .dev-primary{color:#fff;background:#6d28d9;border-color:#6d28d9}[data-design-tools] .dev-primary:hover{background:#5b21b6}[data-design-tools] input,[data-design-tools] textarea,[data-design-tools] select{color:#24344a;background:#fff;border:1px solid #dbe2eb;border-radius:6px;max-width:100%;padding:8px;font:13px system-ui,Malgun Gothic,sans-serif}[data-design-tools] input[type=checkbox]{accent-color:#6d28d9;width:15px;height:15px}[data-design-tools] input[type=color]{cursor:pointer;width:34px;height:32px;padding:2px}[data-design-tools] input[type=range]{accent-color:#6d28d9;padding:0}.developer-intro{background:#fff;border:1px solid #ddd6fe;border-radius:14px;flex-wrap:wrap;align-items:center;gap:20px;padding:28px;display:flex;box-shadow:0 5px 24px #45258306}.developer-icon{color:#6d28d9;background:#f0eaff;border-radius:16px;place-items:center;width:60px;height:60px;display:grid}.developer-intro h2{margin:3px 0 10px;font-size:21px;font-weight:750}.developer-intro p{color:#718096}.developer-intro>.dev-primary{margin-left:auto}.developer-kicker{letter-spacing:1.2px;color:#7c3aed;font-size:10px;font-weight:750}.developer-scope{border-top:1px solid #ece9f3;flex-wrap:wrap;gap:20px;width:100%;padding-top:20px;display:flex}.developer-scope span{align-items:center;gap:6px;display:flex}.developer-scope svg{color:#7c3aed}.developer-boundary{background:#f8f7fc;border-radius:7px;width:100%;padding:12px;font-size:12px}.developer-bar{z-index:110;background:#fff;border:1px solid #c4b5fd;border-radius:12px;align-items:center;gap:7px;width:max-content;max-width:calc(100% - 24px);padding:9px 12px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #30204930}.developer-bar>span{align-items:center;gap:7px;padding-right:8px;display:flex}.developer-bar small{color:#718096;font-size:10px}.developer-bar label{white-space:nowrap;align-items:center;gap:5px;display:flex}.developer-bar button{white-space:nowrap}.developer-bar button[aria-pressed=true]{color:#6d28d9;background:#ede9fe}.developer-panel{z-index:100;background:#fff;border:1px solid #ddd6fe;border-radius:13px;flex-direction:column;width:370px;max-width:calc(100% - 24px);display:flex;position:fixed;top:76px;bottom:88px;right:16px;overflow:hidden;box-shadow:0 12px 50px #18334b30}.developer-panel>header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:18px;display:flex}.developer-panel h2{font-size:19px;font-weight:750}.developer-panel>nav{border-bottom:1px solid #eee;flex-wrap:wrap;gap:4px;padding:9px 10px;display:flex}.developer-panel>nav button{border-color:#0000;padding:7px;font-size:11px}.developer-panel>nav button[aria-pressed=true]{color:#6d28d9;background:#ede9fe}.developer-body{flex:1;min-height:0;padding:16px;overflow:auto}.developer-body h3{margin:16px 0 12px;font-size:13px;font-weight:700}.developer-body>p{color:#718096;margin-bottom:12px;font-size:12px}.developer-status{background:#f4f1fc;border-radius:7px;min-height:44px;padding:10px}.developer-colors{grid-template-columns:1fr 1fr;gap:15px 12px;display:grid}.developer-colors label{font-size:12px}.developer-colors label span{align-items:center;gap:5px;margin-top:6px;display:flex}.developer-colors code{color:#8290a4;font-size:11px}.developer-field{flex-direction:column;gap:7px;margin:17px 0;font-size:12px;display:flex}.developer-field>span{align-items:center;gap:10px;display:flex}.developer-field output{color:#6d28d9;min-width:45px;font-size:11px}.developer-field input[type=range]{flex:1;min-width:0}.developer-field select{width:100%}.developer-field textarea{resize:vertical;min-height:80px}.developer-original{background:#f9f7ff;border-left:3px solid #c4b5fd;padding:8px 12px}.developer-original small{color:#8b819b;font-size:10px}.developer-original p{white-space:pre-line;margin-top:5px}.developer-reset{margin-top:12px;font-size:12px!important}.developer-panel footer{color:#8b819b;background:#faf9fc;border-top:1px solid #eee;padding:10px 16px;font-size:10px}.developer-history{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:8px;padding:14px 0;display:flex}.developer-history b{font-size:12px}.developer-history small{color:#8b95a4;font-size:10px;display:block}.developer-history button{font-size:11px}.developer-alert{color:#b4233d;background:#fff1f2;border:1px solid #fecdd3;border-radius:7px;padding:12px}.developer-alert button{margin:8px 6px 0 0;font-size:11px}.developer-pick-hint{z-index:105;pointer-events:none;background:#ede9fe;border:1px solid #c4b5fd;border-radius:8px;max-width:90vw;padding:10px 18px;position:fixed;top:12px;left:50%;transform:translate(-50%)}.developer-confirm-backdrop{z-index:130;background:#17263d60;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.developer-confirm-backdrop section{background:#fff;border-radius:14px;width:420px;max-width:100%;padding:24px;box-shadow:0 15px 55px #0002}.developer-confirm-backdrop h2{margin-bottom:12px;font-size:19px;font-weight:750}.developer-confirm-backdrop p{color:#718096}.developer-confirm-backdrop section>div{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.developer-error{z-index:120;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;max-width:90vw;padding:15px;position:fixed;bottom:80px;right:20px}.developer-error button{margin-left:10px}@media (max-width:767px){.main-area{padding-left:min(var(--onui-spacing),20px);padding-right:min(var(--onui-spacing),20px)}.developer-intro{padding:20px}.developer-intro>.dev-primary{margin-left:0}.developer-bar{flex-wrap:wrap;gap:5px;width:calc(100% - 16px);padding:8px;bottom:8px}.developer-bar>span{width:100%}.developer-bar button,.developer-bar label{font-size:11px}.developer-panel{top:64px;bottom:145px;right:12px}.developer-pick-hint{top:7px;font-size:11px!important}.developer-bar small{margin-left:auto}}@media print{[data-design-tools]{display:none!important}}.developer-body fieldset{border:0;min-width:0;margin:0;padding:0}.developer-body fieldset>p{color:#718096;margin-bottom:12px;font-size:12px}.developer-confirm{z-index:150;width:420px;max-width:calc(100vw - 32px);background:#fff!important;border:1px solid #ddd6fe!important;border-radius:14px!important;padding:24px!important}.developer-confirm-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.developer-confirm [data-slot=alert-dialog-title]{font-weight:750;font-size:19px!important}.developer-confirm [data-slot=alert-dialog-description]{color:#718096!important}