:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#070914;color:#eef3ff}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}a{color:inherit}.auth-app{position:relative;width:100%;height:100%}.shell{display:flex;flex-direction:column;width:100%;height:100%;background:#070914}.shell__bar{display:flex;align-items:center;gap:20px;height:48px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.1);background:#070914f5;flex-shrink:0}.shell__brand{text-decoration:none;font-size:14px;font-weight:800;letter-spacing:0}.shell__nav{display:flex;align-items:center;gap:4px;overflow-x:auto}.shell__nav-link{flex-shrink:0;padding:7px 10px;border-radius:8px;color:#eef3ffad;font-size:12px;font-weight:650;text-decoration:none}.shell__nav-link:hover,.shell__nav-link.active{background:#ffffff14;color:#eef3ff}.shell__content{min-height:0;flex:1}.designer-frame{position:relative;width:100%;height:100%;background:#050713}.designer-frame__status{position:absolute;right:12px;bottom:12px;z-index:2;display:flex;gap:10px;align-items:center;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#04060fd1;color:#eef3ffb8;font-size:11px;pointer-events:none}.designer-frame__status[data-ready=true]{color:#7ff0b2}.designer-frame__iframe{display:block;width:100%;height:100%;border:0;background:#050713}.smoke{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:14px;height:100%;padding:18px;overflow:auto;background:#0a0d16;color:#eef3ff}.smoke__header,.smoke__toolbar,.smoke__summary,.smoke__log{width:min(1280px,100%);margin:0 auto}.smoke__header{display:flex;align-items:end;justify-content:space-between;gap:18px}.smoke h1,.smoke h2,.smoke p{margin:0}.smoke h1{font-size:24px;letter-spacing:0}.smoke h2{font-size:13px;letter-spacing:0}.smoke p{max-width:760px;color:#eef3ffad;font-size:13px;line-height:1.5}.smoke button,.smoke input{height:34px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#ffffff0f;color:#eef3ff;font:inherit}.smoke button{padding:0 12px;cursor:pointer}.smoke button:hover:not(:disabled){border-color:#7de9b699;background:#7de9b61f}.smoke button:disabled{cursor:not-allowed;opacity:.5}.smoke__primary{min-width:132px;background:#2d6cdf;border-color:#7aa7ff}.smoke__toolbar{display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b}.smoke__field{display:grid;gap:5px;min-width:min(420px,100%);color:#eef3ffad;font-size:11px;font-weight:700}.smoke__field input{width:100%;padding:0 10px;color:#eef3ff}.smoke__summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.smoke__metric{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff0a}.smoke__metric span{display:block;color:#eef3ff94;font-size:11px;font-weight:700}.smoke__metric strong{display:block;margin-top:4px;overflow:hidden;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.smoke__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(1280px,100%);min-height:0;margin:0 auto}.smoke__output{display:grid;grid-template-rows:auto minmax(160px,1fr);min-height:220px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff0a;overflow:hidden}.smoke__output h2{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.smoke__output pre{margin:0;padding:12px;overflow:auto;color:#eef3ffd1;font-size:11px;line-height:1.45;white-space:pre-wrap}.smoke__log{display:grid;gap:4px;padding:10px 0;color:#eef3ffb8;font-size:12px}.smoke__log div[data-kind=success]{color:#7ff0b2}.smoke__log div[data-kind=error]{color:#ff8a8a}@media(max-width:900px){.smoke{padding:12px}.smoke__header{align-items:stretch;flex-direction:column}.smoke__summary,.smoke__grid{grid-template-columns:1fr}}
