@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;min-block-size:100dvh}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}ul[role=list]{list-style:none}}@layer tokens{:root{--color-primary:#00d4ff;--color-primary-hover:#00b8e6;--color-primary-subtle:#00d4ff1a;--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:#f46;--color-warning:#fa0;--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 #0000004d;--shadow-md:0 4px 12px #0006}}@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{min-block-size:100dvh;display:block}portal-app>header{padding:var(--space-md) var(--space-xl);background-color:var(--color-bg-elevated);border-block-end:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}portal-app>header strong{font-size:var(--font-size-lg)}portal-app>header nav ul{gap:var(--space-lg);display:flex}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;padding:var(--space-2xl) var(--space-xl);margin-inline:auto}}@layer components{portal-login{justify-content:center;align-items:center;min-block-size:100dvh;display:flex}portal-login form{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);flex-direction:column;inline-size:min(24rem,90vw);display:flex}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{gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-direction:column;display:flex}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{border-color:var(--color-primary);outline:none}portal-login button[type=submit]{padding:var(--space-md);background-color:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--border-radius);transition:background-color var(--transition-fast);font-weight:600}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{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));margin-block-end:var(--space-2xl);display:grid}.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);color:var(--color-primary);font-weight:700;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{font-size:var(--font-size-base);color:var(--color-text-muted);margin-block-end:var(--space-sm)}.quick-start>p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-block-end:var(--space-lg)}.quick-start [role=tablist]{gap:var(--space-xs);border-block-end:1px solid var(--color-border);padding-block-end:0;display:flex}.quick-start [role=tab]{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);border:1px solid #0000;border-radius:var(--border-radius) var(--border-radius) 0 0;transition:color var(--transition-fast), background-color var(--transition-fast);cursor:pointer;background:0 0;border-block-end:none}.quick-start [role=tab]:hover{color:var(--color-text);background-color:var(--color-bg-surface)}.quick-start [role=tab][aria-selected=true]{color:var(--color-primary);background-color:var(--color-bg-surface);border-color:var(--color-border-subtle)}.quick-start [role=tabpanel]{background-color:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:0 0 var(--border-radius) var(--border-radius);border-block-start:none;overflow-x:auto}.quick-start [role=tabpanel][hidden]{display:none}.quick-start pre{background-color:var(--color-bg-surface);border-radius:0 0 var(--border-radius) var(--border-radius);padding:var(--space-lg);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text);border:none;margin:0;line-height:1.5;overflow-x:auto}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{font-size:var(--font-size-base);color:var(--color-text-muted);margin-block-end:var(--space-lg)}.profile-details{gap:var(--space-sm) var(--space-lg);grid-template-columns:10rem 1fr;margin-block-end:var(--space-lg);display:grid}.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]{padding:var(--space-2xs) var(--space-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--color-success);background-color:#00d4ff1f;font-weight:600;display:inline-block}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);border-radius:var(--border-radius);transition:background-color var(--transition-fast);font-weight:600}.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);transition:border-color var(--transition-fast);font-weight:500}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-danger{padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-error);color:var(--color-error);font-size:var(--font-size-sm);border-radius:var(--border-radius);transition:background-color var(--transition-fast);background-color:#0000;font-weight:600}.btn-danger:hover:not(:disabled){background-color:#ff44661a}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}dialog{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);position:relative}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{gap:var(--space-md);justify-content:flex-end;display:flex}.key-display-box{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);display:flex}.key-display-box code{word-break:break-all;font-size:var(--font-size-sm);color:var(--color-primary);flex:1}.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{opacity:.4;margin-block-end:var(--space-md);font-size:3rem}.coming-soon-section h3{color:var(--color-text-muted);margin-block-end:var(--space-sm)}.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{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-block-end:var(--space-xl);display:flex}.pg-header h2{margin:0}.pg-controls{align-items:center;gap:var(--space-sm);display:flex}.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{border-color:var(--color-primary);outline:none}.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);text-align:center;margin-block-end:var(--space-xl);line-height:1.6}.pg-key-setup form{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);flex-direction:column;display:flex}.pg-key-setup label{gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-direction:column;display:flex}.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{border-color:var(--color-primary);outline:none}.pg-chat{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);flex-direction:column;block-size:calc(100dvh - 14rem);min-block-size:24rem;display:flex;overflow:hidden}.pg-messages{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.pg-empty{color:var(--color-text-muted);text-align:center;padding-block:var(--space-4xl,4rem);font-size:var(--font-size-sm)}.pg-msg{gap:var(--space-xs);flex-direction:column;max-inline-size:80%;display:flex}.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);word-break:break-word;line-height:1.6}.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{background-color:#7f7f7f1f;border-radius:4px;padding:.15em .35em;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.9em}.pg-markdown pre{padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius);background-color:#00000026;margin-block:.6em;overflow-x:auto}.pg-markdown pre code{background:0 0;padding:0}.pg-markdown blockquote{border-inline-start:3px solid var(--color-border-subtle);color:var(--color-text-muted);margin-block:.5em;margin-inline:0;padding-inline-start:var(--space-md)}.pg-markdown table{border-collapse:collapse;margin-block:.5em;font-size:.9em}.pg-markdown th,.pg-markdown td{border:1px solid var(--color-border-subtle);padding:.3em .6em}.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{background-color:var(--color-primary);vertical-align:text-bottom;block-size:1em;inline-size:.5em;animation:.8s step-end infinite pg-blink;display:inline-block}@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{gap:var(--space-sm);padding:var(--space-md);border-block-start:1px solid var(--color-border-subtle);background-color:var(--color-bg-surface);display:flex}.pg-input-row textarea{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);flex:1}.pg-input-row textarea:focus{border-color:var(--color-primary);outline:none}.pg-input-row textarea::placeholder{color:var(--color-text-muted);opacity:.6}.pg-tabs{gap:var(--space-xs);border-block-end:1px solid var(--color-border);margin-block-end:var(--space-lg);padding-block-end:0;display:flex}.pg-tab{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color var(--transition-fast), border-color var(--transition-fast);cursor:pointer;background:0 0;border:none;border-block-end:2px solid #0000;margin-block-end:-1px;font-weight:500}.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{resize:vertical;inline-size:100%;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;display:block}.pg-emb-form textarea:focus,.pg-img-form textarea:focus{border-color:var(--color-primary);outline:none}.pg-emb-result{border-block-start:1px solid var(--color-border-subtle);margin-block-start:var(--space-xl);padding-block-start:var(--space-xl)}.pg-emb-stats{gap:var(--space-lg);flex-wrap:wrap;margin-block-end:var(--space-lg);display:flex}.pg-emb-stat{gap:var(--space-2xs);flex-direction:column;display:flex}.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);word-break:break-all;white-space:pre-wrap;color:var(--color-text);line-height:1.6;overflow-x:auto}.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{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));margin-block-start:var(--space-xl);display:grid}.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);flex-direction:column;align-items:center;display:flex}.pg-img-card img{border-radius:var(--border-radius);block-size:auto;inline-size:100%;display:block}.pg-lightbox{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background-color:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pg-lightbox-content{cursor:default;max-block-size:90vh;max-inline-size:90vw;position:relative}.pg-lightbox-content img{object-fit:contain;border-radius:var(--border-radius);max-block-size:85vh;max-inline-size:90vw;display:block}.pg-lightbox-close{font-size:var(--font-size-2xl);color:var(--color-text);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-full);cursor:pointer;block-size:2.5rem;inline-size:2.5rem;transition:border-color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:calc(-1 * var(--space-xl));inset-inline-end:calc(-1 * var(--space-xl))}.pg-lightbox-close:hover{border-color:var(--color-primary);color:var(--color-primary)}}@layer utilities{.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}