:root{--bg-deep: #060807;--bg: #0c100e;--surface: #141a17;--surface-elevated: #1a221d;--surface-hover: #1f2822;--border: #2a332e;--border-bright: #3d4a42;--text: #ece8e1;--muted: #8a938b;--accent: #e8b86d;--accent-dim: #c49a5a;--accent-soft: rgba(232, 184, 109, .12);--accent-glow: rgba(232, 184, 109, .22);--danger: #e07a6e;--font-ui: "Outfit", system-ui, sans-serif;--font-display: "Fraunces", Georgia, serif;--radius: 12px;--radius-lg: 16px;--shadow: 0 20px 50px rgba(0, 0, 0, .55);--shadow-soft: 0 8px 32px rgba(0, 0, 0, .35);--header-h: 4.25rem}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;font-family:var(--font-ui);font-size:15px;line-height:1.55;color:var(--text);background-color:var(--bg-deep);background-image:radial-gradient(ellipse 100% 70% at 18% 0%,rgba(232,184,109,.09),transparent 55%),radial-gradient(ellipse 80% 50% at 100% 30%,rgba(80,120,100,.06),transparent 50%),linear-gradient(165deg,var(--bg) 0%,var(--bg-deep) 55%,#040605 100%)}body:before{content:"";pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#root{min-height:100vh;position:relative;z-index:1}.layout-root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,select,input{font:inherit;color:inherit}button{cursor:pointer;border:none;background:transparent}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);background:#0c100ec7;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 1px #e8b86d0f}.site-header__inner{max-width:1180px;margin:0 auto;padding:.65rem 1.35rem;min-height:var(--header-h);display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .85rem}@media(min-width:900px){.site-header__inner{flex-wrap:nowrap;gap:1rem;padding-top:0;padding-bottom:0}}.site-brand{display:inline-flex;align-items:center;gap:.65rem;flex:1 1 auto;min-width:0;color:var(--text);text-decoration:none;font-weight:600;letter-spacing:.02em}@media(min-width:900px){.site-brand{flex:0 0 auto}}.site-brand:hover{color:var(--accent);text-decoration:none}.site-brand__mark{width:2.25rem;height:2.25rem;border-radius:10px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dim) 100%);box-shadow:0 0 0 1px #0003,0 4px 14px var(--accent-glow)}.site-brand__text{font-family:var(--font-display);font-size:1.2rem;font-weight:600}.site-header__actions{flex:1 1 100%}@media(min-width:900px){.site-header__actions{flex:0 0 auto;margin-left:.5rem}}.site-header__cta{display:inline-flex;align-items:center;padding:.45rem 1rem;border-radius:999px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-dim) 100%);color:#1a1510;font-weight:600;font-size:.88rem;text-decoration:none;box-shadow:0 2px 12px var(--accent-glow);transition:transform .15s ease,filter .15s ease}.site-header__cta:hover{filter:brightness(1.05);transform:translateY(-1px);text-decoration:none}.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;flex:1 1 100%}@media(min-width:900px){.site-nav{flex:1 1 auto;justify-content:center}}.site-nav__link{padding:.4rem .95rem;border-radius:999px;font-size:.88rem;font-weight:500;color:var(--muted);text-decoration:none;border:1px solid transparent;transition:color .15s ease,background .15s ease,border-color .15s ease}.site-nav__link:hover{color:var(--text);background:#ffffff0a;text-decoration:none}.site-nav__link--active{color:var(--accent);background:var(--accent-soft);border-color:#e8b86d40}.site-header__user{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-left:auto}@media(min-width:900px){.site-header__user{margin-left:0;flex:0 0 auto}}.user-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.2rem .6rem .2rem .2rem;border-radius:999px;background:var(--surface-elevated);border:1px solid var(--border)}.user-chip__avatar{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#1a1510;background:linear-gradient(135deg,var(--accent) 0%,#b8956a 100%)}.user-chip__meta{display:flex;flex-direction:column;gap:0;line-height:1.2;text-align:left}.user-chip__name{font-size:.82rem;font-weight:600;color:var(--text);max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip__role{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.site-header__logout{padding:.4rem .85rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.85rem;font-weight:500;transition:color .15s ease,border-color .15s ease,background .15s ease}.site-header__logout:hover{color:var(--text);border-color:var(--border-bright);background:#ffffff0a}.btn-text{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;padding:.2rem .4rem}.btn-text:hover{text-decoration:underline}.auth-page{display:flex;justify-content:center;padding-top:2.5rem}.auth-alt{margin:1.25rem 0 0;text-align:center;font-size:.9rem}.auth-alt a{font-weight:600}.auth-card{max-width:420px;width:100%}.panel-title{margin:0 0 1rem;font-family:var(--font-display);font-size:1.2rem}.form-row-wrap{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.form-row-wrap .form-input{flex:1;min-width:140px}.data-table{width:100%;border-collapse:collapse;font-size:.92rem}.data-table th,.data-table td{padding:.65rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.data-table th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.app-shell{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:1.75rem 1.35rem 3.5rem}.list-page{display:flex;flex-direction:column;gap:1.5rem}.list-hero{padding:.25rem 0;max-width:36rem}.list-hero__eyebrow{margin:0 0 .35rem;font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.list-hero__title{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4.5vw,2.65rem);font-weight:600;letter-spacing:-.02em;line-height:1.15}.list-hero__desc{margin:.65rem 0 0;color:var(--muted);font-size:.95rem;line-height:1.55}.toolbar-panel{padding:1rem 1.15rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg,var(--surface) 0%,var(--surface-elevated) 100%);box-shadow:var(--shadow-soft)}.toolbar-panel__row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.25rem}.toolbar-panel__spacer{flex:1;min-width:.5rem}.select-wrap{display:flex;flex-direction:column;gap:.35rem}.select-wrap label{color:var(--muted);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.select-wrap select{padding:.55rem .85rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-deep);min-width:11rem;font-weight:500}.select-wrap select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pager{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .65rem}.pager__stat{font-size:.88rem;margin-right:.25rem}.pager__stat strong{color:var(--text);font-weight:600}.app-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.app-title{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.35rem);font-weight:600;letter-spacing:.02em}.app-sub{margin:.35rem 0 0;color:var(--muted);font-size:.9rem}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.toolbar label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.btn-page{padding:.4rem .85rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);transition:background .15s ease,border-color .15s ease}.btn-page:hover:not(:disabled){background:var(--surface-hover);border-color:var(--muted)}.btn-page:disabled{opacity:.35;cursor:not-allowed}.muted{color:var(--muted)}.error-banner{padding:1rem 1.1rem;border-radius:var(--radius);background:#e07a6e1f;border:1px solid rgba(224,122,110,.35);color:#f0c4be;margin-bottom:1.5rem}.hint-banner{padding:.85rem 1rem;border-radius:var(--radius);background:var(--accent-soft);border:1px solid rgba(212,165,116,.35);color:var(--muted);font-size:.88rem;margin-bottom:1.25rem}.loading{color:var(--muted);padding:2rem 0;text-align:center}@keyframes card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{background-position:200% 0}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.35rem}.grid--treemap{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:.75rem .85rem}.grid--skeleton{pointer-events:none}.card-skeleton{border-radius:var(--radius-lg);aspect-ratio:9 / 16;min-height:0;width:100%;background:linear-gradient(110deg,var(--surface) 0%,var(--surface-hover) 45%,var(--surface) 90%);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite;border:1px solid var(--border)}.card{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;color:inherit}.card__link{display:flex;flex:1;flex-direction:column;text-decoration:none;color:inherit}.card-delete{position:absolute;top:.55rem;right:.55rem;z-index:4;padding:.28rem .55rem;border:1px solid rgba(248,81,73,.55);border-radius:6px;background:#0d1117d1;color:#f85149;font-size:.72rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s ease,border-color .15s ease}.card-delete:hover:not(:disabled){background:#f8514933;border-color:#f85149}.card-delete:disabled{opacity:.6;cursor:wait}.card--enter{animation:card-enter .55s ease backwards}.card:hover{transform:translateY(-4px);border-color:#e8b86d73;box-shadow:var(--shadow-soft),0 0 0 1px #e8b86d1f,0 20px 40px #00000059;text-decoration:none}.card__visual{position:relative;overflow:hidden;background:#050605;aspect-ratio:9 / 16}.card img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.card:hover img{transform:scale(1.04)}.card__scrim{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 35%,rgba(4,6,5,.75) 100%)}.card__floating-meta{position:absolute;left:.75rem;right:.75rem;bottom:.65rem;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .65rem;z-index:1}.card__slug{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffffeb;text-shadow:0 1px 8px rgba(0,0,0,.6)}.card__dims{font-size:.72rem;font-weight:500;color:#ffffffbf;font-variant-numeric:tabular-nums}.card-body{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.05rem .95rem;border-top:1px solid var(--border);background:linear-gradient(180deg,var(--surface) 0%,var(--surface-elevated) 100%)}.card-cta{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text)}.card-cta__arrow{color:var(--accent);font-size:1.1rem;transition:transform .2s ease}.card:hover .card-cta__arrow{transform:translate(4px)}.card-meta{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.card-title{margin:.25rem 0 0;font-family:var(--font-display);font-size:1.15rem;font-weight:500}.detail-back{display:inline-block;margin-bottom:1.5rem;font-size:.9rem}.detail-layout{display:grid;gap:2rem}@media(min-width:840px){.detail-layout{grid-template-columns:minmax(0,1fr) minmax(0,380px);align-items:start}}.detail-image-wrap{border-radius:calc(var(--radius) + 4px);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);background:#000}.detail-image-wrap img{display:block;width:100%;height:auto;vertical-align:middle}.detail-panel{padding:1.25rem 1.35rem;border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:var(--surface)}.detail-panel h2{margin:0 0 .75rem;font-family:var(--font-display);font-size:1.4rem;font-weight:600}.prompt-block{margin:0;padding:1rem;border-radius:var(--radius);background:var(--bg-deep);border:1px solid var(--border);font-size:.88rem;white-space:pre-wrap;word-break:break-word;max-height:280px;overflow:auto}.caption-row{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.caption-row dt{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.caption-row dd{margin:.35rem 0 0;color:var(--text)}.empty-state{text-align:center;padding:3rem 1.5rem;border:1px dashed var(--border-bright);border-radius:var(--radius-lg);background:#141a1780}.empty-state__title{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--text)}.empty-state__text{margin:0;color:var(--muted);font-size:.95rem;line-height:1.6;max-width:26rem;margin-inline:auto}.empty-state a,.empty-state__text a{margin:0 .2rem;font-weight:600}.inline-code{font-family:ui-monospace,monospace;font-size:.88em;padding:.1em .35em;border-radius:4px;background:var(--bg-deep);border:1px solid var(--border)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.1rem;border-radius:var(--radius);background:var(--accent);color:#1a1410;font-weight:600;text-decoration:none;border:1px solid rgba(0,0,0,.12);transition:filter .15s ease,transform .12s ease}.btn-primary:hover:not(:disabled){filter:brightness(1.06);text-decoration:none}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-primary--compact{padding:.4rem .85rem;font-size:.9rem}.btn-secondary-link{align-self:center;color:var(--muted);font-size:.92rem}.btn-secondary-link:hover{color:var(--accent)}.form-page{max-width:640px}.form-panel{padding:1.35rem 1.4rem 1.5rem;border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.form-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.15rem}.form-field--half{flex:1;min-width:0;margin-bottom:0}.form-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.form-input,.form-textarea{width:100%;padding:.55rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-deep);color:var(--text)}.form-input:focus-visible,.form-textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.form-select option{background-color:var(--surface);color:var(--text)}.form-textarea{resize:vertical;min-height:5rem}.form-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.15rem}.form-inline-dims{display:flex;align-items:center;gap:.5rem}.form-inline-dims .form-input{flex:1;min-width:0}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border)}.status-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.status-online{background:#e6f4ea;color:#1a7f47}.status-busy{background:#fff3cd;color:#856404}.status-offline{background:#f8d7da;color:#721c24}.status-pending{background:#e2e3e5;color:#383d41}.status-running{background:#cce5ff;color:#004085}.status-completed{background:#d4edda;color:#155724}.status-failed{background:#f8d7da;color:#721c24}