@import "https://fonts.expmk.de/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,700&display=swap";@import "https://fonts.expmk.de/css2?family=Roboto+Slab:wght@300;400;700&display=swap";:root{--font-size:1rem;--paddingT:1rem;--paddingB:1rem;--paddingL:1rem;--paddingR:1rem;--paddingX:1rem;--paddingY:1rem;--marginT:1rem;--marginB:1rem;--marginL:1rem;--marginR:1rem;--primary-base:#2563eb;--primary-dark:#1043b3;--primary-light:#c9d8fa;--secondary-base:#1e293b;--secondary-dark:#161e2a;--secondary-light:#b9c6dc;--contrast-base:#f59e0b;--contrast-dark:#b17207;--contrast-light:#fde7c2;--shade:0, 0%, 50%;--shade-base:hsl(var(--shade));--shade-dark:color-mix(in hsl, hsl(var(--shade)) 70%, black 30%);--shade-dark-base:color-mix(in hsl, hsl(var(--shade)) 70%, black 30%);--shade-light:color-mix(in hsl, hsl(var(--shade)) 70%, white 30%);--shade-light-base:color-mix(in hsl, hsl(var(--shade)) 70%, white 30%);--shade-lightgray:#e4e9f0;--text-dark:#111827;--text-light:#fff;--headline-font:"Roboto Slab", serif;--copytext-font:"Roboto", sans-serif;--eyebrow-font-color:var(--primary-base);--eyebrow-font-family:var(--copytext-font);--eyebrow-font-size:.75rem;--eyebrow-font-weight:700;--eyebrow-font-lineheight:1.2;--eyebrow-text-transform:uppercase;--eyebrow-letter-spacing:.12em;--sub-font-color:var(--shade-mid);--sub-font-family:var(--copytext-font);--sub-font-size:1.0625rem;--sub-font-weight:400;--sub-font-lineheight:1.4;--sub-text-transform:none;--sub-letter-spacing:0;--h1sub-font-color:var(--sub-font-color);--h1sub-font-family:var(--sub-font-family);--h1sub-font-size:var(--sub-font-size);--h1sub-font-weight:var(--sub-font-weight);--h1sub-font-lineheight:var(--sub-font-lineheight);--h1sub-text-transform:var(--sub-text-transform);--h1sub-letter-spacing:var(--sub-letter-spacing);--h2sub-font-color:var(--sub-font-color);--h2sub-font-family:var(--sub-font-family);--h2sub-font-size:var(--sub-font-size);--h2sub-font-weight:var(--sub-font-weight);--h2sub-font-lineheight:var(--sub-font-lineheight);--h2sub-text-transform:var(--sub-text-transform);--h2sub-letter-spacing:var(--sub-letter-spacing);--h3sub-font-color:var(--sub-font-color);--h3sub-font-family:var(--sub-font-family);--h3sub-font-size:.9375rem;--h3sub-font-weight:var(--sub-font-weight);--h3sub-font-lineheight:var(--sub-font-lineheight);--h3sub-text-transform:var(--sub-text-transform);--h3sub-letter-spacing:var(--sub-letter-spacing);--h4sub-font-color:var(--sub-font-color);--h4sub-font-family:var(--sub-font-family);--h4sub-font-size:.875rem;--h4sub-font-weight:var(--sub-font-weight);--h4sub-font-lineheight:var(--sub-font-lineheight);--h4sub-text-transform:var(--sub-text-transform);--h4sub-letter-spacing:var(--sub-letter-spacing);--emphasis-font-color:var(--eyebrow-font-color);--emphasis-font-family:var(--eyebrow-font-family);--emphasis-font-size:var(--eyebrow-font-size);--emphasis-font-weight:var(--eyebrow-font-weight);--h1-font-color:var(--shade-dark);--h1-font-family:var(--headline-font);--h1-font-size:2.5rem;--h1-font-weight:700;--h1-font-lineheight:1.15;--h1-font-textransform:none;--h2-font-color:var(--shade-dark);--h2-font-family:var(--headline-font);--h2-font-size:1.875rem;--h2-font-weight:700;--h2-font-lineheight:1.2;--h2-font-textransform:none;--h3-font-color:var(--shade-dark);--h3-font-family:var(--headline-font);--h3-font-size:1.375rem;--h3-font-weight:600;--h3-font-lineheight:1.3;--h3-font-textransform:none;--h4-font-color:var(--shade-dark);--h4-font-family:var(--copytext-font);--h4-font-size:1.125rem;--h4-font-weight:500;--h4-font-lineheight:1.4;--h4-font-textransform:none;--h5-font-color:var(--shade-dark);--h5-font-family:var(--copytext-font);--h5-font-size:1rem;--h5-font-weight:600;--h5-font-lineheight:1.4;--h5-font-textransform:none;--h6-font-color:var(--shade-dark);--h6-font-family:var(--copytext-font);--h6-font-size:.9375rem;--h6-font-weight:600;--h6-font-lineheight:1.4;--h6-font-textransform:none;--bodytext-font-color:var(--shade-dark);--bodytext-font-family:var(--copytext-font);--bodytext-font-size:1rem;--bodytext-font-weight:400;--bodytext-font-lineheight:1.65}body.mypage,div.mypage{-webkit-text-size-adjust:none;font-family:var(--copytext-font);font-size:var(--font-size);color:var(--text-dark);background-color:var(--shade-light);line-height:1.65}.mypage h1,.mypage .h1{margin:0 0 1rem;font-family:var(--h1-font-family)!important;font-size:var(--h1-font-size)!important;font-weight:var(--h1-font-weight)!important;line-height:var(--h1-font-lineheight)!important;color:var(--h1-font-color)!important;-webkit-hyphens:auto!important;hyphens:auto!important}.mypage h2,.mypage .h2{margin:0 0 .75rem;font-family:var(--h2-font-family)!important;font-size:var(--h2-font-size)!important;font-weight:var(--h2-font-weight)!important;line-height:var(--h2-font-lineheight)!important;color:var(--h2-font-color)!important;-webkit-hyphens:auto!important;hyphens:auto!important}.mypage h3,.mypage .h3{margin:0 0 .5rem;font-family:var(--h3-font-family)!important;font-size:var(--h3-font-size)!important;font-weight:var(--h3-font-weight)!important;line-height:var(--h3-font-lineheight)!important;color:var(--h3-font-color)!important;-webkit-hyphens:auto!important;hyphens:auto!important}.mypage h4,.mypage .h4{margin:0 0 .5rem;font-family:var(--h4-font-family)!important;font-size:var(--h4-font-size)!important;font-weight:var(--h4-font-weight)!important;line-height:var(--h4-font-lineheight)!important;color:var(--h4-font-color)!important}.mypage h5,.mypage .h5{margin:0 0 .4rem;font-family:var(--h5-font-family)!important;font-size:var(--h5-font-size)!important;font-weight:var(--h5-font-weight)!important;line-height:var(--h5-font-lineheight)!important}.mypage h6,.mypage .h6{margin:0 0 .4rem;font-family:var(--h6-font-family)!important;font-size:var(--h6-font-size)!important;font-weight:var(--h6-font-weight)!important;line-height:var(--h6-font-lineheight)!important}.mypage p{margin:0 0 1rem!important;line-height:1.65!important}.mypage b,.mypage strong{font-weight:700!important}.mypage i,.mypage em{font-style:italic!important}.mypage ol,.mypage ul{margin-left:1.75rem!important}.mypage small{opacity:.75;font-size:.8125rem}.mypage .emphasis,.mypage .eyebrow{color:var(--emphasis-font-color);font-family:var(--emphasis-font-family);font-size:var(--emphasis-font-size);line-height:var(--emphasis-font-lineheight);text-transform:var(--emphasis-font-textransform);letter-spacing:var(--emphasis-letter-spacing);margin-bottom:.5rem;display:block;font-weight:var(--emphasis-font-weight)!important}.mypage .maxW,.mypage .section .maxW,.mypage .footerSection .maxW{max-width:1280px;margin-left:auto;margin-right:auto}.mypage section[type=layer]{text-align:left}.mypage .eyebrow,.mypage .emphasis{text-align:center!important}.mypage h1,.mypage .h1,.mypage h2,.mypage .h2,.mypage h3,.mypage .h3{text-align:center}.mypage .eyebrow{color:var(--eyebrow-font-color);font-family:var(--eyebrow-font-family);font-size:var(--eyebrow-font-size);line-height:var(--eyebrow-font-lineheight);text-transform:var(--eyebrow-text-transform);letter-spacing:var(--eyebrow-letter-spacing);margin-bottom:.4rem;display:block;font-weight:var(--eyebrow-font-weight)!important}.mypage .h1sub{color:var(--h1sub-font-color);font-family:var(--h1sub-font-family);font-size:var(--h1sub-font-size);line-height:var(--h1sub-font-lineheight);text-transform:var(--h1sub-text-transform);letter-spacing:var(--h1sub-letter-spacing);text-align:center;margin-top:.5rem;display:block;font-weight:var(--h1sub-font-weight)!important}.mypage .h2sub{color:var(--h2sub-font-color);font-family:var(--h2sub-font-family);font-size:var(--h2sub-font-size);line-height:var(--h2sub-font-lineheight);text-transform:var(--h2sub-text-transform);letter-spacing:var(--h2sub-letter-spacing);text-align:center;margin-top:.4rem;display:block;font-weight:var(--h2sub-font-weight)!important}.mypage .h3sub{color:var(--h3sub-font-color);font-family:var(--h3sub-font-family);font-size:var(--h3sub-font-size);line-height:var(--h3sub-font-lineheight);text-transform:var(--h3sub-text-transform);letter-spacing:var(--h3sub-letter-spacing);text-align:center;margin-top:.3rem;display:block;font-weight:var(--h3sub-font-weight)!important}.mypage .h4sub{color:var(--h4sub-font-color);font-family:var(--h4sub-font-family);font-size:var(--h4sub-font-size);line-height:var(--h4sub-font-lineheight);text-transform:var(--h4sub-text-transform);letter-spacing:var(--h4sub-letter-spacing);margin-top:.2rem;display:block;font-weight:var(--h4sub-font-weight)!important}.mypage .clearfix{clear:both}.mypage .float-start{float:left}.mypage .float-end{float:right}.mypage .rounded{border-radius:.75rem;overflow:hidden}.mypage blockquote{border-left:4px solid var(--primary-base)!important;margin:0!important;padding:.75rem 0 .75rem 1.25rem!important}.mypage blockquote p{margin:0!important;font-size:1.0625rem!important;font-style:italic!important;line-height:1.55!important}.mypage a.btn,.mypage .btn{font-family:var(--copytext-font);cursor:pointer;border:none;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.75rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background-color .18s,color .18s,transform .12s;display:inline-flex}.mypage a.btn:hover,.mypage .btn:hover{transform:translateY(-1px)}.mypage .btn.sc-cta{background-color:var(--primary-base);color:var(--text-light)}.mypage .btn.sc-cta:hover{background-color:var(--primary-dark);color:var(--text-light)}.mypage a.anchor{color:var(--primary-base);font-weight:500;text-decoration:none}.mypage a.anchor:hover{text-underline-offset:3px;text-decoration:underline}.mypage>section[type=layer]:not([class*=sc-]):not([class*=sccol-])>section[type=layer]:not([class*=sc-]):not([class*=sccol-]){background-color:#fff}.mypage>section[type=layer]:not([class*=sc-]):not([class*=sccol-])>section[type=layer]:nth-of-type(2n):not([class*=sc-]):not([class*=sccol-]){background-color:var(--shade-lightgray,#e4e9f0)}.mypage .sccol-a,.mypage .sc-dark{background-color:var(--shade-dark-base)!important;color:var(--text-light)!important}.mypage .sccol-a .emphasis,.mypage .sc-dark .emphasis,.mypage .sccol-a .eyebrow,.mypage .sc-dark .eyebrow{color:var(--primary-light)!important}.mypage .sccol-a h1,.mypage .sccol-a h2,.mypage .sccol-a h3,.mypage .sc-dark h1,.mypage .sc-dark h2,.mypage .sc-dark h3{color:var(--text-light)!important}.mypage .sccol-a p,.mypage .sc-dark p{color:#fffc!important}.mypage .sccol-g,.mypage .sc-light{background-color:var(--shade-light-base)!important;color:var(--text-dark)!important}.mypage .sccol-b,.mypage .sc-pri{background-color:var(--primary-base)!important;color:var(--text-light)!important}.mypage .sccol-c,.mypage .sc-pri-l{background-color:var(--primary-light)!important;color:var(--text-dark)!important}.mypage .sccol-d,.mypage .sc-sec{background-color:var(--secondary-base)!important;color:var(--text-light)!important}.mypage .sccol-e,.mypage .sc-sec-l{background-color:var(--secondary-light)!important;color:var(--text-dark)!important}.mypage .sccol-f,.mypage .sc-acc{background-color:var(--contrast-base)!important;color:var(--text-light)!important}.mypage .sccol-h,.mypage .sc-acc-l{background-color:var(--contrast-light)!important;color:var(--text-dark)!important}.mypage .full{width:100%!important}.mypage .half{width:50%!important}.mypage .third{width:33.333%!important}.mypage .quarter{width:25%!important}.pd-T{padding-top:calc(1 * var(--paddingT))!important}.pd-2T{padding-top:calc(2 * var(--paddingT))!important}.pd-3T{padding-top:calc(3 * var(--paddingT))!important}.pd-B{padding-bottom:calc(1 * var(--paddingB))!important}.pd-2B{padding-bottom:calc(2 * var(--paddingB))!important}.pd-3B{padding-bottom:calc(3 * var(--paddingB))!important}.pd-L{padding-left:calc(1 * var(--paddingL))!important}.pd-2L{padding-left:calc(2 * var(--paddingL))!important}.pd-3L{padding-left:calc(3 * var(--paddingL))!important}.pd-R{padding-right:calc(1 * var(--paddingR))!important}.pd-2R{padding-right:calc(2 * var(--paddingR))!important}.pd-3R{padding-right:calc(3 * var(--paddingR))!important}.pd-X{padding-left:calc(1 * var(--paddingL))!important;padding-right:calc(1 * var(--paddingR))!important}.pd-2X{padding-left:calc(2 * var(--paddingL))!important;padding-right:calc(2 * var(--paddingR))!important}.pd-3X{padding-left:calc(3 * var(--paddingL))!important;padding-right:calc(3 * var(--paddingR))!important}.pd-Y{padding-top:calc(1 * var(--paddingT))!important;padding-bottom:calc(1 * var(--paddingB))!important}.pd-2Y{padding-top:calc(2 * var(--paddingT))!important;padding-bottom:calc(2 * var(--paddingB))!important}.pd-3Y{padding-top:calc(3 * var(--paddingT))!important;padding-bottom:calc(3 * var(--paddingB))!important}.mypage .mol{padding:calc(1 * var(--paddingT)) calc(1 * var(--paddingL));box-sizing:border-box;height:100%}.mypage .mol-sm{padding:calc(.5 * var(--paddingT)) calc(.5 * var(--paddingL));box-sizing:border-box;height:100%}.mypage .mol-lg{padding:calc(1.5 * var(--paddingT)) calc(1.5 * var(--paddingL));box-sizing:border-box;height:100%}.mypage .mol-card{padding:calc(1.25 * var(--paddingT)) calc(1.25 * var(--paddingL));border-radius:var(--border-radius,.75rem);box-sizing:border-box;background-color:#fffffff2;height:100%;box-shadow:0 2px 12px #0000000f}.mypage .mol-card-dark{padding:calc(1.25 * var(--paddingT)) calc(1.25 * var(--paddingL));background-color:var(--shade-dark-base);color:var(--text-light);border-radius:var(--border-radius,.75rem);box-sizing:border-box;height:100%;box-shadow:0 2px 12px #0000002e}.mypage .sc-pri .mol-card h1,.mypage .sc-pri .mol-card h2,.mypage .sc-pri .mol-card h3,.mypage .sc-dark .mol-card h1,.mypage .sc-dark .mol-card h2,.mypage .sc-dark .mol-card h3,.mypage .sc-pri .mol-card p,.mypage .sc-dark .mol-card p{color:var(--shade-dark)!important}.mypage .sc-pri .mol-card .eyebrow,.mypage .sc-dark .mol-card .eyebrow{color:var(--primary-base)!important}.mypage .sc-pri .mol-card .h1sub,.mypage .sc-pri .mol-card .h2sub,.mypage .sc-pri .mol-card .h3sub,.mypage .sc-dark .mol-card .h1sub,.mypage .sc-dark .mol-card .h2sub,.mypage .sc-dark .mol-card .h3sub{color:var(--shade-mid)!important}.mypage .caption{font-size:.8125rem;font-family:var(--copytext-font);color:var(--shade-dark);opacity:.65;line-height:1.4}:root{--em-navy:#1a2f3f;--em-navy-soft:#223b4f;--em-yellow:#fcd55b;--em-yellow-soft:#fcd55b40;--em-text:#111827;--em-text-light:#f0f2f5;--em-muted:#ffffffb3;--em-border:#e4e9f0;--em-surface:#fff;--em-surface-hover:#f5f7fa}html,body,#root{min-height:100vh;margin:0;padding:0}*,:before,:after{box-sizing:border-box}body{font-family:var(--copytext-font,"Roboto", system-ui, sans-serif);color:var(--em-text);background:#fff;font-size:.9375rem;line-height:1.45}h1,h2,h3,h4,h5,h6{margin:0;font-weight:500}input,select,textarea{font:inherit;color:inherit}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;cursor:pointer;border:1px solid var(--em-border);color:var(--em-text);background:#fff;border-radius:6px;padding:.35rem .8rem;transition:background .12s,border-color .12s,color .12s}button:hover:not(:disabled){background:var(--em-surface-hover);border-color:var(--em-navy)}button:focus-visible{outline:2px solid var(--em-yellow);outline-offset:1px}button:disabled{opacity:.4;cursor:not-allowed}.app{grid-template-rows:52px 1fr;min-height:100vh;display:grid}.app-header{background:var(--em-navy);border-bottom:2px solid var(--em-yellow);color:var(--em-text-light);justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.app-header h1{color:#fff;letter-spacing:0;font-family:Inter,Roboto,system-ui,sans-serif;font-size:18px;font-weight:400;line-height:28px}.app-header h1 strong{letter-spacing:-.5px;font-style:italic;font-weight:900}.app-header h1 em{font-style:italic;font-weight:300}.app-header .actions{align-items:center;gap:12px;display:flex}.app-header .actions button,.user-menu>button,.tenant-switcher>button{color:var(--em-muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:.3rem .65rem;font-size:.82rem}.app-header .actions button:hover:not(:disabled),.user-menu>button:hover:not(:disabled),.tenant-switcher>button:hover:not(:disabled){color:#fff;background:#ffffff0f;border-color:#0000}.tenant-switcher>button{color:var(--em-yellow)}.tenant-switcher>button:hover{color:var(--em-yellow);background:#fcd55b14}.app-content{padding:0;overflow:hidden}.pattern-developer{grid-template-rows:40px 1fr;height:calc(100vh - 52px);display:grid}.pattern-developer .toolbar{border-bottom:1px solid var(--em-border);background:#fafbfc;align-items:center;gap:1rem;padding:0 12px;display:flex}.pattern-developer .toolbar .status{color:#6b7a8d;flex:1;font-size:.85rem}.pattern-developer .toolbar .toolbar-chat-toggle{background:var(--em-navy);color:#fff;border:1px solid var(--em-navy);border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:500}.pattern-developer .toolbar .toolbar-chat-toggle:hover{background:var(--em-navy-soft)}.pattern-developer .toolbar .toolbar-chat-toggle[aria-pressed=true]{background:var(--em-yellow);color:var(--em-navy);border-color:var(--em-yellow)}.chat-aside{z-index:40;flex-direction:column;width:min(420px,45vw);display:flex;position:fixed;top:52px;bottom:0;right:0;box-shadow:-8px 0 24px #1a2f3f1f}.pattern-developer .two-col{grid-template-columns:minmax(0,1fr) 6px minmax(0,1fr);display:grid;overflow:hidden}.pattern-developer .two-col>*{min-width:0}.pattern-developer .two-col>.left,.pattern-developer .two-col>.right{overflow:hidden}.splitter{cursor:col-resize;background:var(--em-border);transition:background .15s;position:relative}.splitter:hover,.splitter:active{background:var(--em-yellow)}.splitter:after{content:"";position:absolute;inset:0 -4px}.pattern-developer .left,.pattern-developer .right{grid-template-rows:36px 1fr;display:grid;overflow:hidden}.pattern-developer .tabs{border-bottom:1px solid var(--em-border);background:#f5f7fa;align-items:end;gap:2px;padding:0 8px;display:flex}.pattern-developer .tabs button{color:#4a5568;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;margin-bottom:-1px;padding:6px 12px;font-size:.82rem}.pattern-developer .tabs button:hover:not(:disabled){color:var(--em-navy);background:#edf1f5;border-color:#0000}.pattern-developer .tabs button[aria-pressed=true]{border-color:var(--em-border);color:var(--em-navy);background:#fff;font-weight:600}.modal-backdrop{z-index:50;background:#1a2f3f8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border-top:3px solid var(--em-yellow);background:#fff;border-radius:10px;width:min(640px,90vw);max-height:80vh;padding:1.5rem;overflow:auto;box-shadow:0 20px 50px #00000040}.modal .item-list{margin:0;padding:0;list-style:none}.modal .item-list li button{text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;width:100%;padding:.55rem .75rem;display:block}.modal .item-list li button:hover:not(:disabled){background:var(--em-surface-hover);border-color:var(--em-border)}.badge{background:var(--em-border);border-radius:10px;padding:2px .5rem;font-size:.75em;display:inline-block}.badge-draft{color:#854d0e;background:#fef3c7}.badge-published{color:#14532d;background:#dcfce7}.badge-published-draft{color:#713f12;background:#fde68a}.file-menu{position:relative}.file-menu>button{border:1px solid var(--em-border);color:var(--em-text);background:#fff;padding:4px 10px;font-size:.85rem}.file-menu>button:hover:not(:disabled){border-color:var(--em-navy);background:#fff}.file-menu .menu{z-index:1200;border:1px solid var(--em-border);border-top:2px solid var(--em-yellow);background:#fff;border-radius:8px;min-width:220px;margin:0;padding:4px 0;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 10px 30px #00000026}.file-menu .menu li{margin:0;padding:0}.file-menu .menu li button{text-align:left;width:100%;color:var(--em-text);background:0 0;border:none;border-radius:0;padding:7px 14px;font-size:.875rem;display:block}.file-menu .menu li button:hover:not(:disabled){background:var(--em-surface-hover)}.file-menu .menu li button:disabled{opacity:.4;cursor:not-allowed}.file-menu .menu hr{border:none;border-top:1px solid var(--em-border);margin:4px 0}.tenant-switcher,.user-menu{position:relative}.tenant-switcher .menu,.user-menu .menu{background:var(--em-navy);min-width:220px;color:var(--em-text-light);border:1px solid var(--em-yellow-soft);z-index:1300;border-radius:8px;margin:0;padding:6px 0;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 32px #00000080}.tenant-switcher .menu li button,.user-menu .menu button{text-align:left;width:100%;color:var(--em-text-light);background:0 0;border:none;border-radius:0;padding:8px 14px;font-size:.875rem;display:block}.tenant-switcher .menu li button:hover:not(:disabled),.user-menu .menu button:hover:not(:disabled){color:var(--em-yellow);background:#fcd55b1f;border-color:#0000}.tenant-switcher .menu li button[aria-selected=true]{color:var(--em-yellow);font-weight:600}.user-menu .menu .user-info{border-bottom:1px solid var(--em-yellow-soft);flex-direction:column;gap:2px;margin-bottom:4px;padding:10px 14px 8px;display:flex}.user-menu .menu .user-info strong{color:#fff;font-weight:600}.user-menu .menu .user-info small{color:var(--em-muted);font-size:.78rem}.pattern-developer .left>div:not(.tabs),.pattern-developer .right>div:not(.tabs){background:#fff;min-height:0;overflow:auto}.cm-editor{height:100%;font-size:.88rem}.cm-scroller{font-family:SF Mono,Menlo,Consolas,monospace}.chat-panel{border-left:1px solid var(--em-border);background:#fff;grid-template-rows:40px 1fr auto;min-width:0;height:100%;display:grid}.chat-header{background:var(--em-navy);color:#fff;border-bottom:2px solid var(--em-yellow);align-items:center;gap:.75rem;padding:0 12px;display:flex}.chat-header strong{font-size:.9rem}.chat-header .chat-hint{color:var(--em-muted);flex:1;font-size:.75rem}.chat-header .chat-close{color:var(--em-muted);background:0 0;border:none;padding:2px 8px;font-size:1rem}.chat-header .chat-close:hover{color:var(--em-yellow);background:#ffffff14}.chat-messages{flex-direction:column;gap:.75rem;padding:12px;display:flex;overflow-y:auto}.chat-empty{color:#6b7a8d;text-align:center;padding:2rem 1rem}.chat-empty p{margin:0 0 .4rem}.chat-empty-hint{color:#94a3b8;font-size:.82rem}.msg{border-radius:8px;flex-direction:column;gap:4px;max-width:95%;padding:8px 10px;display:flex}.msg-user{background:var(--em-surface-hover);border:1px solid var(--em-border);align-self:flex-end}.msg-assistant{border:1px solid var(--em-border);border-left:3px solid var(--em-yellow);background:#fff;align-self:flex-start}.msg-role{color:#6b7a8d;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.msg-image{border:1px solid var(--em-border);object-fit:contain;background:#f5f7fa;border-radius:4px;max-width:100%;max-height:200px}.msg-content{white-space:pre-wrap;word-break:break-word;font-size:.875rem;line-height:1.45}.msg-content code{background:#f5f7fa;border-radius:3px;padding:0 4px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.82rem}.msg-action{background:var(--em-navy);color:var(--em-yellow);border:1px solid var(--em-yellow);border-radius:4px;align-self:flex-start;margin-top:4px;padding:4px 10px;font-size:.78rem}.msg-action:hover{background:var(--em-yellow);color:var(--em-navy)}.chat-error{color:#991b1b;background:#fef2f2;border-top:1px solid #fecaca;padding:6px 12px;font-size:.8rem}.chat-input{border-top:1px solid var(--em-border);background:#fafbfc;padding:8px}.chat-attachment{border:1px solid var(--em-border);background:#fff;border-radius:4px;align-items:center;gap:8px;margin-bottom:6px;padding:4px 8px;font-size:.8rem;display:flex}.chat-attachment img{border-radius:3px;height:32px}.chat-attachment span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.chat-attachment button{background:0 0;border:none;padding:2px 6px}.chat-input-row{grid-template-columns:auto 1fr auto;align-items:end;gap:6px;display:grid}.chat-input-row .chat-attach{border:1px solid var(--em-border);background:#fff;border-radius:4px;padding:6px 10px;font-size:1rem}.chat-input-row textarea{font:inherit;border:1px solid var(--em-border);resize:vertical;background:#fff;border-radius:4px;min-height:42px;padding:6px 8px;font-size:.875rem}.chat-input-row textarea:focus{border-color:var(--em-navy);outline:none}.chat-input-row .chat-send{background:var(--em-navy);color:#fff;border:1px solid var(--em-navy);padding:6px 14px;font-weight:600}.chat-input-row .chat-send:hover:not(:disabled){background:var(--em-navy-soft);border-color:var(--em-navy-soft)}.preview-host{background:#fff;width:100%;height:100%;position:relative;overflow:hidden}.preview-iframe{background:#fff;border:none;width:100%;height:100%;display:block}.preview-loading{background:var(--em-navy);color:var(--em-yellow);letter-spacing:.04em;z-index:2;border-radius:10px;padding:3px 10px;font-size:.75rem;position:absolute;top:8px;right:12px;box-shadow:0 2px 8px #00000026}.preview-empty,.preview-error{color:#6b7a8d;text-align:center;background:repeating-linear-gradient(45deg,#fafbfc,#fafbfc 10px,#f2f4f7 10px 20px);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%;padding:2rem;font-size:.9rem;display:flex}.preview-empty p{margin:0}.preview-empty-hint{color:#94a3b8;font-size:.82rem}.preview-error{color:#991b1b;background:#fef2f2}
