:root{color-scheme:light;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#1f2937}html,body,#root{height:100%}.app{padding:12px;display:flex;flex-direction:column;gap:10px;max-width:760px;margin:0 auto;min-height:100%}.header-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.app-header{background:linear-gradient(180deg,#f9fbff,#eef4ff);border:1px solid #d4deef;border-radius:12px;padding:10px 12px}.brand-wrap{display:flex;align-items:center;gap:10px}.brand-logo{width:42px;height:42px;object-fit:contain;object-position:center center;border-radius:10px;border:1px solid #e6edf8;background:#eaf1fb;padding:2px;display:block;transform:scale(1.18);transform-origin:center}.header-title{margin:0;font-size:17px;line-height:1.2;color:#1f2937}.header-subtitle{margin:4px 0 0;color:#4b5563;font-size:12px}.card{background:#fff;border:1px solid #dbe3f0;border-radius:10px;padding:12px}.card h3{margin:0 0 10px;font-size:15px}label{display:block;font-size:12px;margin:8px 0 4px;color:#374151}input,select,textarea{width:100%;border:1px solid #cad5e6;border-radius:8px;padding:8px;font-size:13px;background:#fff}textarea{resize:vertical}button{border:0;border-radius:8px;background:#0f6cbd;color:#fff;padding:8px 10px;cursor:pointer;margin-top:10px;font-size:13px}button.secondary{background:#5c6b82}.icon-button{width:38px;height:38px;margin-top:0;display:inline-flex;align-items:center;justify-content:center;padding:0}.nav-toggle{background:#e8f1ff;color:#0f6cbd;border:1px solid #c9dcf7;border-radius:10px;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.nav-toggle:hover{background:#dcecff;border-color:#b8d1f5;color:#0b5ea7}.nav-toggle:focus-visible{outline:2px solid #7fb2ea;outline-offset:2px}.nav-toggle svg{stroke:currentColor}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:8px;flex-wrap:wrap}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inline-field label{margin-top:0}.settings-drawer{background:#eef3fb;border:1px solid #d4deef;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:10px}.settings-drawer h2{margin:2px 0 0;font-size:16px}.settings-disclaimer{display:flex;align-items:flex-start;gap:8px;background:#f6f9ff;border:1px solid #d7e4fb;border-radius:10px;padding:10px}.settings-disclaimer-icon{width:20px;height:20px;min-width:20px;color:#2563eb;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}.settings-disclaimer p{margin:0;font-size:11.5px;line-height:1.45;color:#475569}.settings-disclaimer-copy p+p{margin-top:8px}.token-row{margin-bottom:8px}.token-button{margin-top:0;padding:6px 8px;font-size:12px}.warning{border-left:4px solid #d97706}.privacy-compact{background:#f7f9fc;border:1px solid #e4e9f3;border-left:3px solid #c7d2e5;padding:8px 10px}.privacy-compact h4{margin:0 0 4px;font-size:12px;font-weight:600;color:#4b5563}.privacy-compact p{margin:2px 0;font-size:11px;line-height:1.35;color:#6b7280}.muted{color:#6b7280;font-size:12px}.model-used{margin:8px 0 0;font-size:11px;color:#1d4ed8;font-weight:600}.timing-stat{margin:0;font-size:11px;color:#0f766e;font-weight:600}.generate-row{display:flex;align-items:center;gap:10px;margin-top:10px}.generate-row button{margin-top:0}.message{border-radius:8px;padding:10px;font-size:13px}.message.success{background:#e7f9ef;color:#065f46;border:1px solid #a7f3d0}.message.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}@media (max-width: 480px){.inline-fields{grid-template-columns:1fr}}