@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";.produktos{height:100%;color:var(--text);padding:32px;overflow-y:auto}.produktos-header,.produktos-search,.produktos>div{max-width:1200px;margin-inline:auto}.produktos-header{padding-block:8px 24px}.produktos h1{font-family:var(--font-head);margin:10px 0;font-size:38px}.produktos h2{font-size:21px}.produktos p{margin:8px 0;line-height:1.6}.produktos-muted{color:var(--text2);font-size:13px}.produktos-search{border:1px solid var(--border);background:var(--bg2);border-radius:16px;padding:24px}.produktos-fields{flex-wrap:wrap;gap:16px;display:flex}.produktos label{flex-direction:column;flex:1;gap:8px;min-width:0;margin-bottom:16px;font-size:13px;display:flex}.produktos input,.produktos select{background:var(--bg3);color:var(--text);border:1px solid var(--border);width:100%;font:inherit;border-radius:8px;padding:12px}.produktos input:focus-visible,.produktos select:focus-visible,.produktos button:focus-visible,.produktos a:focus-visible,.produktos summary:focus-visible{outline:2px solid var(--accent1);outline-offset:3px}.produktos-submit{background:var(--grad-cta);color:#111;cursor:pointer;border:none;border-radius:8px;margin-top:10px;padding:13px 22px;font-weight:700}.produktos-submit:disabled{opacity:.5;cursor:not-allowed}.produktos-results-header{flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:30px;display:flex}.produktos-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px;margin-top:20px;display:grid}.produktos-more{justify-content:center;margin-top:24px;display:flex}.produktos-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;overflow:hidden}.produktos-media{aspect-ratio:4/3;background:var(--bg3);color:var(--text2);justify-content:center;align-items:center;font-size:13px;display:flex;position:relative}.produktos-media img{object-fit:contain;width:100%;height:100%}.produktos-format{color:#fff;background:#111d;border-radius:6px;padding:5px 9px;position:absolute;bottom:12px;left:12px}.produktos-card-body{overflow-wrap:anywhere;padding:18px}.produktos-card h3{font-size:17px;line-height:1.4}.produktos-copy{color:var(--text2);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.produktos a{color:var(--accent1);padding:8px 0;font-size:13px;display:block}.produktos details{border-top:1px solid var(--border);margin-top:10px;padding-top:12px;font-size:13px}.produktos summary{cursor:pointer}.produktos-plan{background:var(--bg2);border:1px solid var(--border);border-radius:12px;margin-block:16px;padding:18px}.produktos-plan ol{padding-left:22px}.produktos-plan li{padding-top:12px}.produktos-empty{text-align:center;color:var(--text2);padding:44px 20px}.produktos-error,.produktos-notice{background:var(--bg3);border-radius:8px;margin-block:16px;padding:16px}.produktos-error{color:#fca5a5}@media (max-width:600px){.produktos{padding:18px}.produktos-search{padding:16px}.produktos-fields{flex-direction:column;gap:0}.produktos-submit{width:100%}}@media (max-width:768px){:root{--sidebar-w:260px}#sidebar-desktop{display:none!important}#mobile-topbar{display:flex!important}.imagegen-grid{flex-direction:column!important;display:flex!important}.imagegen-col-right{display:contents!important}.imagegen-upload{order:1}.imagegen-col-left{order:2}.imagegen-gen-btn{order:3}.imagegen-api{order:4}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#181818;--bg2:#1e1e1e;--bg3:#252525;--bg4:#2e2e2e;--border:#333;--text:#f5f5f5;--text2:#a0a0a0;--text3:#5c5c5c;--accent1:#f5a623;--accent2:#f0c040;--grad:linear-gradient(135deg,#f5a623,#f0c040);--grad-hover:linear-gradient(135deg,#f7b840,#f3cc55);--grad-cta:linear-gradient(135deg,#f5a623,#3dd6a0);--font-head:"Barlow Condensed",sans-serif;--font-body:"Inter",sans-serif;--radius:12px;--radius-sm:8px;--sidebar-w:240px}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}*{scrollbar-width:thin;scrollbar-color:var(--border)transparent}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}@keyframes typingDot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.9;transform:translateY(-3px)}}@keyframes pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}