:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tn-bg:#171821;--tn-bg-deep:#11131c;--tn-panel:#1f2335;--tn-panel-2:#24283b;--tn-panel-3:#292e42;--tn-border:#7dcfff3d;--tn-border-hot:#bb9af785;--tn-text:#c0caf5;--tn-text-strong:#e6edff;--tn-muted:#8790bd;--tn-faint:#565f89;--tn-blue:#7aa2f7;--tn-cyan:#7dcfff;--tn-magenta:#bb9af7;--tn-green:#9ece6a;--tn-yellow:#e0af68;--tn-red:#f7768e;--tn-shadow:#02040c8a;background:var(--tn-bg);color:var(--tn-text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{background:var(--tn-bg-deep);min-height:100%}body{background:linear-gradient(#7dcfff09 1px, transparent 1px), linear-gradient(90deg, #7dcfff06 1px, transparent 1px), radial-gradient(circle at 50% -25%, #7aa2f729, transparent 42rem), var(--tn-bg-deep);background-size:28px 28px,28px 28px,auto,auto;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}.app-shell{width:min(1880px,100%);margin:0 auto;padding:24px}.app-header{grid-template-columns:minmax(280px,1fr) minmax(520px,.9fr);align-items:end;gap:24px;margin-bottom:18px;display:grid}.app-header__title span,.section-label,.gridcn-card__subtitle,.gridcn-field dt{color:var(--tn-cyan);letter-spacing:.12em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.7rem;font-weight:700}.app-header__title h1{color:var(--tn-text-strong);letter-spacing:0;margin:4px 0 0;font-size:2.3rem;line-height:1.05}.stats-grid{grid-template-columns:repeat(5,minmax(86px,1fr));gap:10px;margin:0;display:grid}.stats-grid div{border:1px solid var(--tn-border);min-height:76px;box-shadow:0 18px 60px var(--tn-shadow);background:#1f2335c7;border-radius:8px;padding:12px;position:relative;overflow:hidden}.stats-grid div:after,.toolbar:after,.gridcn-card__scanline{pointer-events:none;content:"";opacity:.34;background:repeating-linear-gradient(0deg,#0000 0 3px,#0000001f 3px 4px);position:absolute;inset:0}.stats-grid dt{color:var(--tn-muted);text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.68rem}.stats-grid dd{color:var(--tn-text-strong);margin:4px 0 0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1.75rem;font-weight:800}.toolbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#11131ce0;border:1px solid #7dcfff38;border-radius:8px;grid-template-columns:minmax(240px,1fr) minmax(240px,380px) auto;align-items:center;gap:12px;margin-bottom:22px;padding:12px;display:grid;position:sticky;top:0;box-shadow:0 18px 70px #0000004d}.search-box,.select-box{z-index:1;min-height:42px;color:var(--tn-muted);background:#1f2335d1;border:1px solid #8790bd52;border-radius:6px;align-items:center;gap:10px;padding:0 12px;display:flex;position:relative}.search-box:focus-within,.select-box:focus-within{border-color:#7dcfffb8;box-shadow:0 0 0 3px #7dcfff1f}.search-box input,.select-box select{width:100%;min-width:0;color:var(--tn-text-strong);background:0 0;border:0;outline:0}.search-box input::placeholder{color:var(--tn-faint)}.select-box select{appearance:none}.segmented-control{z-index:1;background:#171821e6;border:1px solid #8790bd52;border-radius:6px;grid-auto-flow:column;gap:2px;padding:3px;display:inline-grid;position:relative}.segmented-control button{min-height:34px;color:var(--tn-muted);white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:0 12px}.segmented-control button.is-active{color:var(--tn-cyan);background:#7aa2f72e;box-shadow:inset 0 0 0 1px #7dcfff47}.experiment-list{gap:18px;display:grid}.gridcn-card{--card-accent:var(--tn-cyan);border:1px solid var(--tn-border);background:linear-gradient(180deg, #24283beb, #1f2335f0), var(--tn-panel);box-shadow:0 22px 70px var(--tn-shadow);border-radius:8px;position:relative;overflow:hidden}.gridcn-card--alert{--card-accent:var(--tn-red);border-color:#f7768e47}.gridcn-card__header{z-index:1;border-bottom:1px solid #7dcfff29;grid-template-columns:minmax(260px,1fr) auto;align-items:start;gap:16px;padding:16px 18px 14px;display:grid;position:relative}.gridcn-card__title{color:var(--tn-text-strong);letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;margin:2px 0 0;font-size:1.13rem;line-height:1.2;display:flex}.gridcn-card__title span{color:var(--card-accent)}.gridcn-card__fields{grid-template-columns:repeat(4,minmax(72px,1fr));gap:8px;margin:0;display:grid}.gridcn-field{background:#11131c70;border:1px solid #8790bd2e;border-radius:6px;min-width:72px;padding:6px 8px}.gridcn-field dd{color:var(--tn-text-strong);margin:2px 0 0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-weight:800}.gridcn-field--primary dd{color:var(--tn-blue)}.gridcn-field--good dd{color:var(--tn-green)}.gridcn-field--warn dd{color:var(--tn-yellow)}.gridcn-field--bad dd{color:var(--tn-red)}.gridcn-card__body{z-index:1;padding:18px;position:relative}.gridcn-card__corner{z-index:2;pointer-events:none;border-color:var(--card-accent);opacity:.8;width:18px;height:18px;position:absolute}.gridcn-card__corner--tl{border-top:2px solid;border-left:2px solid;top:0;left:0}.gridcn-card__corner--tr{border-top:2px solid;border-right:2px solid;top:0;right:0}.gridcn-card__corner--bl{border-bottom:2px solid;border-left:2px solid;bottom:0;left:0}.gridcn-card__corner--br{border-bottom:2px solid;border-right:2px solid;bottom:0;right:0}.experiment-card__layout{grid-template-columns:minmax(280px,.75fr) minmax(480px,1.35fr);gap:16px;display:grid}.prompt-panel{background:#11131c6b;border:1px solid #8790bd38;border-radius:8px;min-height:100%;padding:14px}.prompt-panel p{max-height:360px;color:var(--tn-text);margin:8px 0 0;font-size:.93rem;overflow:auto}.media-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.image-frame{min-width:0;color:inherit;text-align:left;background:#11131c9e;border:1px solid #7dcfff3d;border-radius:8px;flex-direction:column;margin:0;display:flex;position:relative;overflow:hidden}.image-frame--button{width:100%;padding:0}.image-frame--button:hover,.image-frame--button:focus-visible,.image-frame--selected{border-color:#bb9af7c7;box-shadow:0 0 0 3px #bb9af71a}.image-frame__media{aspect-ratio:4/3;background-color:#0f111a;background-image:linear-gradient(#7dcfff09 1px,#0000 1px),linear-gradient(90deg,#7dcfff08 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;min-height:0;display:grid}.image-frame__media img{object-fit:contain;width:100%;height:100%}.image-frame__missing{width:100%;height:100%;min-height:180px;color:var(--tn-faint);place-items:center;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;display:grid}.image-frame__caption{min-height:48px;color:var(--tn-muted);border-top:1px solid #7dcfff1f;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.image-frame__caption span{min-width:0;display:grid}.image-frame__caption strong{color:var(--tn-text-strong);font-size:.86rem}.image-frame__caption small{color:var(--tn-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.image-frame__caption em{max-width:88px;color:var(--tn-cyan);text-overflow:ellipsis;white-space:nowrap;border:1px solid #7dcfff3d;border-radius:4px;flex:none;padding:2px 7px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.72rem;font-style:normal;overflow:hidden}.image-frame__open{width:32px;height:32px;color:var(--tn-cyan);background:#11131cc7;border:1px solid #7dcfff61;border-radius:6px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.iteration-panel,.selected-notes{background:#11131c57;border:1px solid #8790bd33;border-radius:8px;grid-column:1/-1}.iteration-panel{overflow:hidden}.iteration-panel__header{border-bottom:1px solid #8790bd2e;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.iteration-panel__header span{color:var(--tn-muted);font-size:.83rem}.icon-text-button{min-height:34px;color:var(--tn-cyan);background:#7aa2f71a;border:1px solid #7dcfff57;border-radius:6px;align-items:center;gap:8px;padding:0 11px;display:inline-flex}.icon-text-button:hover:not(:disabled),.icon-text-button:focus-visible{background:#7aa2f72e}.icon-text-button:disabled{color:var(--tn-faint);background:#565f8914;border-color:#8790bd24}.iteration-groups{max-height:360px;display:grid;overflow:auto}.iteration-group{border-bottom:1px solid #8790bd1f;grid-template-columns:minmax(150px,220px) 1fr;align-items:start;gap:12px;padding:10px 14px;display:grid}.iteration-group:last-child{border-bottom:0}.iteration-group__title{min-width:0;color:var(--tn-text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:700;overflow:hidden}.iteration-chips{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px;display:grid}.iteration-chip{min-width:0;min-height:52px;color:var(--tn-text);text-align:center;background:#24283b7a;border:1px solid #8790bd2e;border-radius:6px;padding:5px;display:grid}.iteration-chip span,.iteration-chip strong,.iteration-chip em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.iteration-chip span{color:var(--tn-muted);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.68rem}.iteration-chip strong{color:var(--tn-text-strong);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.83rem}.iteration-chip em{color:var(--tn-faint);text-transform:uppercase;font-size:.65rem;font-style:normal}.iteration-chip--passed{border-color:#9ece6a57}.iteration-chip--passed strong,.iteration-chip--passed em{color:var(--tn-green)}.iteration-chip--error{border-color:#f7768e57}.iteration-chip--error strong,.iteration-chip--error em{color:var(--tn-red)}.iteration-chip--maxed strong{color:var(--tn-yellow)}.iteration-chip--selected{border-color:var(--tn-magenta);background:#bb9af724;box-shadow:inset 0 0 0 1px #bb9af761}.iteration-chip:disabled{opacity:.45}.selected-notes{padding:12px 14px}.selected-notes__meta{flex-wrap:wrap;gap:7px;margin-bottom:8px;display:flex}.selected-notes__meta span{color:var(--tn-cyan);border:1px solid #7dcfff2e;border-radius:4px;padding:2px 7px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.72rem}.selected-notes p{max-height:94px;color:var(--tn-muted);margin:0;font-size:.86rem;overflow:auto}.empty-state{text-align:center;background:#1f233599;border:1px solid #7dcfff38;border-radius:8px;margin:40px auto;padding:28px}.empty-state h2{color:var(--tn-text-strong);margin:0 0 6px}.empty-state p{color:var(--tn-muted);margin:0}.lightbox{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06080edb;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.lightbox__panel{background:linear-gradient(180deg, #24283bf7, #11131cfa), var(--tn-bg-deep);border:1px solid #7dcfff5c;border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(1720px,100vw - 32px);height:min(980px,100vh - 32px);display:grid;overflow:hidden;box-shadow:0 34px 110px #000000b8}.lightbox__header{border-bottom:1px solid #7dcfff33;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;display:flex}.lightbox__header span{color:var(--tn-cyan);text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.73rem;font-weight:700}.lightbox__header h2{color:var(--tn-text-strong);letter-spacing:0;margin:2px 0 0;font-size:1rem;line-height:1.2}.lightbox__actions{flex:none;align-items:center;gap:8px;display:flex}.square-button{width:38px;height:38px;color:var(--tn-cyan);background:#7aa2f71a;border:1px solid #7dcfff57;border-radius:6px;place-items:center;display:grid}.square-button:hover,.square-button:focus-visible{background:#7aa2f733}.square-button--close{color:var(--tn-red);border-color:#f7768e6b}.lightbox__counter{min-width:64px;color:var(--tn-muted);text-align:center;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.82rem}.lightbox__body{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:14px;min-height:0;padding:14px;display:grid}.comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0;display:grid}.comparison-grid .image-frame{min-height:0}.comparison-grid .image-frame__media{aspect-ratio:auto;flex:1;min-height:0}.comparison-grid .image-frame__caption{flex:none}.lightbox-notes{background:#11131c8f;border:1px solid #8790bd38;border-radius:8px;min-height:0;padding:14px;overflow:auto}.lightbox-notes dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 14px;display:grid}.lightbox-notes dl div{background:#24283b6b;border:1px solid #8790bd29;border-radius:6px;min-width:0;padding:8px}.lightbox-notes dt{color:var(--tn-faint);text-transform:uppercase;font-size:.72rem}.lightbox-notes dd{overflow-wrap:anywhere;color:var(--tn-text-strong);margin:3px 0 0;font-size:.85rem}.notes-block{border-top:1px solid #8790bd29;padding-top:12px}.notes-block+.notes-block{margin-top:12px}.notes-block h3{color:var(--tn-cyan);text-transform:uppercase;margin:0 0 6px;font-size:.78rem}.notes-block p{color:var(--tn-muted);margin:0;font-size:.84rem}@media (width<=1280px){.app-header{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.experiment-card__layout{grid-template-columns:1fr}}@media (width<=980px){.app-shell{padding:16px}.toolbar{grid-template-columns:1fr}.segmented-control{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row}.media-strip,.comparison-grid,.gridcn-card__header{grid-template-columns:1fr}.gridcn-card__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.lightbox__body{grid-template-columns:1fr;overflow:auto}.comparison-grid .image-frame__media{aspect-ratio:4/3}}@media (width<=640px){.app-shell{padding:12px}.app-header__title h1{font-size:1.75rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gridcn-card__body,.gridcn-card__header{padding:14px}.iteration-group{grid-template-columns:1fr}.iteration-chips{grid-template-columns:repeat(auto-fill,minmax(58px,1fr))}.lightbox{padding:8px}.lightbox__panel{width:calc(100vw - 16px);height:calc(100vh - 16px)}.lightbox__header{align-items:start}.lightbox__actions{gap:5px}.square-button{width:34px;height:34px}.lightbox__counter{display:none}}