/* Studio 4: 30% transparent white dialog, live preview and thematic admin. */
.m9-modal-open{overflow:hidden}
.m9-dialog{padding:0;border:1px solid rgba(194,161,90,.75);border-radius:22px;width:calc(100vw - 36px);max-width:1700px;max-height:94vh;background:rgba(255,255,255,.70);color:#292323;box-shadow:0 30px 100px #1e111155;backdrop-filter:blur(12px);overflow:auto;overscroll-behavior:contain}
.m9-dialog::backdrop{background:rgba(35,24,24,.28);backdrop-filter:blur(3px)}
.m9-dialog-header{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 23px;background:rgba(255,255,255,.70);border-bottom:1px solid #c8ac70;backdrop-filter:blur(18px)}
.m9-dialog-header b{font:600 22px Georgia,serif;color:#701222}.m9-dialog-header small{display:block;margin-top:4px;color:#6a625d;font-size:12px}.m9-close{border:1px solid #b99c56;border-radius:50%;background:#171717;color:#e2c786;min-width:42px;height:42px;font-size:20px;cursor:pointer}
.m9-dialog .m8{background:transparent;padding:26px 18px 36px}.m9-dialog .m8-intro{gap:20px;padding-bottom:22px}.m9-dialog .m8-intro h2{font-size:clamp(28px,3vw,44px);margin:10px 0}.m9-dialog .m8-intro p{font-size:13px;line-height:1.6}.m9-dialog .m8-case{margin-top:22px}
.m9-preview{display:block;width:100%;padding:0;border:1px solid #ba9e65;border-radius:22px;background:#fffaf2;overflow:hidden;box-shadow:0 22px 55px #4a241826;cursor:pointer;text-align:left;color:#2a2322;transition:transform .2s,box-shadow .2s;align-self:center}
.m9-preview:hover{transform:translateY(-3px);box-shadow:0 28px 60px #4a241833}.m9-preview:focus-visible{outline:3px solid #a57825;outline-offset:5px}.m9-preview-top,.m9-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px}.m9-preview-top{background:#171717;color:#e4cd94}.m9-preview-top b{font:600 24px Georgia,serif}.m9-preview-top span{font:700 9px Arial,sans-serif;letter-spacing:.08em}.m9-preview-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#79c697;margin-right:5px;box-shadow:0 0 0 3px #79c69722;animation:m9-pulse 2s infinite}.m9-preview-window{position:relative;overflow:hidden;pointer-events:none;background:#f5efe4}.m9-preview-stage{width:1320px;transform:scale(var(--m9-scale,.4));transform-origin:top left;pointer-events:none}.m9-preview-stage .m8-frame{width:1320px;margin:0}.m9-preview-stage .m8-cursor{display:none}.m9-preview-bottom{border-top:1px solid #d6bf92;font-size:12px;line-height:1.4}.m9-preview-bottom strong{color:#751525;white-space:nowrap}.m9-mini-caption{color:#74665b}.m9-preview .m8-stage{grid-template-columns:minmax(0,1fr) 280px!important}.m9-preview .m8-desktop{grid-template-columns:178px minmax(0,1fr)!important}.m9-preview .m8-sidebar{display:flex!important}.m9-preview .m8-mobile-column{display:flex!important}
@keyframes m9-pulse{50%{box-shadow:0 0 0 6px #79c69711}}
/* Shared visual vocabulary: thematic panels, black/gold tabs, wine actions. */
.m8-brand{font-family:Georgia,serif;color:#f0d390;border-bottom:1px solid #b1965733}.m8-sidebar{background:linear-gradient(160deg,#181818,#2b2223);border-right:1px solid #bda162}.m8-company-avatar,.m8-admin-user{background:#781729;color:#ffecd0}.m8-company{border-color:#b1965744}.m8-side-nav button{border-radius:18px;border:1px solid transparent;margin:3px 0}.m8-side-nav button.on{background:#74172a;border:1px solid #d1b670;box-shadow:inset 3px 0 #e3cc94}.m8-side-nav button:hover{border-color:#a99057;background:#402b2e}.m8-side-nav .m8-group-title{color:#d4bd87}.m8-admin-header{background:#fff8ec;border-bottom:1px solid #c1a265}.m8-subtabs button{background:#171717;color:#e2d1aa;border:1px solid #c0a264;border-radius:20px;margin:3px;padding:8px 13px}.m8-subtabs button.on{background:#77192a;color:#fff4da;border-color:#d7ba71}.m8-subbar{background:#f3e8d5}.m8-kpi{border:1px solid #d1b986;border-radius:14px;background:#fffaf2}.m8-kpi strong{color:#751728}.m8-main{background:#f8f2e7}.m8-panel{border-color:#c9b080;border-radius:15px}.m8-phone{border-color:#262020;box-shadow:0 20px 45px #49252733,0 0 0 1px #c3a66c}.m8-phone-header{background:#fff6e8;border-bottom:1px solid #ceb780}.m8-phone-header b{font-family:Georgia,serif;color:#74172a}.m8-phone-header>span{background:#74172a;color:#ead2a0;border:1px solid #ba9b56}.m8-phone-nav{background:#171717;border-top:1px solid #c7a867}.m8-phone-nav button{color:#decea8;border-radius:13px}.m8-phone-nav button.on{background:#75172b;color:#fff0c9;border:1px solid #bba263}.m8-phone-content{background:#fffaf0}.m8-phone-content button{border-radius:20px;background:#74172a;color:#fff3da;border:1px solid #bba164}.m8-public{border:1px solid #bea063;border-radius:16px;overflow:hidden}.m8-public-header{background:#fff7e7;color:#761726}.m8-site-reference{display:block;width:100%;height:155px;object-fit:cover;object-position:top;border-bottom:1px solid #c9aa65}.m8-public-header b{font:600 21px Georgia,serif}.m8-public-online{font-size:9px!important}.m8-public-content{background:#fff9ef}.m8-public-form button{background:#74172a;border:1px solid #bea264;color:#fff2d8;border-radius:22px}
@media(max-width:700px){.m9-dialog{width:calc(100vw - 16px);max-height:96vh;border-radius:16px}.m9-dialog-header{padding:11px 13px}.m9-dialog-header b{font-size:17px}.m9-dialog-header small{font-size:10px}.m9-dialog .m8{padding:18px 10px}.m9-dialog .m8-intro{display:block}.m9-dialog .m8-intro-side{margin-top:15px}.m9-preview-top b{font-size:21px}.m9-preview-top span{font-size:8px}.m9-preview-bottom{padding:13px 14px;font-size:11px}.m8-site-reference{height:120px}}
@media(prefers-reduced-motion:reduce){.m9-preview,.m9-preview-top i{animation:none;transition:none}}