@layer reset,tokens,base,layout,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-block-size:100dvh;-webkit-font-smoothing:antialiased}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}ul[role=list]{list-style:none}}@layer tokens{:root{--color-primary: #00d4ff;--color-primary-hover: #00b8e6;--color-primary-subtle: rgba(0, 212, 255, .1);--color-bg: #070e1a;--color-bg-elevated: #0c1829;--color-bg-surface: #112238;--color-text: #e8eef5;--color-text-muted: #7a8da6;--color-text-inverse: #070e1a;--color-border: #1a3050;--color-border-subtle: #122540;--color-success: #00d4ff;--color-error: #ff4466;--color-warning: #ffaa00;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--space-2xs: .125rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--border-radius: .5rem;--border-radius-lg: .75rem;--border-radius-full: 9999px;--transition-fast: .12s ease;--transition-base: .2s ease;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4)}}@layer base{body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.6}h1,h2,h3{line-height:1.2}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}code{font-family:var(--font-mono);font-size:var(--font-size-sm)}}@layer layout{portal-app{display:block;min-block-size:100dvh}portal-app>header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);background-color:var(--color-bg-elevated);border-block-end:1px solid var(--color-border-subtle)}portal-app>header strong{font-size:var(--font-size-lg)}portal-app>header nav ul{display:flex;gap:var(--space-lg)}portal-app>header nav a{font-size:var(--font-size-sm);color:var(--color-text-muted)}portal-app>header nav a:hover,portal-app>header nav a[aria-current=page]{color:var(--color-primary);text-decoration:none}portal-app>main{max-inline-size:72rem;margin-inline:auto;padding:var(--space-2xl) var(--space-xl)}}@layer components{portal-login{display:flex;align-items:center;justify-content:center;min-block-size:100dvh}portal-login form{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-2xl);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);inline-size:min(24rem,90vw)}portal-login h1{text-align:center;font-size:var(--font-size-xl)}portal-login .subtitle{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);margin-block-start:calc(-1 * var(--space-sm))}portal-login label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-muted)}portal-login input{padding:var(--space-md);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:var(--font-mono)}portal-login input:focus{outline:none;border-color:var(--color-primary)}portal-login button[type=submit]{padding:var(--space-md);background-color:var(--color-primary);color:var(--color-text-inverse);font-weight:600;border-radius:var(--border-radius);transition:background-color var(--transition-fast)}portal-login button[type=submit]:hover{background-color:var(--color-primary-hover)}portal-login button[type=submit]:disabled{opacity:.6;cursor:not-allowed}portal-login [data-error]{color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.loading-text{text-align:center;color:var(--color-text-muted);padding:var(--space-2xl)}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--space-lg);margin-block-end:var(--space-2xl)}.stat-cards>article{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-xl)}.stat-cards>article>p:first-child{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-block-end:var(--space-xs)}.stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);font-family:var(--font-mono);word-break:break-all}.stat-value.stat-success{color:var(--color-success)}.stat-value.stat-date{font-size:var(--font-size-base);font-family:var(--font-sans)}.stat-value code{font-size:inherit;background-color:var(--color-bg-surface);padding:var(--space-2xs) var(--space-xs);border-radius:var(--border-radius)}portal-dashboard{display:block}portal-dashboard h2{margin-block-end:var(--space-xl)}.quick-start{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-xl)}.quick-start h3{margin-block-end:var(--space-sm);font-size:var(--font-size-base);color:var(--color-text-muted)}.quick-start>p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-block-end:var(--space-lg)}.quick-start pre{background-color:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius);padding:var(--space-lg);overflow-x:auto;font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text)}portal-account{display:block}portal-account h2{margin-block-end:var(--space-xl)}.account-section{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-xl);margin-block-end:var(--space-lg)}.account-section h3{margin-block-end:var(--space-lg);font-size:var(--font-size-base);color:var(--color-text-muted)}.profile-details{display:grid;grid-template-columns:10rem 1fr;gap:var(--space-sm) var(--space-lg);margin-block-end:var(--space-lg)}.profile-details dt{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.profile-details dd{font-size:var(--font-size-sm)}.profile-details code{background-color:var(--color-bg-surface);padding:var(--space-2xs) var(--space-xs);border-radius:var(--border-radius);font-size:var(--font-size-xs)}[data-badge=approved]{display:inline-block;padding:var(--space-2xs) var(--space-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.03em;background-color:#00d4ff1f;color:var(--color-success)}portal-account [data-error]{color:var(--color-error);font-size:var(--font-size-sm);margin-block-end:var(--space-md)}.btn-primary{padding:var(--space-sm) var(--space-lg);background-color:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--border-radius);transition:background-color var(--transition-fast)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{padding:var(--space-sm) var(--space-lg);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;transition:border-color var(--transition-fast)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-danger{padding:var(--space-sm) var(--space-lg);background-color:transparent;border:1px solid var(--color-error);color:var(--color-error);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--border-radius);transition:background-color var(--transition-fast)}.btn-danger:hover:not(:disabled){background-color:#ff44661a}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog{position:relative;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-2xl);max-inline-size:min(32rem,92vw);color:var(--color-text)}dialog h3{margin-block-end:var(--space-sm)}.warning-text{color:var(--color-warning);font-size:var(--font-size-sm);margin-block-end:var(--space-xl);line-height:1.5}dialog footer{display:flex;gap:var(--space-md);justify-content:flex-end}.key-display-box{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-block-end:var(--space-xl)}.key-display-box code{flex:1;word-break:break-all;font-size:var(--font-size-sm);color:var(--color-primary)}.key-display-box button[data-action=copy]{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);color:var(--color-primary);border-radius:var(--border-radius);transition:background-color var(--transition-fast);white-space:nowrap}.key-display-box button[data-action=copy]:hover{background-color:var(--color-primary-subtle)}portal-usage{display:block}portal-usage h2{margin-block-end:var(--space-xl)}.coming-soon-section{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-2xl);text-align:center;margin-block-end:var(--space-2xl)}.coming-soon-icon{font-size:3rem;margin-block-end:var(--space-md);opacity:.4}.coming-soon-section h3{margin-block-end:var(--space-sm);color:var(--color-text-muted)}.coming-soon-section p{color:var(--color-text-muted);font-size:var(--font-size-sm);max-inline-size:36rem;margin-inline:auto;line-height:1.6}portal-playground{display:block}.pg-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);margin-block-end:var(--space-xl)}.pg-header h2{margin:0}.pg-controls{display:flex;align-items:center;gap:var(--space-sm)}.pg-controls select{padding:var(--space-sm) var(--space-md);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer}.pg-controls select:focus{outline:none;border-color:var(--color-primary)}.pg-key-setup{max-inline-size:24rem;margin-inline:auto;padding-block-start:var(--space-4xl, 4rem)}.pg-key-setup p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-block-end:var(--space-xl);line-height:1.6;text-align:center}.pg-key-setup form{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-2xl);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-lg)}.pg-key-setup label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-muted)}.pg-key-setup input{padding:var(--space-md);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:var(--font-mono)}.pg-key-setup input:focus{outline:none;border-color:var(--color-primary)}.pg-chat{display:flex;flex-direction:column;block-size:calc(100dvh - 14rem);min-block-size:24rem;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden}.pg-messages{flex:1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.pg-empty{color:var(--color-text-muted);text-align:center;padding-block:var(--space-4xl, 4rem);font-size:var(--font-size-sm)}.pg-msg{display:flex;flex-direction:column;gap:var(--space-xs);max-inline-size:80%}.pg-msg--user{align-self:flex-end}.pg-msg--assistant{align-self:flex-start}.pg-msg-role{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.pg-msg--user .pg-msg-role{text-align:end}.pg-msg-content{padding:var(--space-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);line-height:1.6;word-break:break-word}.pg-msg--user .pg-msg-content{white-space:pre-wrap}.pg-markdown>:first-child{margin-block-start:0}.pg-markdown>:last-child{margin-block-end:0}.pg-markdown h1,.pg-markdown h2,.pg-markdown h3,.pg-markdown h4{margin-block:.8em .4em;line-height:1.3}.pg-markdown h1{font-size:1.3em}.pg-markdown h2{font-size:1.15em}.pg-markdown h3{font-size:1.05em}.pg-markdown p{margin-block:.5em}.pg-markdown ul,.pg-markdown ol{margin-block:.5em;padding-inline-start:1.5em}.pg-markdown li+li{margin-block-start:.25em}.pg-markdown code{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.9em;padding:.15em .35em;border-radius:4px;background-color:#7f7f7f1f}.pg-markdown pre{margin-block:.6em;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius);background-color:#00000026;overflow-x:auto}.pg-markdown pre code{padding:0;background:none}.pg-markdown blockquote{margin-block:.5em;margin-inline:0;padding-inline-start:var(--space-md);border-inline-start:3px solid var(--color-border-subtle);color:var(--color-text-muted)}.pg-markdown table{border-collapse:collapse;margin-block:.5em;font-size:.9em}.pg-markdown th,.pg-markdown td{padding:.3em .6em;border:1px solid var(--color-border-subtle)}.pg-markdown strong{font-weight:700}.pg-markdown a{color:var(--color-primary)}.pg-msg--user .pg-msg-content{background-color:var(--color-primary);color:var(--color-text-inverse)}.pg-msg--assistant .pg-msg-content{background-color:var(--color-bg-surface);border:1px solid var(--color-border-subtle);color:var(--color-text)}.pg-cursor{display:inline-block;inline-size:.5em;block-size:1em;background-color:var(--color-primary);vertical-align:text-bottom;animation:pg-blink .8s step-end infinite}@keyframes pg-blink{50%{opacity:0}}.pg-error{color:var(--color-error);font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-lg);background-color:#ff44660f}.pg-input-row{display:flex;gap:var(--space-sm);padding:var(--space-md);border-block-start:1px solid var(--color-border-subtle);background-color:var(--color-bg-surface)}.pg-input-row textarea{flex:1;resize:none;padding:var(--space-md);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-size:var(--font-size-sm);line-height:1.5;font-family:var(--font-sans)}.pg-input-row textarea:focus{outline:none;border-color:var(--color-primary)}.pg-input-row textarea::placeholder{color:var(--color-text-muted);opacity:.6}.pg-tabs{display:flex;gap:var(--space-xs);margin-block-end:var(--space-lg);border-block-end:1px solid var(--color-border);padding-block-end:0}.pg-tab{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);border-block-end:2px solid transparent;margin-block-end:-1px;transition:color var(--transition-fast),border-color var(--transition-fast);cursor:pointer;background:none;border-inline:none;border-block-start:none}.pg-tab:hover{color:var(--color-text)}.pg-tab--active{color:var(--color-primary);border-block-end-color:var(--color-primary)}.pg-panel{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-xl)}.pg-emb-form textarea,.pg-img-form textarea{display:block;inline-size:100%;resize:vertical;padding:var(--space-md);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-size:var(--font-size-sm);font-family:var(--font-sans);line-height:1.5}.pg-emb-form textarea:focus,.pg-img-form textarea:focus{outline:none;border-color:var(--color-primary)}.pg-emb-result{margin-block-start:var(--space-xl);padding-block-start:var(--space-xl);border-block-start:1px solid var(--color-border-subtle)}.pg-emb-stats{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-block-end:var(--space-lg)}.pg-emb-stat{display:flex;flex-direction:column;gap:var(--space-2xs)}.pg-emb-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.pg-emb-stat-value{font-size:var(--font-size-base);font-weight:600;font-family:var(--font-mono);color:var(--color-primary)}.pg-emb-pre{background-color:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius);padding:var(--space-md);font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.6;overflow-x:auto;word-break:break-all;white-space:pre-wrap;color:var(--color-text)}.pg-emb-note{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-block-start:var(--space-xs)}.pg-img-loading{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-xl);text-align:center}.pg-img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-lg);margin-block-start:var(--space-xl)}.pg-img-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius);padding:var(--space-md);display:flex;flex-direction:column;align-items:center}.pg-img-card img{inline-size:100%;block-size:auto;border-radius:var(--border-radius);display:block}}@layer utilities{.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}