@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;background-image:var(--custom-highlight-background,linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));height:100%;animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}:root{color:#edf4f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text:#edf4f7;--text-soft:#a9bdc7;--muted:#7f97a3;--panel:#0a141fd1;--panel-alt:#0e1c29eb;--stroke:#7ae3d91f;--stroke-strong:#7ae3d92e;--shadow-card:0 1.5rem 4rem #00000047;--root-font-size:.9375rem;--space-1:.25rem;--space-2:.375rem;--space-3:.5rem;--space-4:.625rem;--space-5:.75rem;--space-6:.875rem;--space-7:1rem;--space-8:1.125rem;--space-9:1.25rem;--space-10:1.375rem;--space-11:1.5rem;--radius-sm:.75rem;--radius-md:1.25rem;--radius-lg:1.5rem;--radius-pill:999rem;--panel-radius-lg:var(--radius-lg);--panel-radius-md:var(--radius-md);--panel-padding-lg:var(--space-10);--panel-padding-md:var(--space-8);--control-min-height:2.5rem;--control-padding-inline:var(--space-7);--field-padding-block:var(--space-4);--field-padding-inline:var(--space-5);--app-gutter:var(--space-7);--interactive-hover-lift:-.0625rem;--interactive-hover-duration:.18s;--interactive-hover-duration-fast:.16s;--interactive-hover-easing:ease;--interactive-focus-width:2px;--interactive-focus-offset:2px;--interactive-focus-color:#7ae3d9e6;--interactive-focus-color-alt:#7fa8ffe6;--interactive-disabled-opacity:.5;--interactive-disabled-cursor:not-allowed;background:radial-gradient(circle at 0 0,#2cc4b62e,#0000 28%),radial-gradient(circle at 85% 18%,#f0d28e24,#0000 24%),linear-gradient(160deg,#07111a 0%,#0a1724 45%,#07131d 100%);font-family:DM Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:var(--root-font-size)}body{min-width:20rem;min-height:100vh;margin:0;line-height:1.45}body:before{content:"";opacity:.24;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:2rem 2rem;position:fixed;inset:0}button,input,textarea,select{font:inherit;line-height:1.35}a{color:inherit}#root{min-height:100vh}.login-shell{min-height:100vh;padding:var(--app-gutter);place-items:center;display:grid}.login-card{width:min(32rem,100%);padding:var(--panel-padding-lg);border:1px solid var(--stroke);border-radius:var(--panel-radius-lg);box-shadow:var(--shadow-card);background:#0a141fe6}.login-card__top{justify-content:space-between;align-items:start;gap:var(--space-6);display:flex}.status-inline{align-items:center;gap:var(--space-4);color:var(--text-soft);text-align:right;font-size:.86rem;display:inline-flex}.login-title{margin:var(--space-1) 0 var(--space-2);font-size:clamp(2rem,7vw,2.7rem);line-height:1}.login-subtitle{color:var(--text-soft)}.login-tip{margin:var(--space-6) 0 0;color:var(--muted);font-size:.92rem}.app-shell{min-height:100vh}.eyebrow{margin-bottom:var(--space-5);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.78rem;display:inline-flex}.preview-head h2,.info-card h2{margin:0}.info-card,.record-card,.preview-panel{z-index:1;position:relative}.info-card,.record-card{border:1px solid var(--stroke-strong);border-radius:var(--panel-radius-md);background:var(--panel-alt)}.status-dot{background:var(--muted);border-radius:50%;width:.6875rem;height:.6875rem;box-shadow:0 0 0 .375rem #97a3b81f}.status-dot--loading{background:#e7a33f;box-shadow:0 0 0 .375rem #e7a33f24}.status-dot--success{background:#2cc4b6;box-shadow:0 0 0 .375rem #2cc4b624}.status-dot--error{background:#e56d6d;box-shadow:0 0 0 .375rem #e56d6d24}.info-card{padding:var(--panel-padding-lg)}.auth-card-head{justify-content:space-between;align-items:center;gap:var(--space-5);display:flex}.auth-badge{padding:.3125rem var(--space-4);border-radius:var(--radius-pill);color:#7ae3d9;background:#2cc4b61f;align-items:center;font-size:.82rem;display:inline-flex}.key-values{margin:var(--space-7) 0 0}.key-values.compact{margin-top:var(--space-5)}.key-values div{gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid #94a3b824;grid-template-columns:8.25rem minmax(0,1fr);display:grid}.key-values div:last-child{border-bottom:0}.key-values dt{color:var(--muted)}.key-values dd{color:var(--text);word-break:break-word;margin:0}.auth-form{gap:var(--space-5);margin-top:var(--space-7);display:grid}.auth-form--login{margin-top:var(--space-7)}.auth-form label{gap:var(--space-2);display:grid}.auth-form span{color:var(--muted);font-size:.92rem}.auth-form input{border-radius:var(--radius-sm);width:100%;padding:var(--field-padding-block) var(--field-padding-inline);color:var(--text);background:#050d14d6;border:1px solid #94a3b82e}.auth-form input:focus-visible{outline:var(--interactive-focus-width) solid var(--interactive-focus-color);outline-offset:var(--interactive-focus-offset)}.session-panel{margin-top:var(--space-7)}.session-panel>p{color:var(--text-soft)}.preview-panel{border:1px solid var(--stroke);border-radius:var(--panel-radius-lg);background:var(--panel);box-shadow:var(--shadow-card);margin-top:var(--space-8);padding:var(--panel-padding-lg)}.preview-head{justify-content:space-between;align-items:end;gap:var(--space-6);display:flex}.records-list{gap:var(--space-5);margin-top:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(13.75rem,1fr));display:grid}.record-card{padding:var(--panel-padding-md)}.record-card p{margin:var(--space-3) 0 0;color:var(--text-soft)}.record-id{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);color:#7ae3d9;letter-spacing:.04em;background:#2cc4b61f;font-size:.82rem;display:inline-flex}.feedback{margin:var(--space-7) 0 0;color:var(--text-soft)}.small-gap{margin-top:var(--space-1)}.feedback--error{color:#ffb4b4}.feedback--ok{color:#8be4c9}.preview-copy{margin-top:var(--space-3);color:var(--text-soft)}.primary-btn,.secondary-btn{border-radius:var(--radius-pill);min-height:var(--control-min-height);padding:0 var(--control-padding-inline);font:inherit;cursor:pointer;transition:transform var(--interactive-hover-duration) var(--interactive-hover-easing), box-shadow var(--interactive-hover-duration) var(--interactive-hover-easing), background var(--interactive-hover-duration) var(--interactive-hover-easing);border:0}.primary-btn{margin-top:var(--space-7);color:#041317;background:linear-gradient(135deg,#2cc4b6,#f0d28e);box-shadow:0 .625rem 1.375rem #2cc4b638}.secondary-btn{color:var(--text);background:#0c1824c7;border:1px solid #94a3b82e}.primary-btn--full{width:100%}.primary-btn:not(:disabled):hover,.secondary-btn:not(:disabled):hover{transform:translateY(var(--interactive-hover-lift))}.primary-btn:not(:disabled):active,.secondary-btn:not(:disabled):active{transform:translateY(0)}.primary-btn:disabled,.secondary-btn:disabled{cursor:var(--interactive-disabled-cursor);opacity:var(--interactive-disabled-opacity);box-shadow:none}.primary-btn:focus-visible,.secondary-btn:focus-visible{outline:var(--interactive-focus-width) solid var(--interactive-focus-color);outline-offset:var(--interactive-focus-offset)}@media (width<=55rem){.login-shell{padding:var(--space-5)}.login-card{padding:var(--space-9) var(--space-7);border-radius:var(--panel-radius-md)}.login-card__top{flex-direction:column}.status-inline{text-align:left}.app-shell{min-height:100vh}.preview-panel{padding:var(--panel-padding-md);border-radius:1.375rem}.preview-head{flex-direction:column;align-items:start}.key-values div{gap:var(--space-2);grid-template-columns:1fr}}