*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:system-ui,sans-serif}[hidden]{display:none!important}body{display:grid;grid-template-rows:54px 1fr;background:#eff8f4}header{display:flex;align-items:center;gap:12px;padding:0 18px;background:#fff;border-bottom:1px solid #dbe8e2}header strong{font-size:18px}#guest-badge{padding:4px 10px;border-radius:999px;background:#e4f5ed;color:#247455}header button{border:0;border-radius:18px;padding:9px 15px;background:#247455;color:#fff;cursor:pointer}#user-center{margin-left:auto;background:transparent;padding:0}main,iframe{width:100%;height:100%;border:0}dialog{border:0;border-radius:18px;box-shadow:0 20px 70px #0004;max-width:520px}dialog form,dialog label{display:grid;gap:8px}dialog input{padding:9px;border:1px solid #ccd8d2;border-radius:8px}dialog button{border:0;border-radius:16px;padding:9px 16px;margin:4px}.project-row{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid #ddd;padding:9px 0}.project-row img,.project-placeholder{width:52px;height:52px;border-radius:10px;background:#dcece5;object-fit:cover}.project-meta{display:grid;gap:3px}.project-meta small{color:#667}.project-actions{display:flex;flex-wrap:wrap}.project-empty-state{text-align:center;padding:20px;color:#52625d}.project-empty-state img{display:block;max-width:300px;width:100%;margin:0 auto 12px}#toast{position:fixed;right:16px;bottom:84px;background:#183b2e;color:#fff;padding:10px 16px;border-radius:12px;display:none;z-index:40}
#ai-launcher{position:fixed;right:18px;bottom:18px;z-index:30;border:0;border-radius:999px;padding:13px 18px;background:#6c4cd4;color:#fff;font-weight:700;box-shadow:0 8px 28px #34226b55;cursor:pointer}#ai-panel{position:fixed;right:18px;bottom:76px;width:min(370px,calc(100vw - 24px));max-height:calc(100vh - 90px);overflow:auto;z-index:35;background:#fff;border:1px solid #ded7f7;border-radius:18px;box-shadow:0 18px 60px #2e215355}#ai-drag-handle{display:flex;align-items:center;gap:8px;padding:13px 14px;background:#f2efff;border-radius:18px 18px 0 0;cursor:move;touch-action:none;user-select:none}#ai-drag-handle span{font-size:12px;color:#756c89}#ai-close{margin-left:auto;border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer}#ai-form{display:grid;gap:12px;padding:14px}#ai-form label{display:grid;gap:6px;font-size:14px;font-weight:650}#ai-form input,#ai-form select,#ai-form textarea{width:100%;padding:9px;border:1px solid #cfc8df;border-radius:9px;font:inherit}#ai-form textarea{resize:vertical}.ai-cost{margin:0;padding:9px;border-radius:10px;background:#fff7dc;color:#6e5011;font-size:13px}.ai-actions{display:flex;gap:8px}.ai-actions button,#ai-insufficient-recharge,#ai-login-link{border:0;border-radius:14px;padding:9px 14px;cursor:pointer}#ai-generate{background:#6c4cd4;color:#fff}#ai-cancel{background:#eee9f8}#ai-status{margin:0 14px 14px;padding:10px;border-radius:10px;background:#f5f5f7}#ai-status[data-state=failed],#ai-status[data-state=insufficient]{background:#fff0ee;color:#9b2c23}#ai-status[data-state=completed]{background:#e7f7ed;color:#17663a}#ai-insufficient-recharge,#ai-login-link{margin:0 14px 12px}#ai-insufficient-recharge{background:#247455;color:#fff}#ai-login-link{background:transparent;color:#5b3fc1;text-decoration:underline}#ai-result{padding:0 14px 14px}#ai-result img{display:block;width:100%;max-height:310px;object-fit:contain;border-radius:12px;background:#eee}#ai-result a{display:inline-block;margin-top:10px;padding:9px 14px;border-radius:14px;background:#247455;color:#fff;text-decoration:none}#ai-result p{font-size:12px;color:#665f70}
#ai-input-preview{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:10px;padding:8px;border-radius:10px;background:#f6f3ff}#ai-input-preview img{width:72px;height:72px;object-fit:cover;border-radius:8px}#ai-file-info{font-size:12px;color:#5e566b;overflow-wrap:anywhere}
@media(max-width:640px){#ai-panel{left:8px!important;right:8px!important;bottom:70px!important;top:auto!important;width:auto;max-height:70vh}#ai-drag-handle{cursor:default}header{gap:5px;padding:0 8px}header button{padding:7px 9px}header>strong{display:none}}
.field-help{max-width:34rem;margin:.25rem 0 .75rem;color:#4c5f50;font-size:.9rem}.terms-confirm{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:.4rem}.terms-confirm input{margin-top:.25rem}.terms-confirm a,.legal-footer a{color:#175d34}.terms-confirm a:focus-visible,.legal-footer a:focus-visible{outline:3px solid #65a96f;outline-offset:2px}#auth-error{min-height:1.4em;color:#a02020}.legal-footer{position:fixed;left:1rem;bottom:.5rem;z-index:9;display:flex;gap:1rem;padding:.35rem .6rem;border-radius:8px;background:rgba(255,255,255,.9);font-size:.85rem}