:root{color:#261f17;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent:#a24c1a;--accent-2:#df8f3b;--line:#4a2e121f;--panel:#fffcf7e6;--panel-strong:#fff8effa;--muted:#7b6957;background:radial-gradient(circle at top,#ffd6b173,#0000 35%),linear-gradient(#fff8ef 0%,#f6efe6 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body,button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button,select,textarea,input{outline:none}button:disabled{opacity:.65;cursor:not-allowed}h1,p{margin-top:0}#root{min-height:100vh}.shell{min-height:100vh;padding:28px}.hero{border:1px solid var(--line);background:radial-gradient(circle at 100% 0,#a24c1a2e,#0000 25%),linear-gradient(135deg,#fff9f1eb,#f8eee1f5);border-radius:32px;justify-content:space-between;align-items:flex-start;gap:24px;max-width:1280px;margin:0 auto 24px;padding:28px;display:flex;box-shadow:0 20px 50px #412b1214}.tabRow{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.tab,.activeTab{border:1px solid var(--line);cursor:pointer;background:#fffaf4d9;border-radius:999px;padding:12px 16px;font-weight:700}.activeTab{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.layout{grid-template-columns:minmax(0,430px) minmax(0,1fr);gap:24px;max-width:1280px;margin:0 auto;display:grid}.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:28px;align-content:start;gap:16px;padding:20px;display:grid;box-shadow:0 18px 46px #412b1214}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin:0 0 8px;font-size:.77rem}.copy,.hint,.empty span,.statusCard span,.statusCard small,.stack p,.introCard p{color:var(--muted);line-height:1.6}.statusCard{border:1px solid var(--line);background:var(--panel-strong);border-radius:22px;align-content:start;gap:8px;padding:18px;display:grid}.outputHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.outputHeader .eyebrow{margin-top:6px}.outputHeader .statusCard{min-width:260px}.upload{cursor:pointer;background:#a24c1a0d;border:1px dashed #a24c1a59;border-radius:22px;gap:8px;padding:18px;display:grid}.upload input{display:none}.preview,.video{background:#e8dccd;border-radius:24px;width:100%}.preview{object-fit:cover;min-height:260px}.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.output{gap:12px;display:grid}.textOutput{gap:14px;min-height:320px;display:grid}.outputActionRow{justify-content:flex-end;gap:10px;display:flex}.responseText{white-space:pre-wrap;border:1px solid var(--line);background:#fffcf7f5;border-radius:24px;max-height:540px;margin:0;padding:18px;line-height:1.7;overflow:auto}.actionRow{flex-wrap:wrap;gap:10px;display:flex}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.assetCard{display:block}.outputShell{min-height:320px;position:relative}.loadingOverlay{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#fff8efe0;border-radius:24px;place-content:center;justify-items:center;gap:12px;display:grid;position:absolute;inset:0}.loadingOverlay p{margin:0;font-weight:700}.spinner{border:4px solid #a24c1a29;border-top-color:var(--accent);border-radius:999px;width:42px;height:42px;animation:.8s linear infinite spin}.empty,.introCard{border:1px dashed var(--line);text-align:center;border-radius:24px;place-content:center;gap:8px;min-height:320px;padding:20px;display:grid}.stack{gap:14px;display:grid}.stack ul{color:var(--muted);margin:0;padding-left:18px;line-height:1.7}.error{color:#8e1c1c;background:#8e1c1c1f;border-radius:18px;margin:0;padding:14px 16px}.primaryButton,.secondaryButton,.panel select,.panel textarea{border-radius:18px}.primaryButton,.secondaryButton{cursor:pointer;text-align:center;border:0;padding:13px 18px;font-weight:700;text-decoration:none}.primaryButton{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff}.secondaryButton{color:inherit;background:#261f1714}.ghostButton{cursor:pointer;text-align:center;color:#8e1c1c;background:#8e1c1c14;border:1px solid #8e1c1c3d;border-radius:18px;padding:13px 18px;font-weight:700}.panel label{gap:8px;font-weight:700;display:grid}.panel textarea,.panel select{border:1px solid var(--line);background:#fffcf7f5;width:100%;padding:14px 16px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=960px){.hero,.layout,.row{grid-template-columns:1fr;display:grid}.shell{padding:16px}.outputHeader{grid-template-columns:1fr;display:grid}.tabRow,.hero{justify-content:flex-start}.gallery{grid-template-columns:1fr}}