@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,800&family=JetBrains+Mono:wght@400;600&display=swap";.tia{--ink:200 38% 9%;--ink2:198 30% 15%;--paper:42 33% 95%;--line:190 25% 30%;--mute:190 12% 62%;--red:356 82% 58%;--ok:156 62% 48%;--warn:38 92% 56%;font-family:Bricolage Grotesque,ui-sans-serif,system-ui;color:hsl(var(--paper));background:radial-gradient(120% 80% at 50% 0%,#152a32,hsl(var(--ink)) 70%);border-radius:22px;position:relative;overflow:hidden;min-height:min(860px,calc(100dvh - 120px));display:flex;flex-direction:column}.tia.is-tv{position:fixed;top:0;right:0;bottom:0;left:0;border-radius:0;z-index:40;min-height:100dvh;font-size:1.22rem}.tia:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}.tia-mono{font-family:JetBrains Mono,ui-monospace,monospace}.tia-top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid hsl(var(--line)/.45);position:relative;z-index:3}.tia-title{font-weight:800;font-size:1.5em;letter-spacing:-.02em;line-height:1}.tia-sub{color:hsl(var(--mute));font-size:.8em;margin-top:4px}.tia-stats{display:flex;gap:16px;flex-wrap:wrap}.tia-stat b{display:block;font-size:1.3em;font-weight:600}.tia-stat span{font-size:.68em;color:hsl(var(--mute));text-transform:uppercase;letter-spacing:.12em}.tia-btn{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 14px;font-size:.85em;font-weight:600;border:1px solid hsl(var(--line));background:hsl(var(--ink2)/.7);color:hsl(var(--paper));transition:transform .15s,background .15s;cursor:pointer}.tia-btn:hover:not(:disabled){background:hsl(var(--line)/.6);transform:translateY(-1px)}.tia-btn:disabled{opacity:.45;cursor:not-allowed}.tia-btn.primary{background:hsl(var(--paper));color:hsl(var(--ink));border-color:transparent}.tia-btn.danger{border-color:hsl(var(--red)/.6);color:hsl(var(--red))}.tia-body{flex:1;display:grid;grid-template-columns:minmax(200px,260px) 1fr minmax(200px,260px);position:relative;min-height:0}.tia-stage{position:relative;min-height:420px;isolation:isolate;z-index:0}.tia-canvas{isolation:isolate;z-index:0}.tia-rail{display:flex;flex-direction:column;gap:8px;padding:14px;overflow:hidden;z-index:2}.tia-note{border-radius:14px;padding:10px 12px;background:color-mix(in srgb,var(--c) 18%,hsl(200 38% 9%/.85));border-left:4px solid var(--c);font-size:.8em;animation:tia-in .5s cubic-bezier(.2,.8,.2,1) both}.tia-note small{display:block;color:hsl(var(--mute));font-size:.85em;margin-top:3px}.tia-note.l-error{box-shadow:inset 0 0 0 1px hsl(var(--red)/.6)}@keyframes tia-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tia-dock{display:flex;gap:10px;overflow-x:auto;padding:12px 20px 16px;border-top:1px solid hsl(var(--line)/.45);z-index:3;position:relative}.tia-agent{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;background:hsl(var(--ink2)/.8);border:1px solid hsl(var(--line)/.6);color:inherit;cursor:pointer;text-align:left}.tia-agent:hover{border-color:var(--c)}.tia-hardware-icon{width:32px;height:32px;border-radius:7px;background:linear-gradient(145deg,#34424b,#152029);border:1px solid #52616b;box-shadow:inset 0 1px #ffffff16;display:grid;place-items:center;color:var(--c);flex:none}.tia-agent.off .tia-hardware-icon{filter:grayscale(.85);opacity:.6}.tia-agent b{display:block;font-size:.85em}.tia-agent span{font-size:.7em;color:hsl(var(--mute))}.tia-legend{position:absolute;left:12px;bottom:10px;display:flex;gap:12px;font-size:.7em;color:hsl(var(--mute));z-index:2;flex-wrap:wrap}.tia-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:middle}.tia-label{font:600 11px JetBrains Mono,monospace;padding:2px 6px;border-radius:6px;background:#0e1a20d9;color:#f6f4ee;white-space:nowrap;pointer-events:none;border:1px solid hsl(190 25% 30%)}.tia-label.off{border-color:#ec3c48;color:#f9868e}.tia-pc-online-label{display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.tia-label.online{border-color:#2fc68a;color:#8eebc6;background:#143427eb;font-size:10px;letter-spacing:.08em}.tia-fallback{padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;overflow:auto;max-height:100%}.tia-pc{border-radius:12px;padding:10px;background:hsl(var(--ink2)/.8);border:1px solid hsl(var(--line)/.5);font-size:.78em}.tia-pc.off{border-color:hsl(var(--red));background:hsl(var(--red)/.12)}.tia-modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#080e12b3;display:flex;align-items:center;justify-content:center;padding:12px}.tia-modal{width:min(880px,100%);max-height:calc(100dvh - 24px);overflow:auto;border-radius:20px;background:#f8f6f1;color:#13222a;font-family:Bricolage Grotesque,system-ui;box-shadow:0 30px 80px -20px #0008}.tia-modal header{position:sticky;top:0;background:inherit;padding:16px 20px;border-bottom:1px solid hsl(200 20% 85%);display:flex;justify-content:space-between;gap:10px;align-items:center;z-index:1}.tia-modal h2{font-weight:800;font-size:1.3rem}.tia-modal section{padding:14px 20px;border-bottom:1px solid hsl(200 20% 90%)}.tia-modal h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:#526e7a;margin-bottom:8px;font-weight:600}.tia-modal .tia-btn{background:#e7ecef;color:#13222a;border-color:#c2cfd6}.tia-modal .tia-btn.primary{background:#13222a;color:#f8f6f1}.tia-modal .tia-btn.danger{color:#c3222d;border-color:#e87d84}.tia-f{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.tia-f label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;font-weight:600}.tia-f input,.tia-f select,.tia-f textarea,.tia-in{border:1px solid hsl(200 20% 78%);border-radius:10px;padding:8px 10px;background:#fdfdfb;font-weight:400;font-size:.9rem;color:inherit}.tia-checks{display:flex;flex-wrap:wrap;gap:6px;max-height:190px;overflow:auto}.tia-chk{display:inline-flex;gap:6px;align-items:center;padding:5px 10px;border-radius:999px;border:1px solid hsl(200 20% 80%);font-size:.8rem;cursor:pointer;user-select:none}.tia-chk.on{background:#13222a;color:#f8f6f1;border-color:transparent}.tia-err{color:#b6202a;font-size:.82rem;margin-top:6px}.tia-job{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px dashed hsl(200 20% 85%);font-size:.8rem;align-items:center}.tia-state{font:600 .68rem JetBrains Mono,monospace;padding:2px 8px;border-radius:999px;text-transform:uppercase}.s-queued{background:#dae2e7}.s-running{background:#c8e0f9;color:#174d82}.s-succeeded{background:#c6ecdd;color:#165a3f}.s-noop{background:#ede5d4}.s-failed{background:#fad1d4;color:#a51d26}.s-cancelled,.s-deferred{background:#f9e7c8;color:#824d17}@media(max-width:1024px){.tia-body{grid-template-columns:1fr}.tia-rail{flex-direction:row;overflow-x:auto;padding:8px 12px}.tia-note{flex:0 0 220px}.tia-rail.r{order:3}.tia-stage{min-height:56dvh}}@media(prefers-reduced-motion:reduce){.tia-note{animation:none}.tia-btn{transition:none}}.tia-pcpanel{position:absolute;right:12px;top:12px;width:min(300px,calc(100% - 24px));z-index:4;border-radius:14px;padding:12px;background:#0e1a20eb;border:1px solid hsl(190 25% 30%);font-size:.82em;display:flex;flex-direction:column;gap:3px}
