.ai-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.ai-inputs,.ai-output{border:1px solid var(--border,#dedede);border-radius:24px;padding:24px;background:var(--panel,#fff)}.ai-input-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.ai-input-grid img{display:block;width:100%;height:240px;object-fit:contain;background:#f3f3f3;border-radius:12px}.ai-input-grid label{display:block;margin-top:12px}.ai-input-grid input{max-width:100%;margin-top:8px}.ai-output img{width:100%;max-height:640px;object-fit:contain}.ai-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.ai-status{min-height:3em;margin:16px 0;line-height:1.6}.ai-output[aria-busy=true]{opacity:.65}.ai-consent{display:flex;gap:10px;margin:20px 0;line-height:1.6}.ai-consent input{flex-shrink:0}.ai-inputs select{margin:12px;padding:8px}.ai-empty{padding:80px 20px;text-align:center;line-height:1.7}.ai-boundary{padding:14px 0;line-height:1.7;color:#555}.ai-link{white-space:nowrap}.ai-input-grid input[type=file]{font-size:12px}@media(max-width:700px){.ai-layout{grid-template-columns:1fr;gap:16px}.ai-inputs,.ai-output{padding:18px}.ai-input-grid img{height:170px}.ai-empty{padding:40px 12px}.header{flex-wrap:wrap}.ai-link{font-size:13px}}

.ai-inputs,.ai-output,.ai-input-grid>div{min-width:0}.ai-consent span{min-width:0}
.ai-candidates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.ai-candidate{border:1px solid #444;background:#222;color:#ddd;border-radius:12px;padding:8px;cursor:pointer;min-width:0}.ai-candidate[aria-pressed=true]{border-color:#b0a3ff;box-shadow:0 0 0 1px #b0a3ff}.ai-candidate img{width:100%;height:90px;object-fit:contain;border-radius:8px;background:#eee}.ai-candidate span{display:block;font-size:11px;line-height:1.5;overflow-wrap:anywhere;margin-top:6px}.ai-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px}.ai-nav .button{padding:10px 12px;min-width:0;font-size:13px}.ai-nav span{font-size:12px;white-space:nowrap}.ai-swipe-zone{touch-action:pan-y;min-height:80px}.ai-output img{user-select:none;-webkit-user-drag:none}.ai-candidate:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:700px){.ai-candidate img{height:68px}.ai-candidates{gap:6px}.ai-output img{max-height:510px}}
.ai-inputs,.ai-output{background:#141414;color:#f5f5f5;border-color:#343434}.ai-input-grid img{background:#ededed}.ai-boundary{color:#a6a6a6}.ai-inputs .button.primary,.ai-output .button.primary{background:#fff;color:#111}.ai-inputs .button.secondary,.ai-output .button.secondary{background:#222;color:#fff;border:1px solid #444}.ai-inputs label,.ai-inputs h2,.ai-output h2,.ai-status,.ai-empty,.ai-consent{color:#f5f5f5}.ai-inputs input[type=file]{color:#bdbdbd}.ai-output{background:radial-gradient(ellipse at top right,#22273b 0%,#141414 50%)}