/* Page-first editor: outline, canvas, and tools opened only for the current task. */
.mb-editor{position:fixed;inset:0;z-index:18000;background:#eeefec;color:#20221f;display:flex;flex-direction:column;font:14px/1.5 Arial,sans-serif}.mb-editor *,.mb-modal *{box-sizing:border-box}.mb-editor button,.mb-editor input,.mb-editor textarea,.mb-editor select{font:inherit}.mb-editor button{cursor:pointer}.mb-editor [hidden],.mb-modal [hidden]{display:none!important}
.mb-head{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid #dfe1dc;background:#fff;flex-wrap:wrap}.mb-head strong{font-size:15px;margin-right:auto;flex:1;min-width:80px;max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-status{color:#656b62;font-size:12px}.mb-head button,.mb-panel button,.mb-library button,.mb-modal button,.mb-context button{padding:9px 12px;border:1px solid #d9ddd5;border-radius:8px;background:#fff;color:#222;cursor:pointer}.mb-primary{background:#252923!important;color:#fff!important;border-color:#252923!important}.mb-head button:disabled,.mb-context button:disabled{opacity:.4;cursor:default}
.mb-layout{display:grid;grid-template-columns:246px minmax(0,1fr);flex:1;min-height:0}.mb-library{display:flex;flex-direction:column;min-height:0;overflow:auto;background:#fafbf8;padding:20px 14px;border-right:1px solid #dce0d7}.mb-page-identity{padding:0 8px 10px}.mb-page-identity>small{display:block;font-size:10px;letter-spacing:.12em;color:#73786c}.mb-page-identity>strong{display:block;font-size:19px;margin-top:6px;letter-spacing:-.04em}.mb-page-identity p{color:#72776d;font-size:12px;margin:6px 0}.mb-outline{display:grid;gap:5px;margin:0 0 16px}.mb-outline-caption{font-size:11px;padding:4px 8px;color:#71766c}.mb-outline button{text-align:left;font-size:12px;padding:11px 10px;border-color:transparent;background:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:42px}.mb-outline button:hover{background:#eef1e9}.mb-outline [aria-current=true]{background:#fff0e9;border-color:#d89579;color:#8f3d24}.mb-library .mb-add-section{background:#252923;color:#fff;border:0;min-height:46px;text-align:left}.mb-page-tools{margin-top:20px;border-top:1px solid #dce0d7;padding-top:12px}.mb-page-tools summary{font-size:12px;padding:8px;cursor:pointer}.mb-page-tools button{display:block;width:100%;text-align:left;font-size:12px;border:0;background:transparent;margin-top:4px}.mb-canvas{position:relative;min-width:0;min-height:0;overflow:hidden}.mb-stage{height:100%;min-width:0;overflow:auto;display:flex;justify-content:center;padding:24px;background:#e1e4dd}.mb-preview-wrap{position:relative;flex-shrink:0}.mb-stage iframe{position:absolute;inset:0;transform-origin:top left;background:white;width:100%;height:100%;border:0;box-shadow:0 8px 32px #1b27151a;min-height:400px}
.mb-context{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:5px;max-width:calc(100% - 32px);padding:6px;background:#fffffff5;border:1px solid #d6dcd1;border-radius:12px;box-shadow:0 6px 26px #20291824;backdrop-filter:blur(12px)}.mb-context strong{font-size:12px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}.mb-context button{white-space:nowrap;min-height:38px;font-size:12px}.mb-context [data-context-edit]{background:#252923;color:#fff;border-color:#252923}.mb-inspector-store{display:none}
.mb-panel{background:#fff;padding:0;min-width:0}.mb-panel h2{font-size:17px;margin:8px 0 16px}.mb-panel label,.mb-modal label{display:grid;gap:6px;margin:12px 0;font-size:13px;color:#50564c}.mb-panel input,.mb-panel select,.mb-panel textarea,.mb-modal input,.mb-modal select,.mb-modal textarea{width:100%;min-width:0;padding:11px;border:1px solid #ccd3c5;border-radius:7px;background:#fff;color:#222}.mb-panel textarea{min-height:140px;resize:vertical}.mb-panel fieldset{border:1px solid #dce1d6;border-radius:10px;margin:14px 0;padding:16px}.mb-panel fieldset label{margin:8px 0}.mb-panel legend{font-size:12px;font-weight:bold;color:#5d6654}.mb-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.mb-actions button{font-size:12px}.mb-error{background:#fff0ea;border-left:3px solid #c22;padding:12px;white-space:pre-line;color:#922}
.mb-modal-overlay{position:fixed;inset:0;background:#17201470;z-index:19000;display:grid;place-items:center;padding:24px;backdrop-filter:blur(5px)}.mb-modal{background:#fff;color:#222;border-radius:16px;width:min(940px,100%);max-height:90dvh;overflow:auto;padding:24px;box-shadow:0 24px 80px #0003}.mb-modal header{display:flex;gap:12px;align-items:center;justify-content:space-between}.mb-modal h2{margin:0;font-size:24px;letter-spacing:-.04em}.mb-context-layer .mb-modal{width:min(740px,100%);display:flex;flex-direction:column;overflow:hidden}.mb-context-layer [data-inspector-body]{overflow:auto;min-height:0;padding-right:5px}.mb-context-layer .mb-mobile-group{display:block}.mb-context-layer .mb-mobile-group>summary{display:none}.mb-panel-tabs{display:flex;gap:5px;position:sticky;top:0;background:#fff;padding:8px 0 12px;z-index:1;border-bottom:1px solid #e1e5dc}.mb-panel-tabs button{flex:1;border:0;background:#f0f3ec;padding:12px 6px;font-size:12px}.mb-panel-tabs [aria-selected=true]{background:#252923;color:white}
.mb-catalog-overlay .mb-modal{width:min(1120px,100%)}.mb-catalog-overlay .mb-modal>p{font-size:14px;color:#68705e;max-width:65ch}.mb-catalog-layout{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;margin-top:20px}.mb-catalog-filters{display:flex;flex-direction:column;gap:6px;align-self:start;position:sticky;top:0}.mb-catalog-filters button{text-align:left;border-color:transparent;background:transparent;font-size:13px;min-height:44px}.mb-catalog-filters [aria-pressed=true]{background:#edf2e7;border-color:#ced9c2;font-weight:bold}.mb-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mb-composition-card{border:1px solid #dce2d5;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px #22330c08;min-width:0;background:#fff}.mb-composition-card .mb-composition-preview{display:block;position:relative;width:100%;padding:0;border:0;border-radius:0;overflow:hidden;background:#ecebe5;text-align:left}.mb-thumb{display:block;position:relative;width:100%;aspect-ratio:8/5;overflow:hidden;pointer-events:none}.mb-thumb iframe{border:0;width:1000px;height:625px;transform:scale(var(--mb-thumb-scale,.34));transform-origin:top left;pointer-events:none;background:#eee}.mb-enlarge{position:absolute;right:10px;bottom:10px;padding:5px 9px;background:#fffffff0;border:1px solid #ddd;border-radius:30px;font-size:11px;color:#30352b}.mb-composition-copy{padding:18px}.mb-composition-copy small{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#6c765e}.mb-composition-copy h3{font-size:19px;letter-spacing:-.035em;margin:7px 0}.mb-composition-copy p{font-size:13px;line-height:1.6;color:#62695a;min-height:42px;margin:8px 0 16px}.mb-composition-copy button{font-size:12px;min-height:42px}.mb-composition-preview:hover .mb-enlarge{background:#252923;color:white}.mb-composition-large{margin-top:20px;border:1px solid #dce2d5;border-radius:10px;overflow:hidden;background:#efeee8;height:min(54dvh,620px)}.mb-composition-large iframe{border:0;width:100%;height:100%;pointer-events:auto}.mb-catalog-search{max-width:540px}.mb-catalog-grid [data-catalog-empty]{grid-column:1/-1;padding:30px;color:#666}
.mb-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.mb-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:20px 0}.mb-media-grid button{text-align:left;overflow:hidden}.mb-media-grid img{width:100%;height:110px;object-fit:cover}.mb-media-grid small{display:block;overflow-wrap:anywhere}.mb-mobile-tools{display:none}.mb-ai-change{padding:16px;border-top:1px solid #ddd}.mb-ai-change pre{white-space:pre-wrap;font:13px/1.6 Arial}.mb-video-row{border:1px solid #ddd;padding:14px;margin:10px 0;border-radius:8px}.mb-editor :focus-visible,.mb-modal :focus-visible{outline:2px solid #a85131;outline-offset:3px}
@media(max-width:1050px){.mb-layout{grid-template-columns:200px minmax(0,1fr)}.mb-head{gap:5px;padding:8px}.mb-head button{font-size:12px;padding:8px}.mb-context strong{display:none}}
@media(max-width:767px){.mb-layout{display:block}.mb-library,.mb-context{display:none}.mb-canvas{height:100%;width:100%}.mb-stage{padding:0}.mb-modal-overlay{padding:8px}.mb-modal{padding:18px;max-height:94dvh}.mb-catalog-layout{grid-template-columns:1fr;gap:14px}.mb-catalog-filters{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px}.mb-catalog-filters button{font-size:12px;padding:8px 10px}.mb-catalog-grid{grid-template-columns:1fr}.mb-catalog-search{margin:12px 0}.mb-template-grid{grid-template-columns:1fr}.mb-panel-tabs{display:none}.mb-thumb iframe{transform:scale(var(--mb-thumb-scale,.32))}.mb-composition-copy p{min-height:0}.mb-context-layer .mb-modal{width:100%}}
@media(prefers-reduced-motion:no-preference){.mb-context{animation:mb-context-in 180ms ease-out}.mb-composition-card{transition:border-color 180ms,box-shadow 180ms}.mb-composition-card:hover{border-color:#afbf9e;box-shadow:0 8px 24px #22330c15}}@keyframes mb-context-in{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.mb-editor *,.mb-modal-overlay *{animation:none!important;transition:none!important}}
.mb-tips{font-size:12px;line-height:1.65;margin-top:24px;color:#685b49}.mb-tips:empty{display:none}.mb-tips h3{font-size:13px}.mb-tips p{padding:10px;background:#f7f1e7;border-left:2px solid #c59851;border-radius:0 5px 5px 0}
@media(max-width:700px){.mb-head [data-device]{display:none}.mb-head strong{flex-basis:50%}}
.mb-modal button,.mb-modal h2{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.mb-story-controls{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0;margin:18px 0}.mb-story-controls h3{font-size:13px;color:#222}.mb-story-controls small{display:block;font-size:11px;line-height:1.6;color:#666}.mb-panel .mb-check{display:flex;align-items:flex-start;gap:10px;color:#333;line-height:1.5}.mb-panel .mb-check input{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:#d13c29}.mb-extra{margin:16px 0}.mb-extra summary{cursor:pointer;font-size:12px;padding:8px 0;color:#333}.mb-panel [aria-invalid=true]{border-color:#bd3528;box-shadow:0 0 0 1px #bd3528}.mb-panel [hidden]{display:none!important}
.mb-modal [hidden]{display:none!important}.mb-modal [data-reference-count]{font-size:12px;color:#666}

.mb-inspector-status{font-size:12px;color:#647054;margin:10px 0}.mb-inspector-status.mb-error{color:#922}

.mb-catalog-toolbar{display:grid;grid-template-columns:minmax(0,1fr);max-width:620px;align-items:center}.mb-catalog-select{display:none}.mb-catalog-search{max-width:none}
@media(max-width:767px){.mb-catalog-toolbar{grid-template-columns:minmax(0,1fr) 135px;gap:8px;margin:14px 0}.mb-catalog-select{display:block}.mb-catalog-search{margin:0!important}.mb-catalog-search>span{display:none}.mb-catalog-filters{display:none}.mb-catalog-overlay:not(.mb-composition-detail) .mb-modal>p:first-of-type{display:none}.mb-catalog-overlay .mb-modal h2{font-size:20px}.mb-modal input,.mb-modal textarea,.mb-modal select{font-size:16px;min-height:48px}.mb-modal button{min-height:48px}.mb-catalog-layout{margin-top:14px}}

.vt-mobile .vt-panel .mb-panel>h2{display:none}

.mb-ai-provider{padding:12px 14px;border:1px solid #d9e0cf;background:#f3f6ee;border-radius:10px;font-size:13px;overflow-wrap:anywhere}.mb-ai-overlay .mb-check{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:9px 0;font-size:14px}.mb-ai-overlay .mb-check input{width:18px!important;height:18px;min-height:18px!important;flex:0 0 18px;margin:2px 0;accent-color:#a85132}.mb-ai-overlay .mb-check small,.mb-ai-overlay .mb-check strong{display:block}.mb-ai-overlay .mb-check small{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#63724c;margin-bottom:5px}.mb-ai-change{border:1px solid #dbe2d2;border-radius:10px;margin:14px 0;background:#fafbf8}.mb-ai-change[data-ai-kind=remove]{border-color:#dca998;background:#fff7f2}.mb-ai-change details{margin:12px 0}.mb-ai-change summary{cursor:pointer;font-size:13px;padding:8px 0}.mb-ai-change pre{font:14px/1.7 Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}.mb-ai-scope{padding:8px 14px;border:1px solid #e0e5da;border-radius:10px;margin:16px 0}.mb-ai-scope>summary{cursor:pointer;min-height:40px;padding:10px 0;font-size:14px}.mb-ai-overlay [data-ai-status]{font-size:13px;color:#68725b;white-space:pre-wrap}.mb-ai-overlay button:disabled{opacity:.5;cursor:default}

@media(min-width:768px){.mb-ai-overlay .mb-modal{padding-top:0}.mb-ai-overlay .mb-modal>header{position:sticky;top:0;background:#fff;z-index:2;padding:18px 0;border-bottom:1px solid #dce3d3}}
/* The brief starts as an editable checklist, not an empty prompt. */
.mb-ai-overlay [data-prompt]{min-height:280px;line-height:1.65;font-size:14px}.mb-canvas-hint{font-size:13px;line-height:1.6;color:var(--muted,#697162);padding:12px;background:var(--surface-soft,#f2f4ef);border-radius:8px}
.mb-offer-picker .mb-modal{width:min(1180px,100%)}.mb-offer-intro{font-size:14px;line-height:1.65;color:#62695a;max-width:80ch}.mb-offer-template{display:flex;flex-direction:column;min-width:0;border:1px solid #d9ddd3;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 5px 20px #25301609}.mb-offer-visual{position:relative;padding:22px;min-height:170px;background:#202820;color:#f8f7f1;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.mb-offer-visual>small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;opacity:.8}.mb-offer-visual>strong{font-size:29px;font-weight:800;line-height:1.06;letter-spacing:-.05em;max-width:13ch}.mb-offer-visual>span{position:absolute;right:20px;bottom:18px;font-size:24px}.mb-offer-template[data-template-kind=event-micromedia] .mb-offer-visual{background:#f0e9dc;color:#292b23}.mb-offer-template[data-template-kind=fiction] .mb-offer-visual{background:#b94330;color:#fff5ec}.mb-offer-copy{display:flex;flex-direction:column;flex:1;gap:14px;padding:20px}.mb-offer-copy h3{font-size:19px;line-height:1.2;letter-spacing:-.035em;margin:0}.mb-offer-copy>p{font-size:13px;line-height:1.65;color:#616958;margin:0}.mb-offer-price{font-size:15px;color:#283222;padding:10px 0;border-top:1px solid #e2e5dc;border-bottom:1px solid #e2e5dc}.mb-offer-copy ul{padding:0 0 0 17px;margin:0;font-size:12px;line-height:1.7;color:#414937}.mb-offer-copy li+li{margin-top:5px}.mb-offer-copy details{font-size:12px}.mb-offer-copy summary{min-height:40px;align-content:center;cursor:pointer;font-weight:bold}.mb-offer-copy ol{padding-left:20px;line-height:1.6;color:#616958}.mb-offer-copy .mb-offer-hint{font-size:11px;background:#f3f5ef;padding:10px;border-radius:7px}.mb-offer-copy>button{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;text-align:left}.mb-offer-copy>button:disabled{opacity:.5;cursor:wait}.mb-offer-footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid #e1e5dc;padding-top:18px}.mb-offer-footer small{font-size:12px;color:#6d7564;max-width:58ch}.mb-team-models>summary{cursor:pointer;padding:12px 0;font-size:13px}.mb-offer-picker [data-create-status]{font-size:13px;color:#953829}.mb-offer-picker [data-create-status]:empty{display:none}
@media(max-width:767px){.mb-offer-visual{min-height:130px;padding:18px}.mb-offer-visual>strong{font-size:26px;max-width:18ch}.mb-offer-copy{padding:18px}.mb-offer-copy>button{min-height:48px}.mb-offer-footer{align-items:flex-start;flex-direction:column}.mb-offer-picker .mb-template-grid{margin-top:16px}}