:root{--mm-font-ui: "Plus Jakarta Sans", Inter, "Segoe UI", system-ui, sans-serif;--mm-font-display: "Space Grotesk", "Plus Jakarta Sans", Inter, system-ui, sans-serif;--mm-surface: #f7f4ef;--mm-surface-cool: #f4f7fb;--mm-white: #ffffff;--mm-cloud: #edf5ff;--mm-panel: rgba(255, 255, 255, .88);--mm-panel-solid: #ffffff;--mm-panel-soft: #fffaf4;--mm-glass-panel: rgba(255, 255, 255, .8);--mm-glass-panel-strong: rgba(255, 255, 255, .9);--mm-glass-border: rgba(7, 27, 77, .14);--mm-ink: #071426;--mm-navy: #000000;--mm-slate: #4d5c73;--mm-muted: #7a8495;--mm-border: rgba(7, 20, 38, .12);--mm-border-strong: rgba(23, 105, 255, .26);--mm-blue: #001c5e;--mm-blue-deep: #0a3a8f;--mm-orange: #ff6a00;--mm-orange-ink: #b45309;--mm-violet: #7b2cff;--mm-violet-ink: #5b21b6;--mm-success: #10a66a;--mm-danger: #d92d20;--mm-focus: rgba(23, 105, 255, .24);--mm-brand-gradient: linear-gradient(135deg, #071b4d 0%, #1769ff 48%, #7b2cff 100%);--mm-action-gradient: linear-gradient(135deg, #b45309 0%, #7b2cff 100%);--mm-warm-gradient: linear-gradient(135deg, #fffaf4 0%, #ffe8d1 56%, #ffd0a3 100%);--mm-blue-soft: linear-gradient(135deg, #fbfdff 0%, #edf5ff 48%, #dceaff 100%);--mm-orange-soft: linear-gradient(135deg, #fffaf4 0%, #fff0e4 52%, #ffe0c2 100%);--mm-violet-soft: linear-gradient(135deg, #fcfaff 0%, #f2eaff 55%, #e6dcff 100%);--mm-page-glow: linear-gradient(115deg, rgba(255, 106, 0, .09), transparent 28%), radial-gradient(circle at 76% 8%, rgba(123, 44, 255, .1), transparent 30%), linear-gradient(180deg, rgba(7, 27, 77, .05), transparent 42%);--mm-radius-sm: 8px;--mm-radius-md: 10px;--mm-radius-lg: 14px;--mm-shadow-soft: 0 16px 38px rgba(7, 20, 38, .08);--mm-shadow-card: 0 8px 20px rgba(7, 20, 38, .06);--mm-shadow-short: 0 4px 12px rgba(7, 20, 38, .06);--cf-surface: var(--mm-surface);--cf-white: var(--mm-white);--cf-cloud: var(--mm-cloud);--cf-panel: var(--mm-panel);--cf-panel-soft: var(--mm-panel-soft);--cf-ink: var(--mm-ink);--cf-slate: var(--mm-slate);--cf-muted: var(--mm-muted);--cf-border: var(--mm-border);--cf-border-strong: var(--mm-border-strong);--cf-blue: var(--mm-blue);--cf-blue-deep: var(--mm-blue-deep);--cf-orange: var(--mm-orange);--cf-violet: var(--mm-violet);--cf-success: var(--mm-success);--cf-danger: var(--mm-danger);--cf-accent: var(--cf-blue);--cf-accent-strong: var(--cf-blue-deep);--cf-blue-soft: var(--mm-blue-soft);--cf-orange-soft: var(--mm-orange-soft);--cf-violet-soft: var(--mm-violet-soft);--cf-page-glow: var(--mm-page-glow);--cf-radius-sm: var(--mm-radius-sm);--cf-radius-md: var(--mm-radius-md);--cf-radius-lg: var(--mm-radius-lg);--cf-shadow-soft: var(--mm-shadow-soft);--cf-shadow-card: var(--mm-shadow-card)}html,body{margin:0;min-height:100%;font-family:var(--mm-font-ui);font-size:14px;line-height:1.45;background:var(--cf-surface)}*,*:before,*:after{box-sizing:border-box}button,input,textarea,select{font:inherit}app-root{display:block;min-height:100vh;color:var(--cf-ink);background:var(--cf-page-glow),var(--cf-surface)}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.top-bar{position:sticky;top:0;z-index:4;border-bottom:1px solid var(--cf-border);background:#ffffffe6;box-shadow:var(--mm-shadow-short);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.top-bar-main{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px}.icon-button,.tool-button,.mode-button,.menu-item,.floating-toggle{font:inherit;cursor:pointer}.icon-button{width:40px;height:40px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);background:var(--cf-white);color:var(--cf-ink);box-shadow:var(--mm-shadow-short)}.icon-button:hover,.tool-button:hover,.mode-button:hover,.menu-item:hover,.floating-toggle:hover{background:#ffffff9e}.icon-button:focus-visible{outline:3px solid var(--mm-focus);outline-offset:2px}.brand{display:inline-flex;align-items:baseline;gap:6px;border:0;background:transparent;color:var(--cf-ink);cursor:pointer}.brand-product{color:var(--mm-navy);font-family:var(--mm-font-display);font-weight:800;letter-spacing:0;text-transform:lowercase}.brand-shell{font-weight:650;color:var(--cf-ink)}.brand-divider{color:var(--cf-orange)}.top-bar-status{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;min-height:48px;padding:10px 16px 12px;border-top:1px solid var(--cf-border);background:linear-gradient(90deg,#071b4d12,#ff6a0012,#fff0)}.top-bar-status p{margin:0;color:var(--cf-slate);font-size:.875rem}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid transparent;font-weight:700}.status-ready{color:#08764e;background:#10a66a21;border-color:#10a66a42}.status-loading{color:var(--mm-orange-ink);background:#ff6a001f;border-color:#ff6a0040}.status-error{color:#a1231a;background:#d92d201f;border-color:#d92d203d}.workspace{position:relative;display:grid;grid-template-columns:minmax(180px,20%) minmax(0,1fr) minmax(260px,19%);gap:14px;padding:14px;transition:grid-template-columns .42s ease,gap .42s ease}.workspace>*{position:relative;z-index:1;min-width:0}.workspace:before{position:absolute;top:14px;right:4px;bottom:23px;left:calc(-46px + max(320px,24%));z-index:0;content:"";border-radius:var(--cf-radius-lg);background:linear-gradient(180deg,#ffffff1f,#ffffff2e 48%,#ffffffb8),url(/assets/mismarie/solosalon.png) left 0px top -0px / 1350px auto no-repeat;pointer-events:none}.app-shell.left-collapsed .workspace{grid-template-columns:74px minmax(0,1fr) minmax(260px,19%)}.app-shell.left-collapsed .workspace:before{left:102px}.app-shell.right-hidden .workspace{grid-template-columns:minmax(320px,24%) minmax(0,1fr)}.app-shell.chat-focus.right-hidden .workspace{grid-template-columns:minmax(600px,46%) minmax(0,1fr)}.app-shell.left-collapsed.right-hidden .workspace{grid-template-columns:74px minmax(0,1fr)}.app-shell.guided-activity-capture .workspace{grid-template-columns:minmax(520px,42%) minmax(420px,1fr) minmax(190px,12%)}.app-shell.guided-activity-capture.right-hidden .workspace{grid-template-columns:minmax(520px,44%) minmax(420px,1fr)}.app-shell.guided-activity-capture.left-collapsed .workspace,.app-shell.guided-activity-capture.left-collapsed.right-hidden .workspace{grid-template-columns:minmax(520px,42%) minmax(420px,1fr) minmax(190px,12%)}.zone{height:860px;border-radius:var(--cf-radius-lg);background:var(--cf-panel);border:1px solid var(--cf-border);box-shadow:var(--cf-shadow-soft);display:flex;flex-direction:column;overflow:hidden;transition:border-color .32s ease,box-shadow .32s ease,background .32s ease}.zone:focus-within{border-color:var(--cf-border-strong);box-shadow:0 0 0 3px #1769ff14,var(--cf-shadow-soft)}.zone-left{position:relative;background:#fff}.app-shell.guided-activity-capture .zone-left{background:#fff;border-color:#ff6a0047;box-shadow:0 26px 60px #0f172a29,0 0 0 4px #ff6a000f}.zone-left:before{position:absolute;inset:0;z-index:0;content:none;pointer-events:none}.app-shell.guided-activity-capture .zone-left:before{opacity:0}.zone-left>*{position:relative;z-index:1}.zone-header{padding:14px 14px 12px;border-bottom:1px solid var(--cf-border);background:linear-gradient(135deg,#071b4d14,#7b2cff0f 54%,#ffffffe6)}.zone-header h2,.zone-header p,.panel-block h3,.panel-block p,.company-stage__header p,.canvas-card p,.canvas-card h3,.palette-context,.palette-item span,.context-summary p,.menu-item span{margin:0}.zone-header h2{font-family:var(--mm-font-display);font-size:.92rem;color:var(--mm-navy);letter-spacing:0}.zone-header p{margin-top:6px;color:var(--cf-slate);font-size:.82rem}.side-mode-switch{display:grid;grid-template-columns:minmax(132px,48%);gap:15px;margin-bottom:12px;padding:10px 0 0;width:100%;justify-content:end}.mode-button,.menu-item,.tool-button,.floating-toggle{border:1px solid rgba(7,27,77,.14);border-radius:var(--cf-radius-md);background:#fff;color:var(--cf-ink);box-shadow:0 8px 18px #0714260a}.mode-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:0;width:100%;padding:8px 10px;font-weight:800;white-space:normal}.mode-button span{display:grid;place-items:center;width:20px;height:20px;border-radius:999px;background:#071b4d12;color:var(--mm-navy);font-size:.72rem;font-family:var(--mm-font-display)}.mode-button.is-active{border-color:#071b4d38;background:#fff;color:var(--mm-navy)}.mode-button.is-active span{background:var(--mm-brand-gradient);color:#fff}.side-pane{display:grid;flex:1;gap:10px;grid-template-rows:180px minmax(0,1fr);padding:0 12px 12px;min-height:0}.side-hero{position:relative;min-height:80px;border-radius:0 0 var(--cf-radius-lg) var(--cf-radius-lg);background:linear-gradient(90deg,transparent 0,transparent 170px,rgba(255,255,255,.72) 245px,#ffffff 335px),linear-gradient(180deg,transparent 0,transparent 190px,rgba(255,255,255,.84) 226px,#ffffff 246px),url(/assets/mismarie/solomismarie.png) left -12px top -40px / 200px auto no-repeat}.side-chat-focus-actions{display:flex;justify-content:flex-end;padding-top:10px}.side-chat-focus-close{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,106,0,.24);border-radius:999px;color:#c2410c;background:#ffffffeb;box-shadow:var(--mm-shadow-short);cursor:pointer;font-size:1.45rem;font-weight:850;line-height:1}.side-chat-focus-close:hover{background:#fff7edf5}.side-chat-focus-close:focus-visible{outline:3px solid rgba(255,106,0,.22);outline-offset:2px}.side-content{display:grid;gap:10px;grid-template-rows:auto minmax(0,1fr);min-height:0}.side-content.is-interaction-mode{align-content:start;grid-template-rows:auto auto minmax(0,1fr)}.search-label{display:grid;gap:0px;width:100%;min-width:0;font-size:1rem;color:var(--cf-slate)}.side-search{width:100%;min-width:0;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);padding:9px 10px;background:#ffffffe6;color:var(--cf-ink);box-shadow:inset 0 1px #ffffffb3}.side-search:focus{outline:3px solid var(--mm-focus);outline-offset:1px}.context-summary{display:grid;gap:4px;padding:10px 12px;border:1px solid rgba(7,27,77,.12);border-radius:var(--cf-radius-lg);background:linear-gradient(135deg,#ffffffd6,#fcfaffc7),var(--cf-violet-soft);color:var(--cf-slate);font-size:.85rem}.mock-menu,.palette-list,.interaction-history__list{display:grid;gap:8px;margin:0;padding:0;list-style:none;max-height:calc(100vh - 365px);overflow:auto}.interaction-history{display:grid;gap:10px;min-height:0}.interaction-history header{display:grid;gap:8px}.interaction-history header h4{margin:2px 0 0;color:var(--mm-navy);font-size:.95rem}.interaction-history header button,.interaction-history select,.interaction-history__list button{width:100%;min-width:0;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);background:#ffffffeb;color:var(--cf-ink);font:inherit}.interaction-history header button{min-height:34px;cursor:pointer}.interaction-history header button:disabled{cursor:not-allowed;opacity:.62}.interaction-history__filters{display:grid;gap:8px}.interaction-history select{min-height:36px;padding:0 10px}.interaction-history__list button{display:grid;gap:4px;justify-items:start;min-height:auto;padding:10px;text-align:left;cursor:pointer}.interaction-history__list button.is-active{border-color:#176e5f7a;box-shadow:0 0 0 3px #176e5f1f}.interaction-history__list button strong,.interaction-history__list button span,.interaction-history__list button small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interaction-history__list button span,.interaction-history__list button small,.interaction-history__list p{color:var(--cf-slate);font-size:.78rem;margin:0}.interaction-history__list button strong{color:var(--cf-ink);font-size:.9rem}.side-chat{display:grid;min-height:635px;overflow:hidden;border:1px solid rgba(255,106,0,.16);border-radius:var(--cf-radius-lg);background:#ffffff85;-webkit-backdrop-filter:blur(8px) saturate(1.05);backdrop-filter:blur(8px) saturate(1.05)}.side-pane.is-guided-capture{grid-template-rows:246px minmax(0,1fr);padding:0 12px 12px}.side-pane.is-chat-focus{animation:chatFocusIn .42s ease both}.side-pane.is-chat-focus:not(.is-guided-capture){grid-template-columns:minmax(12px,15%) minmax(0,1fr);grid-template-rows:246px minmax(0,1fr);gap:0 6px;padding:100 110px 12px 0}.side-pane.is-chat-focus:not(.is-guided-capture) .side-hero{grid-column:1 / -1;grid-row:1;min-height:246px;border-radius:0 var(--cf-radius-lg) var(--cf-radius-lg) 0;background:linear-gradient(90deg,transparent 0,transparent 168px,rgba(255,255,255,.72) 250px,#ffffff 340px),linear-gradient(180deg,transparent 0,transparent 188px,rgba(255,255,255,.84) 226px,#ffffff 246px),url(/assets/mismarie/solomismarie.png) left -12px top -40px / 200px auto no-repeat}.side-pane.is-chat-focus:not(.is-guided-capture) .side-chat-focus-actions{position:relative;z-index:4;justify-content:flex-start;width:112px;padding:12px 0 0 12px}.side-pane.is-chat-focus:not(.is-guided-capture) .side-content{grid-column:2;grid-row:1 / -1;grid-template-rows:minmax(0,1fr);height:100%;min-height:0;padding-top:56px;z-index:2}.side-guided-placeholder{min-height:100%}.side-chat.is-guided-capture{min-height:100%;border-color:#ff6a0033;border-radius:24px;background:linear-gradient(135deg,#ffffffeb,#fff7edb8);box-shadow:inset 0 0 0 1px #ffffffb8,0 18px 38px #0f172a14}.side-chat.is-chat-focus{min-height:100%;border-color:#ff6a003d;background:linear-gradient(135deg,#ffffffe6,#fff7ed9e);box-shadow:inset 0 0 0 1px #ffffff9e,0 18px 38px #0f172a14;transition:min-height .42s ease,border-color .32s ease,background .32s ease,box-shadow .32s ease}@keyframes chatFocusIn{0%{transform:translate(-8px);opacity:.86}to{transform:translate(0);opacity:1}}.menu-item{position:relative;width:100%;text-align:left;padding:11px 12px 11px 46px;display:grid;gap:3px;overflow:hidden}.menu-item:before{position:absolute;inset:8px auto 8px 0;width:3px;border-radius:0 999px 999px 0;content:"";background:transparent}.menu-item em,.palette-item em{position:absolute;left:12px;top:12px;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#071b4d12;color:var(--mm-navy);font-family:var(--mm-font-display);font-size:.78rem;font-style:normal;font-weight:700}.menu-item.is-active{background:#fffffff5;border-color:#071b4d47;color:var(--mm-navy)}.menu-item.is-active:before{background:linear-gradient(180deg,var(--mm-orange-ink),var(--cf-violet))}.menu-item.is-active em{background:var(--mm-brand-gradient);color:#fff}.palette-context,.palette-empty,.palette-item span,.menu-item span{font-size:.85rem;color:var(--cf-slate)}.palette-item,.palette-empty{position:relative;padding:12px 14px 12px 46px;border-radius:var(--cf-radius-lg);border:1px solid var(--mm-glass-border);background:linear-gradient(135deg,var(--mm-glass-panel-strong),rgba(247,251,255,.48));-webkit-backdrop-filter:blur(8px) saturate(1.05);backdrop-filter:blur(8px) saturate(1.05);display:grid;gap:4px}.palette-item{cursor:grab;width:100%;min-height:58px;padding:11px 12px 11px 46px;border-radius:var(--cf-radius-md);background:#fff;box-shadow:0 8px 18px #0714260a;text-align:left;gap:3px;align-content:center;overflow:hidden}.palette-item strong,.palette-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-item:active{cursor:grabbing}.mode-button:focus-visible,.menu-item:focus-visible,.tool-button:focus-visible,.floating-toggle:focus-visible,.palette-item:focus-visible{outline:3px solid var(--mm-focus);outline-offset:2px}.zone-center{min-height:0;overflow:hidden}.company-stage,.properties-panel{display:flex;flex-direction:column;gap:14px;padding:14px;min-height:0}.company-stage__header{display:flex;align-items:start;justify-content:space-between;gap:14px;color:var(--cf-slate)}.panel-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cf-blue-deep)}.blank-panel{flex:1;min-height:480px;border-radius:16px;border:1px dashed rgba(13,110,253,.2);background:linear-gradient(180deg,var(--mm-glass-panel-strong),rgba(251,253,255,.52));-webkit-backdrop-filter:blur(8px) saturate(1.05);backdrop-filter:blur(8px) saturate(1.05)}.canvas-zone{position:relative;flex:1;min-height:0;overflow:hidden;background:#f8fbff;cursor:grab}.canvas-zone:active{cursor:grabbing}.canvas-grid,.canvas-stage{position:absolute;inset:0}.canvas-grid{background-image:linear-gradient(rgba(13,110,253,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(13,110,253,.08) 1px,transparent 1px);background-size:32px 32px}.canvas-card{width:340px;margin:48px;padding:18px;border-radius:var(--cf-radius-lg);border:1px solid var(--mm-glass-border);background:var(--mm-glass-panel-strong);-webkit-backdrop-filter:blur(8px) saturate(1.05);backdrop-filter:blur(8px) saturate(1.05);box-shadow:var(--cf-shadow-card);display:grid;gap:10px}.tool-button{padding:8px 12px;width:fit-content}.panel-block{padding:14px;border-radius:14px;border:1px solid var(--mm-glass-border);background:linear-gradient(135deg,var(--mm-glass-panel-strong),rgba(248,251,255,.5));-webkit-backdrop-filter:blur(8px) saturate(1.05);backdrop-filter:blur(8px) saturate(1.05);display:grid;gap:6px}.floating-toggle{position:fixed;right:18px;bottom:18px;z-index:5;padding:10px 14px;box-shadow:0 14px 28px #0717351f}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:1080px){.workspace,.app-shell.left-collapsed .workspace{grid-template-columns:1fr;gap:12px;padding:12px}.workspace:before,.app-shell.left-collapsed .workspace:before{inset:12px;background-position:left 30% top -36px;background-size:980px auto}.app-shell.right-hidden .workspace,.app-shell.left-collapsed.right-hidden .workspace{grid-template-columns:1fr}.zone{min-height:auto}.blank-panel{min-height:320px}}@media(max-width:560px){body{font-size:13px}.workspace,.app-shell.left-collapsed .workspace,.app-shell.right-hidden .workspace,.app-shell.left-collapsed.right-hidden .workspace{gap:10px;padding:10px}.zone-header{padding:12px}.side-mode-switch,.side-pane{padding-left:10px;padding-right:10px}.side-mode-switch{grid-template-columns:1fr}}