.mbai-standalone{margin:0;min-height:100vh;background:#fbfaf7;overflow-x:hidden}.mbai-standalone .mbai-app{min-height:100vh}
:root{--mbai-ink:#202124;--mbai-muted:#6c6f73;--mbai-line:#e7e3dc;--mbai-paper:#fbfaf7;--mbai-accent:#4b6b67;--mbai-soft:#f1eee8;--mbai-danger:#9b4141}.mbai-app{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--mbai-ink);background:var(--mbai-paper);min-height:70vh;line-height:1.5}.mbai-wrap{max-width:1180px;margin:0 auto;padding:32px 24px 70px}.mbai-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px}.mbai-head h1{font-size:clamp(24px,3vw,42px);line-height:1.05;margin:5px 0 0;letter-spacing:-.035em}.mbai-brand,.mbai-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--mbai-accent)}.mbai-save{font-size:12px;color:#9a6a30;background:#fff5e4;padding:6px 10px;border-radius:99px}.mbai-save.ok{color:#336b49;background:#eaf5ed}.mbai-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:0 0 32px}.mbai-steps button{border:0;background:transparent;padding:8px 4px;color:#8a8b8c;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.mbai-steps span{width:24px;height:24px;border-radius:50%;border:1px solid #d6d4cf;display:grid;place-items:center;font-size:11px}.mbai-steps button.active{color:var(--mbai-ink);font-weight:700}.mbai-steps button.active span{background:var(--mbai-accent);color:#fff;border-color:var(--mbai-accent)}.mbai-section{max-width:1040px;margin:0 auto}.mbai-sectionhead{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.mbai-section h2,.mbai-center h2,.mbai-hero h2{font-size:clamp(30px,5vw,58px);letter-spacing:-.045em;line-height:1.02;margin:7px 0 10px}.mbai-sectionhead h2{font-size:clamp(28px,4vw,48px)}.mbai-sectionhead p,.mbai-center>p,.mbai-hero>p{color:var(--mbai-muted);max-width:690px;font-size:17px}.mbai-card{background:#fff;border:1px solid var(--mbai-line);border-radius:18px;padding:22px;box-shadow:0 5px 25px rgba(34,31,27,.035)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span2{grid-column:1/-1}label{font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:7px}label small{font-weight:500;color:var(--mbai-muted)}input,textarea,select{font:inherit;font-weight:500;color:var(--mbai-ink);background:#fff;border:1px solid #dcd8d1;border-radius:10px;padding:11px 12px;outline:none;width:100%;box-sizing:border-box}input:focus,textarea:focus,select:focus{border-color:var(--mbai-accent);box-shadow:0 0 0 3px rgba(75,107,103,.10)}textarea{resize:vertical}.mbai-btn{appearance:none;border:1px solid #d9d6d0;background:#fff;color:var(--mbai-ink);border-radius:11px;padding:11px 16px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.mbai-btn.primary{background:var(--mbai-ink);color:#fff;border-color:var(--mbai-ink)}.mbai-btn.big{padding:16px 24px;font-size:17px}.mbai-btn:disabled{opacity:.5;cursor:wait}.mbai-linkbtn{border:0;background:transparent;color:var(--mbai-accent);font-weight:700;text-decoration:underline;cursor:pointer;padding:10px}.mbai-actions{display:flex;justify-content:space-between;margin-top:24px;gap:12px}.mbai-hero{max-width:850px;margin:7vh auto;text-align:center}.mbai-hero>p{margin:0 auto 28px}.mbai-start{max-width:640px;margin:0 auto;text-align:left;display:grid;gap:14px}.mbai-memorylist{display:grid;gap:18px}.mbai-memory{background:#fff;border:1px solid var(--mbai-line);border-radius:18px;padding:20px}.mbai-memorytop{display:flex;gap:10px;align-items:center;margin-bottom:16px}.mbai-memorytop strong{flex:1}.mbai-number{width:30px;height:30px;border-radius:50%;background:var(--mbai-soft);display:inline-grid;place-items:center;font-size:12px;font-weight:800}.mbai-icon{border:0;background:#f4f1ed;border-radius:9px;padding:7px 9px;cursor:pointer}.mbai-icon.danger{color:var(--mbai-danger)}.mbai-images{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.mbai-thumb{width:104px;height:90px;position:relative;border-radius:10px;overflow:hidden;background:#eee}.mbai-thumb img{width:100%;height:100%;object-fit:cover}.mbai-thumb button{position:absolute;right:5px;top:5px;border:0;background:rgba(0,0,0,.65);color:#fff;border-radius:50%;width:24px;height:24px;cursor:pointer}.mbai-upload{width:104px;height:90px;border:1.5px dashed #c9c4bc;border-radius:10px;display:grid;place-items:center;text-align:center;color:var(--mbai-accent);cursor:pointer;font-size:12px;padding:8px;box-sizing:border-box}.mbai-order{display:grid;gap:9px}.mbai-orderitem{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--mbai-line);border-radius:13px;padding:12px 14px}.mbai-orderitem.dragging{opacity:.45}.mbai-orderitem>div:not(.ordBtns){flex:1}.mbai-orderitem small{display:block;color:var(--mbai-muted)}.drag{cursor:grab;color:#999}.ordBtns{display:flex;gap:5px}.ordBtns button{border:1px solid var(--mbai-line);background:#fff;border-radius:7px;padding:5px 9px;cursor:pointer}.style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.style-card{background:#fff;border:2px solid transparent;border-radius:16px;padding:10px;cursor:pointer;display:block}.style-card.selected{border-color:var(--mbai-ink)}.style-card input{position:absolute;opacity:0;pointer-events:none}.style-swatch{height:110px;background:var(--bg);border-radius:11px;margin-bottom:9px;display:flex;align-items:flex-end;justify-content:space-between;padding:13px;box-sizing:border-box;color:var(--text);overflow:hidden}.style-swatch i{width:44%;height:60%;border-radius:5px;background:var(--accent);opacity:.8}.style-swatch b{font-size:28px}.style-card strong,.style-card small{display:block}.style-card small{color:var(--mbai-muted);font-weight:500;margin-top:2px}.customStyle,.formatBox{margin-top:14px}.formatBox{display:grid;gap:14px}.print-note{display:flex;flex-direction:column;background:#edf4f1;border-radius:11px;padding:12px 14px;color:#345650;font-size:13px}.hidden{display:none!important}.mbai-center{text-align:center;max-width:780px;margin:8vh auto}.mbai-center>p{margin-left:auto;margin-right:auto}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0}.summary div{background:#fff;border:1px solid var(--mbai-line);border-radius:14px;padding:16px}.summary strong,.summary span{display:block}.summary strong{font-size:22px}.summary span{font-size:12px;color:var(--mbai-muted)}.ai-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left;margin:22px auto 30px;max-width:620px}.ai-list span{background:#f0f5f3;padding:10px 12px;border-radius:10px;color:#3f5d57}.mbai-preview{height:min(72vh,780px);background:#333;border-radius:16px;overflow:hidden;box-shadow:0 15px 50px rgba(0,0,0,.12);margin-bottom:18px}.mbai-preview iframe{width:100%;height:100%;border:0;background:#555}.revise{margin-top:20px}.revise h3{margin-top:0}.revRow{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.mbai-busy{position:fixed;inset:0;z-index:999999;background:rgba(250,249,246,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center}.mbai-busy span{color:var(--mbai-muted)}.mbai-spinner{width:34px;height:34px;border:3px solid #ddd;border-top-color:var(--mbai-accent);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mbai-toast{position:fixed;left:50%;bottom:20px;z-index:1000000;transform:translate(-50%,20px);opacity:0;background:#202124;color:#fff;padding:11px 16px;border-radius:10px;transition:.2s}.mbai-toast.show{opacity:1;transform:translate(-50%,0)}.mbai-toast.bad{background:#8b3333}.mbai-loading{min-height:55vh;display:grid;place-items:center;align-content:center}.bookList{display:grid;gap:8px}.bookPick{text-align:left;border:1px solid var(--mbai-line);background:#fff;border-radius:13px;padding:14px;cursor:pointer}.bookPick strong,.bookPick span,.bookPick small{display:block}.bookPick small{color:var(--mbai-muted)}@media(max-width:800px){.mbai-wrap{padding:20px 14px 50px}.mbai-head{align-items:flex-start}.mbai-steps{overflow-x:auto;grid-template-columns:repeat(6,minmax(95px,1fr));margin-left:-14px;margin-right:-14px;padding:0 14px}.mbai-steps button{font-size:12px}.grid2{grid-template-columns:1fr}.span2{grid-column:auto}.style-grid{grid-template-columns:1fr 1fr}.mbai-sectionhead{flex-direction:column}.summary{grid-template-columns:1fr}.ai-list{grid-template-columns:1fr}.revRow{grid-template-columns:1fr}.mbai-preview{height:62vh}.mbai-actions{position:sticky;bottom:8px;background:rgba(251,250,247,.92);padding:8px;border-radius:13px;backdrop-filter:blur(8px);z-index:10}.mbai-btn{min-height:44px}.mbai-orderitem{touch-action:manipulation}.mbai-hero{margin-top:3vh}}
.mbai-headtools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:620px){.mbai-headtools{justify-content:flex-start}.mbai-head{flex-direction:column}}

.mbai-thumb{width:156px;height:auto;overflow:visible;background:#fff;border:1px solid var(--mbai-line)}.mbai-thumb img{display:block;height:116px;border-radius:9px 9px 0 0}.mbai-thumb label{padding:8px;font-size:11px;gap:4px}.mbai-thumb select{font-size:12px;padding:7px 5px}.mbai-thumb button{top:5px;right:5px}