:root{color-scheme:dark;--sx-bg: #0F1923;--sx-surface: #172030;--sx-surface-2: #1E2A3A;--sx-surface-3: #253347;--sx-primary: #F0EDE8;--sx-muted: #7A8FA8;--sx-border: rgba(255, 255, 255, .08);--sx-divider: rgba(255, 255, 255, .05);--sx-selected: rgba(255, 255, 255, .06);--sx-icon: #CBD5E1;color:var(--sx-primary);background:var(--sx-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--sx-bg);color:var(--sx-primary);transition:background-color .2s ease,color .2s ease,border-color .2s ease}.auth-mode{display:grid;place-items:center}.developer-shell{min-height:100vh;padding:36px;background:var(--sx-bg)}.header{max-width:760px}.eyebrow{margin:0 0 8px;color:#cbd5e1;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:2.5rem}.header p{color:var(--sx-muted);line-height:1.6}.login-panel{display:grid;width:min(100%,430px);gap:13px;border:1px solid var(--sx-border);border-radius:16px;background:var(--sx-surface);padding:24px;box-shadow:0 4px 24px #00000059}label{display:grid;gap:6px;color:var(--sx-primary);font-size:13px;font-weight:800}input{width:100%;min-height:42px;border:1px solid var(--sx-border);border-radius:10px;background:var(--sx-surface-2);color:var(--sx-primary);padding:9px 11px}button{min-height:42px;border:1px solid var(--sx-border);border-radius:10px;background:var(--sx-primary);color:#0f1923;padding:0 14px;font-weight:900;cursor:pointer}.message{margin:0;border:1px solid var(--sx-border);border-radius:12px;background:var(--sx-surface-2);padding:10px 12px;color:var(--sx-muted)}.developer-session{display:inline-flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px;border:1px solid var(--sx-border);border-radius:999px;background:var(--sx-surface);padding:6px 8px 6px 14px}.developer-session span{color:var(--sx-primary);font-weight:800}.developer-session button{min-height:32px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:30px}.status-card{border:1px solid var(--sx-border);border-radius:16px;background:var(--sx-surface);box-shadow:0 4px 24px #00000059;padding:18px;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.status-card span{color:var(--sx-icon);font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.status-card h2{margin:10px 0 8px;font-size:1rem}.status-card p{margin:0;color:var(--sx-muted);font-size:.92rem;line-height:1.5}.status-card.compact{min-height:132px}@media(max-width:700px){.developer-shell{padding:24px 18px}}.developer-shell{min-width:0;max-width:100vw;overflow-x:hidden}.header{position:sticky;top:0;z-index:10;max-width:none;padding:0 0 18px;background:linear-gradient(180deg,var(--sx-bg) 72%,rgba(15,25,35,0))}.developer-session{max-width:100%}.developer-session span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.developer-shell{padding:22px 14px}.header{padding-bottom:14px}.developer-session{display:grid;grid-template-columns:minmax(0,1fr) auto;border-radius:18px}}.developer-session{border-radius:22px}.developer-session button{background:#f0ede8;color:#0f1923}.developer-live-panel{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(280px,1.3fr);gap:14px;margin-top:24px}.live-card,.log-card{min-height:170px}.sparkline{display:flex;align-items:end;gap:4px;min-height:62px;margin-top:18px;border:1px solid var(--sx-border);border-radius:14px;background:var(--sx-surface-2);padding:10px}.sparkline i{flex:1;min-width:5px;border-radius:999px 999px 4px 4px;background:#22c55e;height:28px}.sparkline i:nth-child(2n){height:38px}.sparkline i:nth-child(3n){height:48px}.sparkline i.warn{background:#f59e0b}.log-card pre{overflow:auto;max-height:160px;margin:12px 0 0;border:1px solid var(--sx-border);border-radius:12px;background:#0b1220;color:#d1e7ff;padding:12px;font-size:12px;line-height:1.55;white-space:pre-wrap}@media(max-width:760px){.developer-live-panel{grid-template-columns:1fr}.developer-session{display:grid;grid-template-columns:1fr 1fr;border-radius:18px}.developer-session span{grid-column:1 / -1}}.developer-shell{padding:clamp(22px,4vw,40px)!important}.header,.status-card,.developer-live-panel,.developer-url-panel,.developer-action-grid,.log-card pre{min-width:0!important}.status-card,.status-card p,.status-card h2,.status-card span,.log-card pre,.developer-message{overflow-wrap:anywhere!important;word-break:normal!important}.developer-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:22px}.developer-action-grid a,.developer-action-grid button,.developer-action-grid span{display:grid;place-items:center;min-height:44px;border:1px solid var(--sx-border);border-radius:14px;background:var(--sx-surface);color:var(--sx-primary);padding:10px 12px;font-weight:900;text-decoration:none;text-align:center}.developer-action-grid button{cursor:pointer}.developer-message{margin:10px 0 0;border:1px solid var(--sx-border);border-radius:14px;background:var(--sx-surface-2);padding:10px 12px;color:var(--sx-muted)}.developer-url-panel{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(240px,.8fr);gap:14px;margin-top:16px}.developer-url-panel dl,.developer-url-panel ul{display:grid;gap:8px;margin:12px 0 0;padding:0}.developer-url-panel div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;align-items:start}.developer-url-panel dt,.developer-url-panel li{color:var(--sx-icon);font-weight:900}.developer-url-panel dd{min-width:0;margin:0;color:var(--sx-muted);overflow-wrap:anywhere}.developer-url-panel ul{list-style:none}.log-card pre{max-width:100%;white-space:pre-wrap}@media(max-width:760px){.developer-url-panel{grid-template-columns:1fr}.developer-action-grid{grid-template-columns:1fr 1fr}}:root[data-developer-theme=light]{color-scheme:light;--sx-bg: #F5F2EE;--sx-surface: #FFFFFF;--sx-surface-2: #F0EDE8;--sx-surface-3: #E7E1D8;--sx-primary: #10233E;--sx-muted: #6B7E99;--sx-border: rgba(16,35,62,.12);--sx-divider: rgba(16,35,62,.08);--sx-selected: rgba(16,35,62,.07);--sx-icon: #516985}:root[data-developer-theme=dark]{color-scheme:dark;--sx-bg: #0F1923;--sx-surface: #172030;--sx-surface-2: #1E2A3A;--sx-surface-3: #253347;--sx-primary: #F0EDE8;--sx-muted: #93A4B8;--sx-border: rgba(255,255,255,.1);--sx-divider: rgba(255,255,255,.07);--sx-selected: rgba(255,255,255,.08);--sx-icon: #CBD5E1}.developer-shell,.header,.developer-session,.status-card,.developer-url-panel,.developer-action-grid,.log-card pre{min-width:0!important}.developer-shell{max-width:100vw;overflow-x:hidden}.developer-session{border-radius:22px!important;display:flex!important;align-items:center!important;gap:8px!important}.developer-theme-switch{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--sx-border);border-radius:999px;background:var(--sx-surface-2)}.developer-theme-switch button{min-height:28px!important;border-radius:999px!important;padding:0 10px!important;background:transparent!important;color:var(--sx-primary)!important;border:0!important}.developer-theme-switch button.selected{background:var(--sx-primary)!important;color:var(--sx-bg)!important}.status-card,.status-card p,.status-card h2,.status-card span,.developer-url-panel dd,.log-card pre,.developer-message{overflow-wrap:anywhere!important;word-break:normal!important}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}.developer-action-grid a,.developer-action-grid button,.developer-action-grid span{min-width:0;overflow-wrap:anywhere}@media(max-width:760px){.developer-session{display:grid!important;grid-template-columns:1fr!important;border-radius:18px!important}.developer-theme-switch{width:100%;justify-content:stretch}.developer-theme-switch button{flex:1}}.dev-shell,.dev-page,.dev-card,.diagnostic-card,.status-card,.runtime-card{box-sizing:border-box!important;min-width:0!important;overflow:hidden!important}.dev-card,.diagnostic-card,.status-card,.runtime-card{border-radius:18px!important;padding:20px!important}.dev-grid,.diagnostics-grid,.system-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:16px!important}.dev-page p,.dev-page span,.dev-page strong,.dev-page small,.dev-page code,.dev-page pre,.dev-page button,.dev-page a{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important;white-space:normal!important}.dev-page pre,.dev-page code{display:block!important;overflow-x:auto!important;white-space:pre-wrap!important}.dev-actions,.dev-action-bar{display:flex!important;flex-wrap:wrap!important;gap:10px!important}.theme-switch,.theme-segment{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.developer-shell,.developer-shell *{box-sizing:border-box}.developer-shell{min-width:0;max-width:100vw;overflow-x:hidden;background:radial-gradient(circle at 0% 0%,rgba(221,197,150,.16),transparent 30%),var(--sx-bg);color:var(--sx-primary)}.developer-shell .header{position:sticky;top:0;z-index:10;display:grid;gap:8px;min-width:0;padding:0 0 18px;background:linear-gradient(180deg,var(--sx-bg) 78%,color-mix(in srgb,var(--sx-bg) 0%,transparent))}.developer-shell .header h1,.developer-shell .header p,.developer-shell .developer-session,.developer-shell .status-card,.developer-shell .developer-action-grid,.developer-shell .developer-live-panel,.developer-shell .developer-url-panel,.developer-shell .grid{min-width:0;max-width:100%}.developer-shell .developer-session{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;width:100%;border:1px solid var(--sx-border);border-radius:22px!important;background:var(--sx-surface);padding:8px}.developer-shell .developer-session>span{min-width:180px;flex:1 1 180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.developer-shell .developer-session>button,.developer-shell .developer-action-grid button,.developer-shell .developer-action-grid a,.developer-shell .developer-action-grid span{min-height:40px;border:1px solid var(--sx-border);border-radius:13px;background:var(--sx-surface-2)!important;color:var(--sx-primary)!important;padding:0 12px;font-weight:850;text-decoration:none}.developer-shell .developer-theme-switch{display:flex;flex-wrap:nowrap;gap:4px;border:1px solid var(--sx-border);border-radius:999px;background:var(--sx-surface-2);padding:4px}.developer-shell .developer-theme-switch button{min-width:0;min-height:30px!important;border-radius:999px!important;background:transparent!important;color:var(--sx-primary)!important;border:0!important;padding:0 10px!important}.developer-shell .developer-theme-switch button.selected{background:var(--sx-primary)!important;color:var(--sx-bg)!important}.developer-shell .developer-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:18px}.developer-shell .developer-action-grid a,.developer-shell .developer-action-grid button,.developer-shell .developer-action-grid span{display:grid;place-items:center;width:100%;min-width:0;text-align:center;white-space:normal;overflow-wrap:break-word;word-break:normal;padding:10px 12px}.developer-shell .developer-live-panel,.developer-shell .developer-url-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.developer-shell .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:14px;margin-top:18px}.developer-shell .status-card{display:grid;align-content:start;gap:8px;border:1px solid var(--sx-border);border-radius:20px!important;background:var(--sx-surface);box-shadow:0 14px 36px #0000001f;padding:18px!important;overflow:hidden!important}html[data-developer-theme=dark] .developer-shell .status-card{box-shadow:0 18px 42px #00000057}.developer-shell .status-card span,.developer-shell .status-card h2,.developer-shell .status-card p,.developer-shell .developer-message,.developer-shell .developer-url-panel dt,.developer-shell .developer-url-panel dd,.developer-shell .developer-url-panel li{min-width:0;max-width:100%;white-space:normal;word-break:normal}.developer-shell .status-card span,.developer-shell .developer-url-panel dd,.developer-shell .log-card pre,.developer-shell .developer-message{overflow-wrap:anywhere}.developer-shell .status-card h2{margin:0;line-height:1.2}.developer-shell .status-card p{margin:0;color:var(--sx-muted);line-height:1.48}.developer-shell .sparkline{display:flex;align-items:end;gap:4px;min-height:68px;border:1px solid var(--sx-border);border-radius:16px;background:var(--sx-surface-2);padding:10px}.developer-shell .sparkline i{flex:1 1 6px;min-width:4px;border-radius:999px 999px 4px 4px}.developer-shell .log-card pre{max-width:100%;max-height:220px;overflow:auto;white-space:pre-wrap;border:1px solid var(--sx-border);border-radius:14px;background:#0b1220;color:#d1e7ff;padding:12px;font-size:12px;line-height:1.55}.developer-shell .developer-url-panel dl,.developer-shell .developer-url-panel ul{display:grid;gap:8px;padding:0;margin:4px 0 0}.developer-shell .developer-url-panel div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px}.developer-shell .developer-url-panel dt,.developer-shell .developer-url-panel li{color:var(--sx-icon);font-weight:900}.developer-shell .developer-url-panel dd{margin:0;color:var(--sx-muted)}.developer-shell .developer-url-panel ul{list-style:none}.developer-shell .developer-message{margin-top:10px;border:1px solid var(--sx-border);border-radius:14px;background:var(--sx-surface-2);color:var(--sx-muted);padding:10px 12px}@media(max-width:780px){.developer-shell{padding:20px 14px!important}.developer-shell .developer-live-panel,.developer-shell .developer-url-panel{grid-template-columns:1fr}.developer-shell .developer-session{display:grid!important;grid-template-columns:1fr!important}.developer-shell .developer-theme-switch{width:100%}.developer-shell .developer-theme-switch button{flex:1}}.developer-shell .developer-mail-test-form{display:grid;gap:10px;margin-top:14px}.developer-shell .developer-mail-test-form label{display:grid;gap:6px;color:var(--sx-muted)}.developer-shell .developer-mail-test-form input{width:100%;min-height:40px;border:1px solid var(--sx-border);border-radius:10px;background:var(--sx-surface-2);color:var(--sx-primary);padding:9px 10px}.developer-shell .developer-seo-preview{width:min(100%,420px);aspect-ratio:1.91 / 1;object-fit:cover;border:1px solid var(--sx-border);border-radius:10px}.developer-shell .developer-mail-test-form p{margin:0;color:var(--sx-muted)}.developer-shell .developer-table-tabs,.developer-shell .developer-maintenance-actions{display:flex;flex-wrap:wrap;gap:8px}.developer-shell .developer-table-tabs button,.developer-shell .developer-maintenance-actions button{min-height:34px;border:1px solid var(--sx-border);border-radius:999px;background:var(--sx-surface-2);color:var(--sx-primary);padding:0 11px}.developer-shell .developer-table-tabs button.selected{background:var(--sx-primary);color:var(--sx-bg)}.developer-shell .developer-table-card{min-height:260px}
