@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";:root{--md-ref-palette-primary-40:#0b57d0;--md-ref-palette-primary-80:#a8c7fa;--md-ref-palette-primary-90:#d3e3fd;--md-ref-palette-primary-10:#041e49;--md-ref-palette-secondary-40:#00639b;--md-ref-palette-secondary-80:#93ccff;--md-ref-palette-secondary-90:#cce5ff;--md-ref-palette-secondary-10:#001d35;--md-ref-palette-tertiary-40:#146c2e;--md-ref-palette-tertiary-80:#6dd58c;--md-ref-palette-tertiary-90:#c4eed0;--md-ref-palette-tertiary-10:#072711;--md-ref-palette-error-40:#b3261e;--md-ref-palette-error-80:#f2b8b5;--md-ref-palette-error-90:#f9dedc;--md-ref-palette-error-10:#410e0b;--md-ref-palette-neutral-10:#1f1f1f;--md-ref-palette-neutral-90:#e3e3e3;--md-ref-palette-neutral-98:#f8f9fa;--md-ref-palette-neutral-100:#fff;--md-ref-palette-neutral-variant-30:#444746;--md-ref-palette-neutral-variant-50:#747775;--md-ref-palette-neutral-variant-80:#c4c7c5;--md-ref-palette-neutral-variant-90:#e1e3e1;--md-sys-typescale-display-large:400 57px/64px "Roboto", sans-serif;--md-sys-typescale-headline-large:400 32px/40px "Roboto", sans-serif;--md-sys-typescale-title-large:400 22px/28px "Roboto", sans-serif;--md-sys-typescale-title-medium:500 16px/24px "Roboto", sans-serif;--md-sys-typescale-title-small:500 14px/20px "Roboto", sans-serif;--md-sys-typescale-label-small:500 11px/16px "Roboto", sans-serif;--md-sys-typescale-body-large:400 16px/24px "Roboto", sans-serif;--md-sys-typescale-body-medium:400 14px/20px "Roboto", sans-serif;--md-sys-typescale-label-large:500 14px/20px "Roboto", sans-serif;--md-sys-typescale-label-medium:500 12px/16px "Roboto", sans-serif;--md-sys-shape-corner-none:0px;--md-sys-shape-corner-extra-small:4px;--md-sys-shape-corner-small:8px;--md-sys-shape-corner-medium:12px;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-extra-large:28px;--md-sys-shape-corner-full:9999px;--md-sys-state-hover:.08;--md-sys-state-focus:.12;--md-sys-state-pressed:.12;--md-sys-state-dragged:.16;--md-sys-color-primary:var(--md-ref-palette-primary-40);--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:var(--md-ref-palette-primary-90);--md-sys-color-on-primary-container:var(--md-ref-palette-primary-10);--md-sys-color-secondary:var(--md-ref-palette-secondary-40);--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:var(--md-ref-palette-secondary-90);--md-sys-color-on-secondary-container:var(--md-ref-palette-secondary-10);--md-sys-color-tertiary:var(--md-ref-palette-tertiary-40);--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:var(--md-ref-palette-tertiary-90);--md-sys-color-on-tertiary-container:var(--md-ref-palette-tertiary-10);--md-sys-color-error:var(--md-ref-palette-error-40);--md-sys-color-on-error:#fff;--md-sys-color-error-container:var(--md-ref-palette-error-90);--md-sys-color-on-error-container:var(--md-ref-palette-error-10);--md-sys-color-background:var(--md-ref-palette-neutral-98);--md-sys-color-on-background:var(--md-ref-palette-neutral-10);--md-sys-color-surface:var(--md-ref-palette-neutral-98);--md-sys-color-on-surface:var(--md-ref-palette-neutral-10);--md-sys-color-surface-variant:var(--md-ref-palette-neutral-variant-90);--md-sys-color-on-surface-variant:var(--md-ref-palette-neutral-variant-30);--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f3f4f6;--md-sys-color-surface-container:#f0f1f3;--md-sys-color-surface-container-high:#e9eaec;--md-sys-color-surface-container-highest:#e3e4e6;--md-sys-color-outline:var(--md-ref-palette-neutral-variant-50);--md-sys-color-outline-variant:var(--md-ref-palette-neutral-variant-80);--md-sys-elevation-1:0px 1px 2px 0px #0000004d, 0px 1px 3px 1px #00000026;--md-sys-elevation-2:0px 1px 2px 0px #0000004d, 0px 2px 6px 2px #00000026;--md-sys-elevation-3:0px 1px 3px 0px #0000004d, 0px 4px 8px 3px #00000026}@media (prefers-color-scheme:dark){:root{--md-sys-color-primary:var(--md-ref-palette-primary-80);--md-sys-color-on-primary:var(--md-ref-palette-primary-10);--md-sys-color-primary-container:#0842a0;--md-sys-color-on-primary-container:var(--md-ref-palette-primary-90);--md-sys-color-secondary:var(--md-ref-palette-secondary-80);--md-sys-color-on-secondary:var(--md-ref-palette-secondary-10);--md-sys-color-secondary-container:#004a77;--md-sys-color-on-secondary-container:var(--md-ref-palette-secondary-90);--md-sys-color-tertiary:var(--md-ref-palette-tertiary-80);--md-sys-color-on-tertiary:var(--md-ref-palette-tertiary-10);--md-sys-color-tertiary-container:#1e5128;--md-sys-color-on-tertiary-container:var(--md-ref-palette-tertiary-90);--md-sys-color-error:var(--md-ref-palette-error-80);--md-sys-color-on-error:var(--md-ref-palette-error-10);--md-sys-color-error-container:#8c1d18;--md-sys-color-on-error-container:var(--md-ref-palette-error-90);--md-sys-color-background:#111114;--md-sys-color-on-background:#e2e2e9;--md-sys-color-surface:#111114;--md-sys-color-on-surface:#e2e2e9;--md-sys-color-surface-variant:var(--md-ref-palette-neutral-variant-30);--md-sys-color-on-surface-variant:var(--md-ref-palette-neutral-variant-80);--md-sys-color-surface-container-lowest:#0f0f11;--md-sys-color-surface-container-low:#1a1a1c;--md-sys-color-surface-container:#1e1e20;--md-sys-color-surface-container-high:#28282a;--md-sys-color-surface-container-highest:#333335;--md-sys-color-outline:var(--md-ref-palette-neutral-variant-80);--md-sys-color-outline-variant:var(--md-ref-palette-neutral-variant-30);--md-sys-elevation-1:0px 1px 3px 1px #00000026, 0px 1px 2px 0px #0000004d;--md-sys-elevation-2:0px 2px 6px 2px #00000026, 0px 1px 2px 0px #0000004d;--md-sys-elevation-3:0px 4px 8px 3px #00000026, 0px 1px 3px 0px #0000004d}}*{box-sizing:border-box;margin:0;padding:0}body{font:var(--md-sys-typescale-body-large);background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}h1{font:var(--md-sys-typescale-display-large)}h2{font:var(--md-sys-typescale-headline-large)}h3{font:var(--md-sys-typescale-title-large)}button{font:var(--md-sys-typescale-label-large);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;transition:background-color .2s cubic-bezier(.2,0,0,1),box-shadow .2s cubic-bezier(.2,0,0,1);display:inline-flex;position:relative;overflow:hidden}button:after{content:"";opacity:0;pointer-events:none;background-color:currentColor;transition:opacity .2s;position:absolute;inset:0}button:hover:after{opacity:var(--md-sys-state-hover)}button:active:after{opacity:var(--md-sys-state-pressed)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full)}::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline)}.sidebar{background-color:var(--md-sys-color-surface-container-low);border-right:1px solid var(--md-sys-color-outline-variant);flex-direction:column;flex-shrink:0;gap:24px;width:100%;padding:16px;display:flex;overflow-y:auto}.sidebar-section{flex-direction:column;gap:16px;display:flex}.sidebar-section h3{font:var(--md-sys-typescale-title-small);color:var(--md-sys-color-on-surface-variant);margin-bottom:8px}.m3-filled-field{background-color:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-extra-small) var(--md-sys-shape-corner-extra-small) 0 0;border-bottom:1px solid var(--md-sys-color-on-surface-variant);flex-direction:column;padding:8px 16px;transition:border-bottom-color .2s;display:flex;position:relative}.m3-filled-field:focus-within{border-bottom:2px solid var(--md-sys-color-primary);padding-bottom:7px}.m3-filled-field label{font:var(--md-sys-typescale-label-small);color:var(--md-sys-color-on-surface-variant);margin-bottom:4px}.m3-filled-field select{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface);appearance:none;background:0 0;border:none;outline:none;width:100%}.m3-filled-field select option{background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.m3-filled-field select:disabled{color:var(--md-sys-color-on-surface-variant);opacity:.8}.m3-slider-group{flex-direction:column;gap:16px;display:flex}.m3-slider-label-row{justify-content:space-between;align-items:center;display:flex}.m3-slider-label-row label{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface)}.m3-slider-label-row .value-display{font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface-variant)}input[type=range]{appearance:none;background:0 0;outline:none;width:100%;height:16px}input[type=range]::-webkit-slider-runnable-track{background:var(--md-sys-color-surface-container-highest);border-radius:4px;width:100%;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--md-sys-color-primary);border-radius:50%;width:20px;height:20px;margin-top:-6px;transition:transform .1s;box-shadow:0 1px 3px #0000004d}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.easing-preview{background-color:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-1);flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex}.bezier-curve{background-color:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-small);width:100%;height:80px;padding:8px}.easing-preview code{font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-primary)}.state-card{border-radius:var(--md-sys-shape-corner-medium);background-color:var(--md-sys-color-surface-container);cursor:pointer;border:1px solid #0000;align-items:center;gap:16px;padding:16px;transition:background-color .2s;display:flex}.state-card:hover{background-color:var(--md-sys-color-surface-container-high)}.state-card.active{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.state-card.active span{color:var(--md-sys-color-on-secondary-container)}.state-indicator{border-radius:var(--md-sys-shape-corner-small);background-color:var(--md-sys-color-primary);width:40px;height:40px;color:var(--md-sys-color-on-primary);font:var(--md-sys-typescale-title-medium);justify-content:center;align-items:center;display:flex}.state-indicator.b{background-color:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary)}.state-card span{font:var(--md-sys-typescale-body-large)}.state-card{text-align:left;width:100%;font:inherit;border:none}.sidebar-inline-label{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface)}.inference-chip{border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);font:var(--md-sys-typescale-label-medium);padding:8px 12px}.diff-stats{flex-wrap:wrap;gap:8px;display:flex}.diff-stat{font:var(--md-sys-typescale-label-medium);border-radius:var(--md-sys-shape-corner-full);padding:4px 10px}.diff-stat.persist{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.diff-stat.enter{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.diff-stat.exit{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.diff-list{flex-direction:column;gap:6px;max-height:140px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.diff-item{border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface-container);font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface);justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.diff-item code{color:var(--md-sys-color-primary)}.diff-item span{color:var(--md-sys-color-on-surface-variant);text-transform:capitalize}.m3-list{flex-direction:column;gap:4px;display:flex}.m3-list-item{border-radius:var(--md-sys-shape-corner-extra-large);text-align:left;width:100%;min-height:72px;color:var(--md-sys-color-on-surface-variant);background:0 0;border:none;align-items:flex-start;gap:16px;padding:12px 16px;transition:background-color .2s cubic-bezier(.2,0,0,1);display:flex}.m3-list-item:hover{background-color:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}.m3-list-item--selected{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.m3-list-item--selected:hover{background-color:var(--md-sys-color-secondary-container)}.m3-list-item__content{flex-direction:column;flex:1;gap:2px;min-width:0;padding-top:2px;display:flex}.m3-list-item__primary{font:var(--md-sys-typescale-body-large);color:inherit}.m3-list-item--selected .m3-list-item__primary{color:var(--md-sys-color-on-secondary-container)}.m3-list-item__secondary{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.m3-list-item--selected .m3-list-item__secondary{color:var(--md-sys-color-on-secondary-container);opacity:.8}.m3-radio{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:10px;display:flex}.m3-radio__outer{border:2px solid var(--md-sys-color-on-surface-variant);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.m3-list-item--selected .m3-radio__outer{border-color:var(--md-sys-color-on-secondary-container)}.m3-list-item--selected .m3-radio__outer:after{content:"";background-color:var(--md-sys-color-on-secondary-container);border-radius:50%;width:10px;height:10px}.readonly-field{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface);background:0 0;border:none;width:100%}.m3-segmented-button-group--block{width:100%}.m3-segmented-button{height:40px;font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface);border-right:1px solid var(--md-sys-color-outline);background:0 0;align-items:center;gap:8px;padding:0 16px;display:flex}.m3-segmented-button.active{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.m3-segmented-button-group--block .m3-segmented-button{flex:1;justify-content:center}.sidebar-input{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface);background:0 0;border:none;outline:none;width:100%}.brand-color-row{align-items:center;gap:12px;display:flex}.brand-color-row input[type=color]{cursor:pointer;background:0 0;border:none;width:40px;height:40px;padding:0}.easing-code{font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-primary)}.layer-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.layer-item{border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface-container);width:100%;font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface);text-align:left;justify-content:space-between;padding:10px 12px;display:flex}.layer-item__type{color:var(--md-sys-color-on-surface-variant);text-transform:capitalize;font:var(--md-sys-typescale-label-medium)}.logo-layer{box-sizing:border-box;pointer-events:none;will-change:left, top, width, height, opacity, transform;position:absolute}.logo-layer__svg{display:block;overflow:visible}.logo-layer--text{justify-content:center;align-items:center;display:flex;background:0 0!important}.logo-layer__wordmark{letter-spacing:-.02em;white-space:nowrap;font:700 32px/1 Roboto,sans-serif}.logo-layer--editable{pointer-events:auto;cursor:grab;outline-offset:4px;outline:2px dashed #0000}.logo-layer--editable:hover{outline-color:var(--md-sys-color-primary)}.logo-layer--selected{cursor:grabbing;z-index:10;outline-color:var(--md-sys-color-primary)!important}.logo-canvas-area{background:var(--md-sys-color-surface-container-lowest);flex-direction:column;flex:1;min-width:0;display:flex}.logo-canvas-toolbar{border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.logo-canvas-toolbar__badge{font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-full);padding:4px 12px}.m3-segmented-button-group{border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);display:flex;overflow:hidden}.m3-segmented-button{height:40px;font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface);border-right:1px solid var(--md-sys-color-outline);background:0 0;padding:0 16px}.m3-segmented-button:last-child{border-right:none}.m3-segmented-button.active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.logo-canvas-viewport{touch-action:none;background-image:linear-gradient(var(--md-sys-color-surface-variant) 1px, transparent 1px), linear-gradient(90deg, var(--md-sys-color-surface-variant) 1px, transparent 1px);background-size:24px 24px;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.logo-drawing-layer{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.logo-scene{z-index:1;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-extra-large);box-shadow:var(--md-sys-elevation-2);padding:48px;position:relative}.logo-scene__stage{width:480px;height:360px;position:relative}.logo-canvas-status{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-large);z-index:3;padding:8px 16px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.agent-chat{border-right:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);flex-direction:column;flex-shrink:0;width:340px;min-height:0;display:flex}.agent-chat__header{border-bottom:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;align-items:center;padding:16px;display:flex}.agent-chat__header h2{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);margin:0}.agent-chat__badge{font:var(--md-sys-typescale-label-small);border-radius:var(--md-sys-shape-corner-full);padding:4px 10px}.agent-chat__badge--ready{color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container)}.agent-chat__badge--off{color:var(--md-sys-color-on-error-container);background:var(--md-sys-color-error-container)}.agent-chat__notice{border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border:1px solid color-mix(in srgb, var(--md-sys-color-error) 35%, transparent);margin:12px 16px 0;padding:12px 14px}.agent-chat__notice-title{font:var(--md-sys-typescale-title-small);margin:0 0 6px}.agent-chat__notice-body{font:var(--md-sys-typescale-body-small);margin:0 0 8px;line-height:1.45}.agent-chat__notice-steps{font:var(--md-sys-typescale-body-small);margin:0 0 10px;padding-left:1.25rem;line-height:1.5}.agent-chat__notice-steps li{margin-bottom:4px}.agent-chat__notice-actions{flex-wrap:wrap;gap:8px;display:flex}.agent-chat__notice-actions .m3-button-filled,.agent-chat__notice-actions .m3-button-outlined{height:36px;font:var(--md-sys-typescale-label-large);padding:0 16px}.agent-chat__composer textarea:disabled{opacity:.55;cursor:not-allowed}.agent-chat__settings{border-bottom:1px solid var(--md-sys-color-outline-variant);flex-direction:column;gap:8px;padding:0 16px 12px;display:flex}.agent-chat__settings-hint{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);margin:0;line-height:1.4}.agent-chat__settings-field{font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant);flex-direction:column;gap:4px;display:flex}.agent-chat__settings-field input,.agent-chat__settings-field select{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small);font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface);padding:8px 10px}.agent-chat__settings-save{height:32px;font:var(--md-sys-typescale-label-large);align-self:flex-start;padding:0 12px}.agent-chat__thread{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.agent-chat__empty{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);margin:0;line-height:1.5}.agent-chat__msg{border-radius:var(--md-sys-shape-corner-medium);max-width:100%;padding:12px}.agent-chat__msg--user{background:var(--md-sys-color-surface-container-highest);align-self:flex-end}.agent-chat__msg--assistant{background:var(--md-sys-color-primary-container);align-self:flex-start}.agent-chat__role{font:var(--md-sys-typescale-label-small);color:var(--md-sys-color-on-surface-variant);margin-bottom:4px;display:block}.agent-chat__msg--assistant .agent-chat__role{color:var(--md-sys-color-on-primary-container)}.agent-chat__msg p{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface);margin:0;line-height:1.45}.agent-chat__msg--assistant p{color:var(--md-sys-color-on-primary-container)}.agent-chat__typing{opacity:.7}.agent-chat__composer{border-top:1px solid var(--md-sys-color-outline-variant);flex-direction:column;gap:8px;padding:12px 16px 16px;display:flex}.agent-chat__composer textarea{resize:none;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);width:100%;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface);outline:none;padding:12px}.agent-chat__composer textarea:focus{border-color:var(--md-sys-color-primary)}.agent-chat__composer textarea::placeholder{color:var(--md-sys-color-on-surface-variant)}.agent-chat__composer .m3-button-filled{align-self:flex-end;height:40px;padding:0 24px}.export-modal-backdrop{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.export-modal{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-large);width:min(720px,92vw);max-height:80vh;box-shadow:var(--md-sys-elevation-3);flex-direction:column;display:flex;overflow:hidden}.export-modal__header{border-bottom:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.export-modal__header h2{font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface);margin:0}.export-modal__close{border-radius:var(--md-sys-shape-corner-full);width:40px;height:40px;color:var(--md-sys-color-on-surface);font-size:24px;line-height:1}.export-modal__tabs{border-bottom:1px solid var(--md-sys-color-outline-variant);gap:8px;padding:12px 24px;display:flex}.export-modal__tabs button{border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface);background:0 0;padding:8px 16px}.export-modal__tabs button.active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.export-modal__code{background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface);white-space:pre-wrap;flex:1;margin:0;padding:16px 24px;font:13px/1.5 ui-monospace,Cascadia Code,monospace;overflow:auto}.export-modal__footer{border-top:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.export-modal__meta{font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant)}.app-container{background-color:var(--md-sys-color-background);flex-direction:column;width:100vw;height:100vh;display:flex}.top-app-bar{background-color:var(--md-sys-color-surface);height:64px;color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-2);z-index:10;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.logo-area{align-items:center;gap:16px;display:flex}.logo-icon{border-radius:var(--md-sys-shape-corner-small);background-color:var(--md-sys-color-primary);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.logo-area__titles{flex-direction:column;gap:0;display:flex}.logo-area h1{font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface);margin:0;line-height:1.2}.logo-area__subtitle{font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant)}.header-actions{gap:8px;display:flex}.m3-button-filled{border-radius:var(--md-sys-shape-corner-full);background-color:var(--md-sys-color-primary);height:40px;color:var(--md-sys-color-on-primary);padding:0 24px}.m3-button-outlined{border-radius:var(--md-sys-shape-corner-full);border:1px solid var(--md-sys-color-outline);height:40px;color:var(--md-sys-color-primary);padding:0 24px}.m3-button-outlined:focus{border-color:var(--md-sys-color-primary)}.app-main{flex:1;min-height:0;display:flex}.app-main--studio{grid-template-columns:340px 1fr 300px;min-height:0;display:grid}.sidebar--inspector{width:300px}