/* GlowAuth 2026 visual system: playful, premium, fast and accessible. */
:root{
  color-scheme:dark;
  --ga-bg:#0a0b13;
  --ga-surface:#121522;
  --ga-surface-2:#171a2a;
  --ga-surface-3:#1d2033;
  --ga-line:rgba(190,190,255,.13);
  --ga-line-strong:rgba(190,190,255,.25);
  --ga-text:#f6f5ff;
  --ga-muted:#b0b2c8;
  --ga-dim:#8287a2;
  --ga-purple:#ad96ff;
  --ga-purple-strong:#886bff;
  --ga-blue:#79c8ff;
  --ga-mint:#80e3c1;
  --ga-peach:#ffc69c;
  --ga-danger:#ff8fa7;
  --ga-radius-sm:13px;
  --ga-radius-md:20px;
  --ga-radius-lg:28px;
  --ga-ease:cubic-bezier(.2,.75,.25,1);
  --ga-shadow:0 24px 68px rgba(0,0,0,.27);
}
html{scroll-behavior:smooth;scroll-padding-top:100px;background:var(--ga-bg)}
body{color:var(--ga-text);background-color:var(--ga-bg);background-image:radial-gradient(ellipse at 8% -7%,rgba(137,104,255,.19),transparent 34%),radial-gradient(ellipse at 92% 12%,rgba(67,170,255,.13),transparent 27%),radial-gradient(ellipse at 52% 105%,rgba(90,69,174,.11),transparent 38%),linear-gradient(180deg,#0c0d17 0%,#0a0b13 55%,#0b0c15 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.15;background-image:radial-gradient(rgba(210,204,255,.7) .65px,transparent .8px);background-size:27px 27px;mask-image:linear-gradient(180deg,#000,transparent 78%)}
body:after{content:"";position:fixed;z-index:0;pointer-events:none;width:290px;height:290px;right:-180px;top:35%;border:1px solid rgba(173,150,255,.11);border-radius:42% 58% 63% 37% / 42% 35% 65% 58%;box-shadow:0 0 0 26px rgba(173,150,255,.018),0 0 0 55px rgba(121,200,255,.014);transform:rotate(22deg)}
.screen,#dashboardView,.dashboard-shell,.dashboard-section,.login-wrap,.credits-wrap{position:relative;z-index:1}
button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent }
button{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ga-blue)!important;outline-offset:3px!important}
::selection{background:rgba(173,150,255,.42);color:#fff}
img,svg,canvas,video{max-width:100%}
/* Public sign-in: rounded display card paired with a calm, high-contrast auth surface. */
#loginView .login-wrap{width:min(1260px,calc(100% - 44px));min-height:100vh;align-items:center;gap:clamp(24px,4vw,58px);padding:clamp(22px,5vh,58px) 0;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr)}
#loginView .login-showcase{position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:clamp(24px,3.5vw,44px);border:1px solid rgba(190,178,255,.18);border-radius:32px;background:linear-gradient(145deg,rgba(22,24,42,.96),rgba(14,15,27,.97));box-shadow:var(--ga-shadow),inset 0 1px 0 rgba(255,255,255,.055)}
#loginView .login-showcase:before{content:"";position:absolute;z-index:-1;pointer-events:none;width:340px;height:340px;right:-128px;top:-150px;border:1px solid rgba(173,150,255,.18);border-radius:42% 58% 62% 38% / 45% 35% 65% 55%;box-shadow:0 0 0 22px rgba(173,150,255,.03),0 0 0 48px rgba(121,200,255,.025),inset 0 0 45px rgba(121,200,255,.035);transform:rotate(17deg)}
#loginView .login-showcase:after{content:"✦";position:absolute;top:clamp(25px,4vw,48px);right:clamp(27px,4vw,50px);color:rgba(255,210,148,.9);font-size:1.2rem;text-shadow:0 0 22px rgba(255,198,156,.35);transform:rotate(12deg)}
#loginView .brand-row{position:relative;gap:13px;margin-bottom:clamp(38px,8vh,90px)}
#loginView .brand-logo{width:51px;height:51px;border:1px solid rgba(255,255,255,.17);border-radius:17px;box-shadow:0 10px 30px rgba(0,0,0,.25),0 0 28px rgba(141,112,255,.17)}
#loginView .brand-row strong{font-size:1.05rem;letter-spacing:-.04em}
#loginView .brand-row span{color:var(--ga-muted);font-size:.69rem}
#loginView .showcase-copy{margin-top:0}
#loginView .showcase-copy .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(173,150,255,.22);border-radius:999px;color:#d1c5ff;background:rgba(143,111,255,.09);font-size:.64rem;letter-spacing:.14em}
#loginView .showcase-copy .eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ga-mint);box-shadow:0 0 12px rgba(128,227,193,.65)}
#loginView .showcase-copy h1{max-width:660px;margin:20px 0 16px;font-size:clamp(2.65rem,5.5vw,5.25rem);line-height:.99;letter-spacing:-.075em;text-wrap:balance}
#loginView .showcase-copy h1 span{color:var(--ga-purple);text-shadow:0 8px 36px rgba(141,107,255,.17)}
#loginView .showcase-copy p{max-width:48ch;color:#b8bad0;font-size:clamp(.92rem,1.3vw,1.05rem);line-height:1.8}
#loginView .mini-features{gap:10px;margin-top:clamp(25px,5vh,50px)}
#loginView .mini-features>div{min-width:0;padding:14px 13px;border:1px solid rgba(190,190,255,.1);border-radius:16px;background:rgba(255,255,255,.025);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
#loginView .mini-features b{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border:1px solid rgba(173,150,255,.2);border-radius:10px;color:#d3c7ff;background:rgba(143,111,255,.12);font-size:.64rem}
#loginView .mini-features strong{color:#f0efff;font-size:.75rem;font-weight:800}
#loginView .mini-features small{color:#9fa2bc;font-size:.66rem;line-height:1.5}
#loginView .login-card{position:relative;isolation:isolate;overflow:hidden;width:min(100%,450px);min-height:0;padding:clamp(24px,3.2vw,38px);border:1px solid rgba(196,190,255,.2);border-radius:30px;background:linear-gradient(155deg,rgba(25,27,46,.98),rgba(14,15,26,.99));box-shadow:0 28px 78px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07)}
#loginView .login-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--ga-purple),var(--ga-blue),var(--ga-mint));opacity:.85}
#loginView .card-badge{border:1px solid rgba(128,227,193,.15);border-radius:999px;background:rgba(128,227,193,.055);color:#b8f3de;letter-spacing:.04em}
#loginView .card-badge i{background:var(--ga-mint);box-shadow:0 0 14px rgba(128,227,193,.65)}
#loginView .login-logo{width:66px;height:66px;border-radius:21px;border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 30px rgba(0,0,0,.25)}
#loginView .login-heading h2{font-size:clamp(1.8rem,3vw,2.25rem);letter-spacing:-.06em}
#loginView .login-heading p{color:var(--ga-muted)}
#loginView .google-button,#loginView .github-button{position:relative;min-height:52px;border-radius:15px;font-size:.79rem;transition:transform .18s var(--ga-ease),border-color .18s var(--ga-ease),background .18s var(--ga-ease),box-shadow .18s var(--ga-ease)}
#loginView .google-button{border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 24px rgba(0,0,0,.13)}
#loginView .github-button{border:1px solid rgba(190,190,255,.17);background:rgba(255,255,255,.045)}
#loginView .auth-divider{color:#8589a3}
#loginView .login-note{color:#999db6;line-height:1.75}
#loginView .login-credits-link{color:#c5b7ff;text-underline-offset:3px}
/* The main application shell and navigation. */
.dashboard-shell{width:min(1450px,calc(100% - clamp(22px,4.4vw,72px)))!important;padding:clamp(13px,2.5vw,30px) 0 110px!important}
.dashboard-header,.topbar{border:1px solid rgba(190,190,255,.15)!important;border-radius:23px!important;background:linear-gradient(125deg,rgba(22,24,40,.96),rgba(13,14,25,.96))!important;box-shadow:0 15px 44px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.045)!important}
.dashboard-header .brand-logo-frame{border:1px solid rgba(190,190,255,.24)!important;border-radius:16px!important;background:#10121e!important;box-shadow:0 8px 26px rgba(111,91,255,.12)!important}
.dashboard-header .brand-copy strong{letter-spacing:-.045em}
.dashboard-header .brand-copy strong em{color:var(--ga-purple)!important}
.dashboard-header .brand-copy .brand-kicker{color:#a3a6c0!important;letter-spacing:.14em}
.dashboard-header .status{border-color:rgba(128,227,193,.19)!important;border-radius:13px!important;background:rgba(128,227,193,.06)!important}
.dashboard-header .status strong{color:#d9f8eb}
.dashboard-header .status i{background:var(--ga-mint)!important;box-shadow:0 0 12px rgba(128,227,193,.4)!important}
.dashboard-header .profile{border-color:rgba(190,190,255,.13)!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important}
.shop-header-button,.logout-btn,.mobile-tabs-toggle{min-height:44px!important;border-radius:14px!important}
.shop-header-button{border-color:rgba(173,150,255,.3)!important;color:#e7dfff!important;background:linear-gradient(135deg,rgba(151,120,255,.22),rgba(99,168,255,.1))!important;box-shadow:inset 0 1px rgba(255,255,255,.055)}
.shop-header-button>span{color:#ffe0a9!important}
.dashboard-nav{border:1px solid rgba(190,190,255,.14)!important;border-radius:20px!important;background:rgba(14,15,26,.94)!important;box-shadow:0 12px 32px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025)!important;gap:7px!important}
.dashboard-nav .dashboard-tab{position:relative;min-height:55px!important;border:1px solid transparent!important;border-radius:14px!important;transition:transform .16s var(--ga-ease),background .16s var(--ga-ease),border-color .16s var(--ga-ease)!important}
.dashboard-nav .dashboard-tab .tab-icon{border:1px solid rgba(173,150,255,.16)!important;border-radius:11px!important;color:#c7bcff!important;background:rgba(147,122,255,.09)!important}
.dashboard-nav .dashboard-tab strong{color:#edecff!important;font-size:.68rem!important}
.dashboard-nav .dashboard-tab small{color:#9297b3!important}
.dashboard-nav .dashboard-tab.is-active{border-color:rgba(173,150,255,.3)!important;background:linear-gradient(120deg,rgba(143,111,255,.19),rgba(92,164,255,.08))!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 6px 18px rgba(102,83,219,.08)!important}
.dashboard-nav .dashboard-tab.is-active:after{background:linear-gradient(90deg,var(--ga-purple),var(--ga-blue))!important;box-shadow:0 0 12px rgba(173,150,255,.4)}
.dashboard-nav .dashboard-tab.is-active .tab-icon{background:linear-gradient(140deg,rgba(173,150,255,.24),rgba(121,200,255,.12))!important;border-color:rgba(173,150,255,.26)!important}
.dashboard-section:not(.hidden){animation:ga-soft-enter .22s var(--ga-ease) both}
@keyframes ga-soft-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
/* Consistent panels, cards, stats and empty/loading states. */
.card,.panel-editor-card,.panel-preview-card,.saved-panels-card,.key-manager-card,.files-card,.dashboard-home-card,.execution-stat-card,.api-stat-card,.api-projects-card,.api-tokens-list-card,.api-docs-card,.controls-summary-card,.controls-settings-card,.controls-warning,.docs-hero,.docs-topic,.docs-note,.obf-choice-card,.result-card,.quick-info-card{border-color:rgba(190,190,255,.14)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(22,24,41,.95),rgba(15,16,28,.96))!important;box-shadow:0 15px 42px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.025)!important}
.dashboard-overview-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(173,150,255,.19)!important;border-radius:28px!important;background:linear-gradient(120deg,rgba(31,27,57,.95),rgba(18,24,43,.97) 58%,rgba(16,24,36,.97))!important;box-shadow:0 21px 55px rgba(0,0,0,.21),inset 0 1px rgba(255,255,255,.06)!important}
.dashboard-overview-hero:after{content:"";position:absolute;z-index:-1;right:-55px;top:-90px;width:280px;height:280px;border-radius:42% 58% 60% 40% / 44% 39% 61% 56%;border:1px solid rgba(173,150,255,.2);box-shadow:0 0 0 19px rgba(173,150,255,.025),0 0 0 43px rgba(121,200,255,.018);transform:rotate(18deg);pointer-events:none}
.dashboard-overview-copy h1,.builder-heading h1{letter-spacing:-.07em!important;text-wrap:balance}
.dashboard-overview-copy h1 span,.builder-heading h1 span{color:var(--ga-purple)!important}
.execution-stat-card{position:relative;overflow:hidden;transition:transform .18s var(--ga-ease),border-color .18s var(--ga-ease)!important}
.execution-stat-card:before,.api-stats-grid>article:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,rgba(173,150,255,.65),transparent);opacity:.75}
.execution-stat-card strong,.api-stats-grid strong{letter-spacing:-.055em!important}
.dashboard-home-card-heading h2,.panel-card-heading h2,.files-head h2,.docs-topic h2{letter-spacing:-.04em!important}
.dashboard-section .eyebrow,.dashboard-section-kicker,.dashboard-overview-eyebrow,.dashboard-overview-note,.execution-history-badge,.editor-state,.limit-pill,.live-pill,.key-workspace-secure,.api-plan-badge{letter-spacing:.075em}
.panel-editor-card,.panel-preview-card,.saved-panels-card,.key-manager-card{padding:clamp(15px,2vw,24px)!important}
.panel-card-heading{gap:14px!important;border-color:rgba(190,190,255,.1)!important}
.panel-form-section{border-color:rgba(190,190,255,.09)!important}
.panel-form-section-title>span{border-radius:11px!important;background:rgba(173,150,255,.13)!important;color:#d3c7ff!important}
.panel-preview-stage{border:1px solid rgba(173,150,255,.13)!important;border-radius:18px!important;background:radial-gradient(ellipse at 20% 0%,rgba(143,111,255,.09),transparent 45%),#0d0e19!important}
.published-panel-preview{border:1px solid rgba(173,150,255,.15)!important;border-radius:16px!important}
/* Inputs, buttons, selects and editor surfaces. */
button,.primary-btn,.secondary-btn,.logout-btn,.builder-publish,.copy-id-btn,.file-row-actions a,.file-row-actions button,.saved-panel-actions button,.panel-loader-box button,.published-link-row button,.published-link-row a,.api-endpoint-line button,.shop-dialog-footer button{font-family:inherit;touch-action:manipulation}
.primary-btn,.builder-publish{min-height:45px!important;border:1px solid rgba(190,174,255,.37)!important;border-radius:14px!important;background:linear-gradient(115deg,#9d83ff 0%,#806cff 56%,#6fafff 100%)!important;box-shadow:0 9px 25px rgba(117,91,255,.19),inset 0 1px rgba(255,255,255,.23)!important;color:white!important;font-weight:850!important;transition:transform .16s var(--ga-ease),filter .16s var(--ga-ease),box-shadow .16s var(--ga-ease)!important}
.secondary-btn,.copy-id-btn,.file-row-actions a,.file-row-actions button,.saved-panel-actions button,.panel-loader-box button,.published-link-row button,.published-link-row a,.api-endpoint-line button{min-height:42px!important;border:1px solid rgba(190,190,255,.16)!important;border-radius:13px!important;background:rgba(255,255,255,.045)!important;color:#dedff5!important;transition:transform .16s var(--ga-ease),border-color .16s var(--ga-ease),background .16s var(--ga-ease)!important}
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea{border-color:rgba(190,190,255,.16)!important;border-radius:13px!important;background-color:rgba(8,9,17,.72)!important;color:#f6f5ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02);transition:border-color .16s var(--ga-ease),box-shadow .16s var(--ga-ease)!important}
input::placeholder,textarea::placeholder{color:#787e9b!important;opacity:1}
input:focus,select:focus,textarea:focus{border-color:rgba(173,150,255,.66)!important;box-shadow:0 0 0 3px rgba(143,111,255,.11)!important;outline:none}
input[type=checkbox],input[type=radio]{accent-color:#a38aff}
.search-box,.slug-input,.accent-picker,.panel-field .slug-input{border-radius:13px!important}
.panel-field>span:first-child,.panel-field>label,.panel-source-modal-title h2{color:#ecebff}
.field-hint,.panel-field small{color:#969bb6!important;line-height:1.6}
.obf-switch span{box-shadow:inset 0 0 0 1px rgba(190,190,255,.22)}
/* Library rows, API lists, table-like data and code blocks. */
.file-row,.saved-panel-item,.api-project-item,.api-token-item,.generated-key-item,.panel-key-item,.script-control-item,.key-item,.docs-toc a,.docs-subsection{border-color:rgba(190,190,255,.12)!important;border-radius:15px!important;background:rgba(255,255,255,.022)!important;transition:background .16s var(--ga-ease),border-color .16s var(--ga-ease)!important}
.file-row-actions button,.saved-panel-actions button{min-width:0}
.type-badge,.api-mini-mark,.panel-loader-box,.api-endpoint-line,.api-code,.source-editor-content,.panel-source-editor-wrap{border-radius:14px!important}
.api-code,.api-code code,.api-endpoint-line code,.panel-source-editor-wrap textarea,.panel-script-input,pre,code{overflow-wrap:anywhere}
.empty-state,.api-list-empty,.docs-empty,.key-generator-empty,.panel-keys-empty,.saved-panels-empty{border:1px dashed rgba(190,190,255,.2)!important;border-radius:18px!important;background:rgba(173,150,255,.025)!important;color:#a9aec6!important}
/* Modal dialogs, shop, source editor, premium preview and toast notifications. */
.shop-modal-backdrop,.premium-bg-preview-modal:before,.panel-source-modal:before{background:rgba(5,6,12,.79)!important}
.shop-dialog,.premium-bg-preview-dialog,.panel-source-dialog{border:1px solid rgba(190,190,255,.2)!important;border-radius:25px!important;background:linear-gradient(145deg,#191b2c,#10111d)!important;box-shadow:0 30px 90px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.055)!important}
.shop-dialog-header,.premium-bg-preview-header,.panel-source-modal-head{border-color:rgba(190,190,255,.11)!important}
.shop-plan-card,.shop-style-card,.shop-security-note,.premium-bg-preview-browser{border-color:rgba(190,190,255,.14)!important;border-radius:18px!important;background:rgba(255,255,255,.025)!important}
.shop-plan-card-featured{border-color:rgba(173,150,255,.38)!important;background:linear-gradient(145deg,rgba(143,111,255,.12),rgba(255,255,255,.025))!important}
.shop-dialog-footer,.premium-bg-preview-footer,.panel-source-modal-foot{border-color:rgba(190,190,255,.11)!important}
.toast{border:1px solid rgba(190,190,255,.2)!important;border-radius:15px!important;background:rgba(22,24,41,.97)!important;box-shadow:0 16px 44px rgba(0,0,0,.35)!important}
.inline-error,.billing-feedback,.api-feedback,.form-error{border-radius:13px}
/* Public credits page shares the same design tokens. */
.credits-wrap{width:min(820px,calc(100% - 28px));padding:clamp(18px,5vh,56px) 0}
.credits-card{border-color:rgba(190,190,255,.17)!important;border-radius:30px!important;background:linear-gradient(145deg,rgba(24,26,45,.97),rgba(13,14,25,.98))!important;box-shadow:var(--ga-shadow),inset 0 1px 0 rgba(255,255,255,.045)!important}
.credits-brand img{border:1px solid rgba(255,255,255,.14);border-radius:15px!important}
.credits-kicker{color:#c6b8ff!important}
.credits-item{border-color:rgba(190,190,255,.12)!important;border-radius:16px!important;background:rgba(255,255,255,.025)!important}
.credits-card a:not(.credits-brand){color:#c6b8ff!important}
.credits-back{min-height:44px;align-items:center;border-color:rgba(173,150,255,.22)!important;border-radius:13px!important;background:rgba(143,111,255,.09)!important}
/* Hover is intentionally restrained and disabled on coarse pointers below. */
@media(hover:hover) and (pointer:fine){
  #loginView .google-button:hover,#loginView .github-button:hover{transform:translateY(-2px);box-shadow:0 14px 29px rgba(0,0,0,.24)}
  .primary-btn:hover:not(:disabled),.builder-publish:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 13px 30px rgba(117,91,255,.28),inset 0 1px rgba(255,255,255,.24)!important}
  .secondary-btn:hover,.file-row-actions button:hover,.saved-panel-actions button:hover,.published-link-row button:hover{transform:translateY(-1px);border-color:rgba(173,150,255,.32)!important;background:rgba(143,111,255,.09)!important}
  .dashboard-nav .dashboard-tab:hover{transform:translateY(-1px);border-color:rgba(190,190,255,.13)!important;background:rgba(255,255,255,.035)!important}
  .file-row:hover,.saved-panel-item:hover,.api-project-item:hover,.api-token-item:hover,.generated-key-item:hover,.panel-key-item:hover,.script-control-item:hover{border-color:rgba(173,150,255,.24)!important;background:rgba(143,111,255,.045)!important}
  .execution-stat-card:hover{transform:translateY(-2px);border-color:rgba(173,150,255,.3)!important}
}
.primary-btn:active,.builder-publish:active,.secondary-btn:active,.shop-header-button:active{transform:translateY(1px) scale(.99)}
button:disabled,.primary-btn:disabled,.secondary-btn:disabled{cursor:not-allowed!important;filter:saturate(.65);opacity:.62}
/* Breakpoints retain the existing mobile menu interaction while reflowing every workspace. */
@media(max-width:1050px){
  #loginView .login-wrap{width:min(100% - 32px,900px);grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);gap:22px}
  #loginView .showcase-copy h1{font-size:clamp(2.5rem,5vw,4.1rem)}
  .dashboard-header{flex-wrap:wrap}
  .dashboard-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body:after{width:210px;height:210px;right:-150px;top:44%}
  #loginView .login-wrap{width:calc(100% - 28px);max-width:560px;grid-template-columns:minmax(0,1fr);gap:15px;padding:18px 0 28px}
  #loginView .login-showcase{padding:23px;border-radius:24px}
  #loginView .brand-row{margin-bottom:28px}
  #loginView .brand-logo{width:44px;height:44px;border-radius:14px}
  #loginView .showcase-copy h1{font-size:clamp(2.55rem,10vw,3.9rem)}
  #loginView .showcase-copy p{font-size:.88rem}
  #loginView .mini-features{grid-template-columns:minmax(0,1fr);margin-top:22px;gap:7px}
  #loginView .mini-features>div{padding:10px 11px}
  #loginView .login-card{width:100%;padding:23px;border-radius:24px}
  .dashboard-shell{width:calc(100% - 24px)!important;padding:12px 0 85px!important}
  .dashboard-header{gap:9px!important;padding:12px!important;border-radius:19px!important}
  .dashboard-header .brand-copy .brand-subtitle{display:none}
  .dashboard-header .brand-logo-frame{width:41px;height:41px;flex-basis:41px}
  .dashboard-header .top-actions{gap:6px}
  .dashboard-header .status{display:none}
  .dashboard-header .profile{max-width:145px}
  .dashboard-header .profile small{display:none}
  .dashboard-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:7px!important;border-radius:17px!important}
  .dashboard-nav .dashboard-tab{min-height:51px!important;padding:8px!important}
  .dashboard-nav .dashboard-tab small{display:none!important}
  .dashboard-nav .dashboard-tab strong{white-space:normal!important;font-size:.66rem!important}
  .dashboard-overview-hero{border-radius:23px!important}
  .panel-editor-card,.panel-preview-card,.saved-panels-card,.key-manager-card{padding:15px!important}
  .builder-heading{align-items:flex-start;gap:12px}
  .builder-heading-actions{width:100%;gap:8px}
  .builder-heading-actions button{min-height:44px}
  .panel-fields.two-col,.api-layout-grid{grid-template-columns:minmax(0,1fr)!important}
  .credits-wrap{width:calc(100% - 20px);padding:16px 0}
  .credits-card{padding:22px 18px!important;border-radius:23px!important}
  .credits-item{padding:15px!important}
}
@media(max-width:430px){
  #loginView .login-showcase{padding:18px;border-radius:21px}
  #loginView .showcase-copy h1{font-size:clamp(2.25rem,10.5vw,3.2rem)}
  #loginView .login-card{padding:19px;border-radius:21px}
  .dashboard-shell{width:calc(100% - 18px)!important}
  .dashboard-header .brand-copy .brand-kicker{font-size:.49rem}
  .dashboard-header .brand-copy strong{font-size:.87rem}
  .dashboard-header .profile{padding:4px 6px;max-width:105px}
  .dashboard-header .profile strong{max-width:68px;font-size:.62rem}
  .shop-header-button{min-height:39px!important;padding-inline:9px!important;font-size:.65rem!important}
  .mobile-tabs-toggle{min-height:39px!important;padding-inline:9px!important}
  .builder-heading-actions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .builder-heading-actions button{padding-inline:8px;font-size:.67rem}
  .dashboard-overview-copy h1{font-size:clamp(2.05rem,10vw,3rem)}
  .execution-stat-card{min-width:0}
}
@media(pointer:coarse),(max-width:760px){
  body:before{opacity:.08}
  #loginView .login-showcase,#loginView .login-card,.dashboard-header,.dashboard-nav,.card,.panel-editor-card,.panel-preview-card,.saved-panels-card,.key-manager-card,.shop-dialog,.premium-bg-preview-dialog,.panel-source-dialog{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .primary-btn:hover,.builder-publish:hover,.secondary-btn:hover,.dashboard-nav .dashboard-tab:hover,.execution-stat-card:hover{transform:none!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .dashboard-section:not(.hidden){animation:none!important}
}