.home-nav{display:flex;align-items:center;padding-bottom:24px}.logo picture,.logo img{display:block}.logo img{height:42px;width:auto}.logo-text{font-size:24px;font-weight:700;letter-spacing:10%;text-transform:uppercase;color:var(--color-slate-900)}.app-shell{min-height:100vh;padding:48px;display:flex;flex-direction:column;gap:12px}.filters{display:flex;flex-wrap:wrap;gap:.6rem}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.tile{display:block;border-radius:16px;background:var(--surface-tile);border:1px solid var(--border-warm);animation:fadeDiv .35s ease forwards;opacity:0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:var(--shadow-1)}.tile:hover{transform:translateY(-5px) scale(1.03);box-shadow:var(--shadow-2);border-color:#a6e22e59}.tile-media{position:relative;margin:0;aspect-ratio:4 / 3;overflow:hidden;border-radius:16px}.tile-media img{border-radius:8px;height:100%;width:100%;display:block;object-fit:cover}.tile-tags{position:absolute;left:.7rem;bottom:.6rem;display:flex;gap:.35rem;flex-wrap:wrap}.empty{color:var(--color-slate-900)}.panel{padding:24px}.panel.vertical{display:flex;flex-direction:column;gap:24px}.panel-header.vertical{flex-direction:column;gap:8px}.io-section{display:flex;flex-direction:column;gap:12px;min-height:0}.io-grid{display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch}@media(min-width:960px){.io-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}}@media(max-width:960px){.io-section textarea,.io-section .output-card{min-height:220px}}.io-section-wrapper{position:relative}.io-section-wrapper:hover .actions-row,.io-section-wrapper:focus-within .actions-row{opacity:1;pointer-events:auto}.button-row{display:flex;flex-wrap:wrap;gap:8px}.actions-row{position:absolute;top:12px;right:12px;display:inline-flex;gap:8px;opacity:0;pointer-events:none;transition:opacity .2s ease}textarea{min-height:400px;width:100%;border-radius:8px;padding:24px;font-size:16px;resize:vertical;border:1px solid #0f172a1e}.output-textarea{background:var(--color-slate-50)}.output-card{min-height:400px;border-radius:8px;border:1px solid #0f172a1e;background:var(--color-slate-50);padding:24px;display:flex;flex-direction:column;align-items:flex-start;position:relative}.output-card:hover .actions-bar{opacity:1;pointer-events:auto}.loading-row{display:inline-flex;align-items:center;gap:.6rem;color:var(--color-slate-700);padding-bottom:8px}.unavailable-card{border-radius:8px;border:1px solid #0f172a14;margin-top:24px;margin-bottom:24px;background:var(--color-amber-50);color:var(--color-amber-800);display:flex;flex-direction:column;flex:1;min-height:200px;justify-content:center;align-items:center}.download-container{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%}:root{--bg: #FFFCF2;--surface-tile: #FFF8E1;--surface-panel: #FFFEF7;--border-warm: rgba(233, 223, 167, .85);--shadow-1: 0 10px 24px rgba(17,24,39,.07), 0 2px 8px rgba(17,24,39,.04);--shadow-2: 0 18px 40px rgba(17,24,39,.1), 0 6px 14px rgba(17,24,39,.06);--color-white: #ffffff;--color-slate-50: #f8fafc;--color-slate-100: #f4faff;--color-slate-200: #e4e7f4;--color-slate-300: #d0d5f0;--color-slate-400: #cbd5f5;--color-slate-500: #94a3b8;--color-slate-600: #6c748b;--color-slate-700: #475467;--color-slate-800: #1f1f3d;--color-slate-900: #111827;--color-slate-950: #0f172a;--color-amber-50: #fff7ed;--color-amber-100: #fef3c7;--color-amber-300: #f5c857;--color-amber-500: #c99c44;--color-amber-700: #92400e;--color-amber-800: #7c2d12;--color-sky-100: #e0f2fe;--color-sky-200: #bae6fd;--color-sky-900: #075985;--color-indigo-400: #cbd5f5;--color-indigo-500: #6366f1;--color-indigo-600: #635bff;--color-violet-500: #8b5cf6;--color-mint-200: #6ee7b7;--color-mint-300: #d1fae5;--color-emerald-700: #15803d;--color-midnight-800: #1e2336;--color-midnight-850: #11172a;--color-midnight-900: #050816;--color-orange-100: #ffedd5;--color-orange-200: #fed7aa;--color-orange-400: #fb923c;--color-orange-500: #f97316;--color-green-100: #dcfce7;--color-green-500: #22c55e;--color-blue-100: #dbeafe;--color-blue-500: #3b82f6;--color-red-100: #fee2e2;--color-red-500: #ef4444}:root{font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;color:var(--color-slate-950);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;color:inherit}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed}h1{font-size:24px;line-height:36px;font-weight:600}p{font-size:16px;line-height:19px}.panel{background:var(--surface-panel);border:1px solid var(--border-warm);box-shadow:var(--shadow-1);border-radius:24px;position:relative;animation:fadeDiv .35s ease forwards;opacity:0}.panel-header{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.panel-pill-group{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}@keyframes fadeDiv{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}