:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#08111f;color:#e5eefb;line-height:1.5;font-weight:400;--bg: #08111f;--bg-elevated: rgba(10, 18, 33, .84);--bg-muted: rgba(15, 23, 42, .78);--surface: rgba(255, 255, 255, .04);--surface-strong: rgba(255, 255, 255, .06);--border: rgba(148, 163, 184, .16);--border-strong: rgba(148, 163, 184, .28);--text: #e5eefb;--text-muted: #9cb0ca;--text-soft: #cdd9ea;--primary: #4f8cff;--primary-strong: #2f6fff;--success: #22c55e;--error: #f87171;--shadow-lg: 0 24px 60px rgba(2, 6, 23, .35);--shadow-md: 0 16px 36px rgba(2, 6, 23, .24);--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at top,rgba(79,140,255,.24),transparent 28%),radial-gradient(circle at 20% 20%,rgba(14,165,233,.14),transparent 24%),linear-gradient(180deg,#08111f,#020617);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea,summary{font:inherit}button{cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}img{display:block;max-width:100%}pre{margin:0;overflow-x:auto;white-space:pre-wrap;word-break:break-word}small{color:var(--text-muted)}#root{width:100%}:focus-visible{outline:2px solid rgba(96,165,250,.9);outline-offset:2px}.app-shell,.mvp-shell{width:min(1480px,calc(100% - 32px));margin:0 auto;padding:28px 0 56px}.mvp-shell{width:min(1180px,calc(100% - 32px))}.app-header,.mvp-header{margin-bottom:26px}.app-header-row,.mvp-header-top,.panel-header,.detail-hero,.history-card,.actions-row,.upload-controls,.endpoint-header,.endpoint-actions{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.app-header-actions,.header-status,.hero-actions,.main-nav,.pill-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.app-surface,.panel,.hero-card,.settings-panel,.endpoint-panel{border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-lg)}.panel,.hero-card,.settings-panel,.endpoint-panel,.app-surface{padding:24px}.settings-panel{margin-bottom:28px}.brand-copy{display:grid;gap:14px;max-width:720px}.eyebrow{margin:0;color:#7dd3fc;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:700}.mvp-title,.app-header h1,.group-header h2,.endpoint-header h3,.panel h1,.panel h2,.panel h3,.template-card h3,.context-card strong,.stat-card strong{margin:0}.mvp-title,.hero-card h2,.panel h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.03em}.hero-card h2{font-size:clamp(1.9rem,3.2vw,2.85rem)}.panel h2{font-size:1.4rem;line-height:1.15}.intro,.hero-copy,.subtle-text,.group-header p,.endpoint-header p,.panel-header p{margin:0;color:var(--text-muted)}.intro,.hero-copy{font-size:1.04rem;max-width:62ch}.main-nav{margin-top:18px}.nav-link,.secondary-link,.primary-link,.tab-button,button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid transparent;border-radius:999px;padding:10px 16px;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}button,.primary-link{background:linear-gradient(135deg,var(--primary-strong),var(--primary));color:#fff;box-shadow:0 10px 24px #2f6fff38}.nav-link,.secondary-link,.tab-button,.secondary-button{background:#94a3b81a;color:var(--text);border-color:var(--border)}.nav-link:hover,.secondary-link:hover,.primary-link:hover,.tab-button:hover,button:hover,.secondary-button:hover{transform:translateY(-1px)}.nav-link.active,.active-tab{background:#4f8cff29;border-color:#60a5fa66;color:#dbeafe}.notice-banner,.notice-panel{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:16px;padding:18px 20px;border:1px solid rgba(96,165,250,.22);border-radius:var(--radius-lg);background:linear-gradient(180deg,#0f172af2,#0a1221e6)}.app-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:28px;padding:18px 20px;border-top:1px solid var(--border)}.header-status{justify-content:flex-end}.header-status-card{min-width:min(100%,280px)}.mvp-main,.mvp-stack,.hero-side,.detail-grid,.template-grid,.history-list,.media-grid,.image-grid,.form-grid,.settings-grid,.endpoint-body,.response-grid,.auth-panel,.template-card-body,.detail-copy,.output-stack,.upload-panel,.context-grid,.advanced-settings{display:grid;gap:16px}.hero-card,.detail-hero{align-items:center}.hero-card{grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr)}.detail-hero{grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:24px}.hero-copy-block{display:grid;gap:16px}.hero-side{min-width:220px}.stat-card,.context-card,.response-grid>div,.media-card,.history-card,.template-card,.empty-state-card,.upload-preview-card{border:1px solid var(--border);background:#02061775;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.stat-card,.context-card,.response-grid>div,.media-card,.history-card,.empty-state-card,.upload-preview-card{padding:18px}.compact-stat{min-width:126px}.stat-card strong,.template-card-body h3,.context-card strong{display:block;margin-top:6px;font-size:1.05rem}.stat-label,.response-label{color:var(--text-soft);font-size:.9rem}.detail-grid,.media-grid,.image-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.template-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.history-list{grid-template-columns:1fr}.form-grid,.settings-grid,.response-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.context-grid{grid-template-columns:minmax(0,1fr) auto;margin-top:16px}.template-card{display:grid;overflow:hidden;padding:0;transition:transform .18s ease,border-color .18s ease}.template-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.template-preview,.detail-preview,.result-video,.result-image,.upload-preview{width:100%;object-fit:cover;background:#0f172ab3}.template-preview,.placeholder-preview{aspect-ratio:4 / 3}.detail-preview{max-width:340px;max-height:340px;border-radius:22px;justify-self:end}.placeholder-preview{display:grid;place-items:center;background:radial-gradient(circle at top,rgba(79,140,255,.22),transparent 60%),linear-gradient(180deg,#0f172af2,#020617f2);color:#dbeafe;font-size:2.25rem;font-weight:700}.template-card-body,.detail-copy{padding:18px}.template-card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.pill,.method-badge,.path-badge,.status-ok,.status-error{display:inline-flex;align-items:center;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:600}.pill,.path-badge{background:#94a3b824;color:var(--text-soft)}.subtle-pill{background:#0f172af2}.status-message{margin:0;color:var(--text-soft)}.success-message,.status-ok,.method-badge{background:#22c55e29;color:#86efac}.error-message,.status-error{background:#f871711f;color:#fecaca;padding:12px 14px;border-radius:var(--radius-md)}.empty-state-card{display:grid;gap:10px;justify-items:start}.empty-state-card h3,.output-heading{margin:0}.empty-state{margin:0;color:var(--text-muted)}.media-card{display:grid;gap:12px}.image-grid a{border-radius:var(--radius-lg);overflow:hidden}.result-image{aspect-ratio:1 / 1}.result-video{aspect-ratio:16 / 9;border-radius:var(--radius-lg);background:#020617}.field{display:flex;flex-direction:column;gap:8px}.field span{color:var(--text-soft);font-size:.92rem}.field input,.field textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:#0f172ae6;color:#f8fbff;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field input:focus,.field textarea:focus{border-color:#60a5fa99;box-shadow:0 0 0 4px #3b82f624}.field input[type=checkbox]{width:auto;min-height:auto}.field textarea{resize:vertical}.checkbox-field,.checkbox-card{display:inline-flex;align-items:center;gap:10px;color:var(--text)}.checkbox-card{min-height:48px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:#0f172ae6}.json-input,.raw-block{font-family:SFMono-Regular,SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92rem}.raw-block{padding:16px;border-radius:var(--radius-lg);background:#020617cc;border:1px solid var(--border)}.raw-details{display:grid;gap:14px}.raw-details summary{cursor:pointer;list-style:none;color:var(--text);font-weight:600}.raw-details summary::-webkit-details-marker{display:none}.upload-panel{margin-top:8px;padding-top:18px;border-top:1px solid var(--border)}.upload-controls input[type=file]{flex:1 1 auto}.upload-preview-card{display:grid;gap:14px;grid-template-columns:104px minmax(0,1fr);align-items:center}.upload-preview{aspect-ratio:1 / 1;border-radius:14px}.upload-preview-copy{display:grid;gap:6px}.actions-row{margin-top:12px}.group-section{margin-top:28px}.group-header{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:12px}.group-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.endpoint-badges{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.auth-hint{color:var(--text-muted);font-size:.9rem}.response-panel{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.response-summary{display:flex;gap:12px;align-items:center;margin-bottom:12px;color:var(--text-soft)}@media(max-width:900px){.hero-card,.detail-hero{grid-template-columns:1fr}.detail-preview{max-width:none;justify-self:stretch}}@media(max-width:768px){.app-shell,.mvp-shell{width:min(100%,calc(100% - 24px));padding:18px 0 40px}.app-surface,.panel,.hero-card,.settings-panel,.endpoint-panel{padding:18px;border-radius:20px}.app-header-row,.mvp-header-top,.panel-header,.history-card,.actions-row,.upload-controls,.endpoint-header,.endpoint-actions,.notice-banner,.notice-panel,.context-grid,.app-footer{display:grid;grid-template-columns:1fr}.header-status,.endpoint-badges{justify-content:flex-start;align-items:flex-start}.main-nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.nav-link{white-space:nowrap}.upload-preview-card,.group-grid{grid-template-columns:1fr}}@media(max-width:560px){.template-grid,.detail-grid,.media-grid,.image-grid,.form-grid,.settings-grid,.response-grid{grid-template-columns:1fr}.mvp-title,.hero-card h2,.panel h1{font-size:1.75rem}}