.ai-bonsai-page{min-height:100vh;padding:92px 18px 32px;background:#f0f2f5;color:#1d2129}.ai-bonsai-shell{width:min(1120px,100%);margin:0 auto}.ai-bonsai-header{margin-bottom:16px}.ai-bonsai-header p{margin:0 0 6px;color:#1877f2;font-size:var(--app-font-size-meta);font-weight:var(--app-font-weight-emphasis);letter-spacing:.08em;text-transform:uppercase}.ai-bonsai-header h1{margin:0;font-size:var(--app-font-size-hero);line-height:1.08}.ai-bonsai-header span{display:block;max-width:640px;margin-top:8px;color:#65676b}.ai-bonsai-tool{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:16px;align-items:start}.ai-bonsai-panel,.ai-result-panel{border:1px solid #d9dde5;border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.07)}.ai-bonsai-panel{display:grid;gap:12px;padding:14px}.ai-upload-zone{min-height:280px;border:1px dashed #b7c3d1;border-radius:8px;background:#f7f8fa;color:#1d2129;cursor:pointer;display:grid;place-items:center;gap:10px;overflow:hidden}.ai-upload-zone>span{color:#45bd62;font-size:38px}.ai-result-panel img,.ai-upload-preview{width:100%;height:100%;display:block;object-fit:contain}.ai-upload-preview{min-height:inherit;background-position:50%;background-repeat:no-repeat;background-size:contain}.ai-bonsai-panel textarea{width:100%;min-height:110px;border:1px solid #d9dde5;border-radius:8px;padding:12px;resize:vertical}.ai-generate-btn{min-height:42px;border:0;border-radius:8px;background:#1877f2;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:var(--app-font-weight-emphasis)}.ai-generate-btn:disabled{cursor:not-allowed;opacity:.62}.ai-bonsai-panel p{margin:0;color:#65676b;font-size:var(--app-font-size-meta);line-height:1.45}.ai-error{display:grid;gap:8px;border:1px solid #fecaca;border-radius:8px;background:#fff1f2;color:#b42318;font-size:var(--app-font-size-small);line-height:1.4;padding:10px 12px}.ai-error a{width:fit-content;color:#1877f2;font-weight:var(--app-font-weight-emphasis);text-decoration:none}.ai-result-panel{min-height:640px;display:grid;place-items:center;overflow:hidden;background:#111827}.ai-result-panel>div{display:grid;justify-items:center;gap:10px;color:#d1d5db}.ai-result-panel>div>span:first-child{color:#facc15;font-size:42px}.ai-result-figure{width:100%;height:100%;min-height:inherit;display:grid;grid-template-rows:minmax(0,1fr) auto;margin:0}.ai-result-figure img{min-height:0}.ai-result-figure figcaption{border-top:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.58);color:#fff;font-size:var(--app-font-size-meta);font-weight:var(--app-font-weight-heading);padding:10px 12px}@media (max-width:860px){.ai-bonsai-page{padding:72px 0 82px}.ai-bonsai-tool{grid-template-columns:1fr}.ai-result-panel{min-height:420px}}