@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&family=Roboto:wght@400;500&display=swap";.canvas.preview .m3-preview-content{position:absolute;top:0;right:0;bottom:0;left:0}.canvas.preview .m3-preview-scroll{position:absolute;inset-inline:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;touch-action:auto}.canvas.preview .design-element{touch-action:auto;-webkit-user-select:auto;user-select:auto;cursor:default}.canvas.preview .m3-preview-content>.design-element{z-index:2}.canvas.preview .m3-preview-action{position:relative;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;text-align:inherit;-webkit-tap-highlight-color:transparent}.canvas.preview .m3-preview-action:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:currentColor;opacity:0;transition:opacity .12s}.canvas.preview .m3-preview-action:hover:after{opacity:.08}.canvas.preview .m3-preview-action:active:after{opacity:.14}.canvas.preview :is(button,input,textarea,[tabindex]):focus-visible{outline:3px solid var(--m3-primary);outline-offset:-3px}.canvas.preview .m3-preview-action:disabled{opacity:.38;cursor:default}.canvas.preview .m3-preview-action[aria-pressed=true],.canvas.preview .button-face[aria-pressed=true]{color:var(--m3-on-secondary-container);background-color:var(--m3-secondary-container)}.canvas.preview .m3-preview-content-action{display:block;width:100%;height:100%;padding:0;border-radius:inherit}.canvas.preview .m3-preview-action:is(.iconbutton-face,.fab-face,.extended-fab-face){display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;border-radius:inherit;background:inherit}.canvas.preview .m3-preview-action:is(.iconbutton-face,.fab-face)[aria-pressed=true]{color:var(--m3-on-primary-container);background:var(--m3-primary-container)}.canvas.preview :is(.button-group-face,.segmented-face,.tabs-face,.radio-face){display:flex;min-width:0}.canvas.preview :is(.button-group-face,.segmented-face,.tabs-face,.radio-face)>button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:40px;padding:4px 10px;line-height:1.3;font-size:14px;font-weight:600;overflow-wrap:anywhere}.canvas.preview :is(.button-group-face,.segmented-face)>button.active{background:var(--m3-secondary-container);color:var(--m3-on-secondary-container)}.canvas.preview .segmented-face>button+button{border-inline-start:1px solid var(--m3-outline)}.canvas.preview .tabs-face>button{border-bottom:3px solid transparent}.canvas.preview .tabs-face>button.active{color:var(--m3-primary);border-bottom-color:var(--m3-primary)}.canvas.preview .radio-face{flex-direction:column;justify-content:center}.canvas.preview .radio-face>button{justify-content:start}.canvas.preview .radio-face>button .radio-dot{width:20px;height:20px;border:2px solid var(--m3-outline);border-radius:50%;flex:none}.canvas.preview .radio-face>button.active .radio-dot{border-color:var(--m3-primary);background:var(--m3-primary);box-shadow:inset 0 0 0 3px var(--m3-surface)}.canvas.preview .checkbox-face{position:relative;cursor:pointer}.canvas.preview .checkbox-face input{position:absolute;width:24px;height:24px;opacity:0}.canvas.preview .checkbox-face:has(input:focus-visible){outline:3px solid var(--m3-primary);outline-offset:-3px}.canvas.preview .checkbox-face:has(input:not(:checked)) .checkbox-box{background:transparent;border:2px solid var(--m3-outline)}.canvas.preview .switch-row-face{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:4px}.canvas.preview .switch-face{flex:none;width:52px;height:32px}.canvas.preview .switch-face.is-off{background:var(--m3-surface-container-highest);border:2px solid var(--m3-outline)}.canvas.preview .switch-face.is-off>span{left:6px;width:16px;height:16px;background:var(--m3-outline);transform:translateY(-50%)}.canvas.preview .m3-preview-chip{display:flex;align-items:stretch;height:100%}.canvas.preview .m3-preview-chip{border-radius:inherit}.canvas.preview .m3-preview-chip>.chip-face{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 10px;border-radius:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.canvas.preview .search-face input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:inherit;font:inherit}.canvas.preview .search-face input::-webkit-search-cancel-button{display:none}.canvas.preview .search-face>button{display:grid;place-items:center;min-width:40px;height:40px;border-radius:50%}.canvas.preview .slider-face{display:flex;flex-direction:column;justify-content:space-evenly;gap:8px;padding:8px}.canvas.preview .slider-label{display:flex;justify-content:space-between}.canvas.preview .slider-face input{width:100%;min-height:32px;margin:0;accent-color:var(--m3-primary);cursor:pointer}.canvas.preview .slider-face input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:44px;background:linear-gradient(to right,var(--m3-primary) var(--range-progress),var(--m3-secondary-container) var(--range-progress)) center / 100% 12px no-repeat;border-radius:12px}.canvas.preview .slider-face input::-webkit-slider-runnable-track{height:12px;background:transparent}.canvas.preview .slider-face input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:44px;width:4px;margin-top:-16px;border-radius:4px;background:var(--m3-primary);box-shadow:0 0 0 3px var(--m3-surface)}.canvas.preview .slider-face input::-moz-range-track{height:12px;background:transparent}.canvas.preview .slider-face input::-moz-range-thumb{height:44px;width:4px;border:0;border-radius:4px;background:var(--m3-primary);box-shadow:0 0 0 3px var(--m3-surface)}.canvas.preview .appbar-face>.appbar-leading{flex:none;width:48px;height:48px;display:grid;place-items:center;border-radius:50%}.canvas.preview .appbar-avatar{flex:none;display:grid;place-items:center;background:var(--m3-primary);color:var(--m3-on-primary);border-radius:50%;width:40px;height:40px}.canvas.preview .appbar-actions>button{min-width:40px;height:48px;border-radius:50%}.canvas.preview .navigationbar-items{width:100%}.canvas.preview .navigationbar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px 2px}.canvas.preview .navigationbar-face.wide .navigationbar-item{flex-direction:row}.canvas.preview .navigationbar-item.active .navigationbar-indicator{background:var(--m3-secondary-container);color:var(--m3-on-secondary-container)}.canvas.preview .navigationbar-label{font-size:12px;line-height:16px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas.preview .m3-preview-nav-items{display:flex;flex-direction:column;gap:8px}.canvas.preview .drawer-item{min-height:48px;display:flex;align-items:center;gap:12px;padding:12px;border-radius:28px}.canvas.preview .navrail-item{display:flex;flex-direction:column;align-items:center;gap:6px}.canvas.preview :is(.drawer-item,.navrail-item).active{background:var(--m3-secondary-container)}.canvas.preview .toolbar-face{display:flex;justify-content:space-around}.canvas.preview .toolbar-face>button{min-width:40px;min-height:48px;border-radius:50%}.canvas.preview .split-button-face{display:flex;overflow:hidden}.canvas.preview .split-button-face>button{min-height:48px;padding:8px 16px}.canvas.preview .split-button-face>button:first-child{flex:1}.canvas.preview .split-button-face>button+button{border-inline-start:1px solid currentColor}.canvas.preview .menu-face>button{width:100%;min-height:48px;padding:12px}.canvas.preview .menu-face>button>span{display:block;min-height:0;padding:0}.canvas.preview .m3-preview-inline-surface{overflow:auto}.canvas.preview .m3-preview-inline-surface header{display:flex;align-items:center;justify-content:space-between;gap:8px}.canvas.preview .m3-preview-inline-surface header>button{display:grid;place-items:center;min-width:40px;height:40px;border-radius:50%}.canvas.preview .m3-preview-inline-surface footer>button{min-height:40px;padding:8px 16px;color:var(--m3-primary);border-radius:20px}.canvas.preview .m3-preview-sheet-handle{display:grid;place-items:center;width:100%;min-height:24px;touch-action:none}.canvas.preview .m3-preview-sheet-handle .sheet-handle{margin:0}.canvas.preview .fab-menu-main,.canvas.preview .fab-menu-action{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px;border-radius:24px;background:var(--m3-primary-container);color:var(--m3-on-primary-container)}.canvas.preview .fab-menu-main{width:100%}.canvas.preview .m3-preview-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#00000052;padding:24px}.canvas.preview .m3-preview-surface{width:min(100%,560px);max-height:100%;overflow:auto;overscroll-behavior:contain;border-radius:28px;background:var(--m3-surface-container-high);color:var(--m3-on-surface);padding:24px;box-shadow:0 8px 24px #0003;font-size:16px}.canvas.preview .m3-preview-surface :is(h2,p){margin:0 0 16px;overflow-wrap:anywhere}.canvas.preview .m3-preview-surface h2{font-size:22px;line-height:28px;font-weight:500}.canvas.preview .m3-preview-surface p{line-height:24px;white-space:pre-wrap}.canvas.preview :is(.m3-preview-surface,.m3-preview-datepicker,.m3-preview-timepicker) header{display:flex;align-items:center;justify-content:space-between;gap:8px}.canvas.preview .m3-preview-surface header>button{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%}.canvas.preview .m3-preview-surface.drawer{position:absolute;inset:0 auto 0 0;width:min(85%,360px);border-radius:0 28px 28px 0;padding:20px 12px}.canvas.preview .m3-preview-surface.bottomsheet{position:absolute;inset:auto 0 0;width:100%;max-height:85%;border-radius:28px 28px 0 0}.canvas.preview .m3-preview-surface.sidesheet{position:absolute;inset:0 0 0 auto;width:min(90%,360px);border-radius:28px 0 0 28px}.canvas.preview .m3-preview-surface.menu{position:absolute;inset:80px 12px auto auto;width:min(85%,280px);border-radius:8px;padding:8px}.canvas.preview .m3-preview-menu-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:12px 16px;border-radius:24px}.canvas.preview .m3-preview-full-image{width:100%;max-height:65vh;object-fit:contain;border-radius:16px}.canvas.preview .m3-preview-surface footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:20px}.canvas.preview .m3-preview-surface footer>button{padding:10px 20px;min-height:40px;border-radius:24px;color:var(--m3-primary)}.canvas.preview .m3-preview-surface footer>button.primary{background:var(--m3-primary);color:var(--m3-on-primary)}.canvas.preview .m3-preview-compose{display:grid;gap:8px}.canvas.preview .m3-preview-compose textarea{min-height:96px;width:100%;border:1px solid var(--m3-outline);border-radius:8px;padding:12px;font:inherit;background:var(--m3-surface);color:inherit;resize:vertical}.canvas.preview .m3-preview-notice{position:absolute;inset-inline:12px;z-index:110;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:4px;color:var(--m3-inverse-on-surface);background:var(--m3-inverse-surface);box-shadow:0 2px 8px #0003;font-size:14px}.canvas.preview .m3-preview-notice>span{flex:1}.canvas.preview .m3-preview-notice>button{flex:none;min-height:40px;padding:8px}.canvas.preview .m3-preview-empty{position:absolute;inset:100px 12px auto;padding:16px;text-align:center;background:var(--m3-surface)}.canvas.preview .m3-preview-carousel{position:relative;height:100%}.canvas .carousel-face{display:flex;flex-flow:row nowrap;gap:8px;overflow:hidden}.canvas .carousel-card{flex:0 0 64%;min-width:120px;height:100%}.canvas .carousel-card strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.4}.canvas.preview .carousel-face{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none}.canvas.preview .carousel-face::-webkit-scrollbar{display:none}.canvas.preview .carousel-card{scroll-snap-align:start;scroll-snap-stop:normal;display:grid;align-items:end;padding:16px;border-radius:28px;color:#fff;font-weight:600;font-size:14px}.canvas.preview .carousel-card{background:var(--m3-primary)}.canvas.preview .carousel-card.card-1{background:var(--m3-secondary)}.canvas.preview .carousel-card.card-2{background:var(--m3-tertiary)}.canvas.preview .carousel-card.has-image:before{content:"";position:absolute;top:35%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#000b);pointer-events:none;z-index:1}.canvas.preview .carousel-card strong{z-index:2}.canvas.preview .custom-button-layer{border:0;cursor:pointer;font-family:inherit}.canvas.preview .m3-preview-carousel-controls{position:absolute;top:4px;right:4px;display:flex;gap:4px}.canvas.preview .m3-preview-carousel-controls>button{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#0006;color:#fff}.canvas.preview .m3-preview-tooltip{position:relative;display:flex;align-items:center;gap:8px;height:100%}.canvas.preview .m3-preview-tooltip .tooltip-face{width:auto;height:auto;padding:8px 12px;color:var(--m3-inverse-on-surface);background:var(--m3-inverse-surface);border-radius:4px}.canvas.preview .m3-preview-tooltip>button{flex:none;width:40px;height:40px}.canvas.preview .kind-tooltip{overflow:visible;z-index:4}.canvas.preview .m3-preview-loading{height:100%}.canvas.preview .m3-preview-loading svg{animation:m3-preview-spin 1.5s linear infinite}.canvas.preview .progress-face.indeterminate span{animation:m3-preview-progress 1.5s ease-in-out infinite alternate;width:40%!important}@keyframes m3-preview-spin{to{transform:rotate(360deg)}}@keyframes m3-preview-progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}.canvas.preview :is(.m3-preview-datepicker,.m3-preview-timepicker){display:flex;flex-direction:column;gap:8px;overflow:auto;padding:12px;font-size:14px;background:var(--m3-surface-container-high)}.canvas.preview :is(.m3-preview-datepicker,.m3-preview-timepicker) :is(header,footer) button{min-height:40px;padding:8px;border-radius:20px}.canvas.preview :is(.m3-preview-datepicker,.m3-preview-timepicker) input{width:100%;padding:12px;min-height:48px;font:inherit;color:inherit;background:var(--m3-surface);border:1px solid var(--m3-outline);border-radius:4px}.canvas.preview .m3-preview-datepicker .date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0}.canvas.preview .m3-preview-datepicker .date-grid>button{aspect-ratio:1;min-height:32px;padding:2px;border-radius:50%;text-align:center}.canvas.preview .m3-preview-datepicker .date-grid>button.selected{background:var(--m3-primary);color:var(--m3-on-primary)}.canvas.preview .date-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.canvas.preview :is(.m3-preview-datepicker,.m3-preview-timepicker) footer{margin-top:auto;display:flex;justify-content:flex-end;gap:8px}.canvas.preview .m3-preview-clock{position:relative;width:210px;height:210px;flex:none;margin:0 auto;background:var(--m3-surface-container-highest);border-radius:50%}.canvas.preview .m3-preview-clock{touch-action:none}.canvas.preview .m3-preview-clock-hand{position:absolute;bottom:50%;left:calc(50% - 1px);width:2px;height:39%;background:var(--m3-primary);transform-origin:center bottom;pointer-events:none}.canvas.preview .time-display{display:flex;justify-content:center;align-items:center;gap:4px}.canvas.preview .m3-preview-clock>button{position:absolute;width:36px;height:36px;border-radius:50%;transform:translate(-50%,-50%);text-align:center}.canvas.preview .m3-preview-clock>button[aria-pressed=true]{background:var(--m3-primary);color:var(--m3-on-primary)}.canvas.preview .time-display>button{font-size:28px;padding:8px;border-radius:8px;background:var(--m3-surface-container-highest)}.canvas.preview .time-display>button:last-child{font-size:14px}.canvas .text-face{display:block;line-height:1.3;overflow-wrap:anywhere;font-weight:500}.canvas .card-copy{min-width:0;gap:8px}.canvas .card-face :is(h3,p){overflow-wrap:anywhere}.canvas .list-face>span:last-child{min-width:0;overflow:hidden}.canvas .list-face small{white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.canvas.preview .card-face{padding:16px}.canvas.preview .card-face.has-image{padding:0}.canvas.preview .card-face p{font-size:14px;line-height:20px}.canvas.preview .text-face{height:auto;min-height:100%}@media (prefers-reduced-motion: reduce){.canvas.preview *,.canvas.preview *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.duo-comparison{width:1404px}.duo-comparison-heading{display:flex;align-items:center;gap:20px;margin-bottom:28px;color:var(--m3-on-surface)}.duo-comparison-heading>strong{font-size:20px}.duo-comparison-heading>span{color:var(--m3-on-surface-variant);font-size:14px}.duo-pair{display:flex;gap:48px;align-items:center}.duo-display{width:var(--duo-width);flex:none}.duo-display-heading{display:flex;gap:8px;align-items:center;margin-bottom:16px;color:var(--m3-on-surface);font-size:15px}.duo-display-heading span{margin-left:auto;font-size:12px;color:var(--m3-on-surface-variant)}.duo-display>footer{padding:16px 4px;font-size:12px;color:var(--m3-on-surface-variant)}.duo-view-frame .duo-canvas{position:relative;border-radius:42px;overflow:hidden;border:1px solid var(--hig-rim);box-shadow:0 0 0 7px color-mix(in srgb,var(--m3-outline) 15%,white),0 16px 50px #00000012;opacity:1}.duo-view-frame .duo-canvas .design-element{pointer-events:auto}.duo-system-edge{position:absolute;z-index:8;right:16px;top:26px;width:48px;display:flex;align-items:center;flex-direction:column;gap:5px;color:var(--hig-label);pointer-events:none;font:600 12px -apple-system,sans-serif}.duo-camera{width:24px;height:24px;border-radius:50%;background:#050505;box-shadow:inset 0 0 0 5px #121215;margin-bottom:12px}.duo-edit-hint{margin-top:12px;font-size:13px;color:var(--m3-on-surface-variant)}.duo-canvas .apple-navbar.vertical{display:flex;flex-direction:column;padding:0;gap:12px}.duo-canvas .apple-navbar.vertical>strong{display:none}.duo-canvas .apple-navbar.vertical .apple-nav-trailing{width:44px;padding:0;overflow:hidden}.duo-canvas .apple-tabbar.vertical{display:flex;flex-direction:column;gap:4px;padding:4px;border-radius:28px}.duo-canvas .apple-tabbar.vertical button{flex:1;min-height:44px}.duo-canvas .apple-tabbar.vertical button span{display:none}.duo-canvas .apple-toolbar.vertical{flex-direction:column;padding:4px 0;border-radius:26px}.duo-canvas .apple-toolbar.vertical button{flex-shrink:0}.duo-canvas .apple-row-copy{min-width:0}.duo-canvas .m3-preview-notice{max-width:calc(100% - 96px)}.duo-canvas .apple-collection:not(.carousel){grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}.duo-view-frame .duo-canvas .kind-hignavbar .selection-frame,.duo-view-frame .duo-canvas .kind-higtabbar .selection-frame{border-radius:28px}.duo-canvas .apple-collection.carousel button{flex-basis:clamp(160px,55%,260px)}.duo-export-poses{display:flex;gap:8px;padding:8px 20px}.duo-export-poses button{padding:8px 16px;border:1px solid var(--m3-outline-variant);border-radius:999px;background:var(--m3-surface);color:var(--m3-on-surface)}.duo-export-poses button[aria-pressed=true]{background:var(--m3-primary);color:var(--m3-on-primary)}.device-presentation{--ps-bg: #f5f5f7;--ps-panel: #ffffffb8;--ps-ink: #202126;--ps-muted: #777a83;--ps-line: #1d253014;--ps-control: #e9e9ed;--ps-accent: #3c5dea;--device-metal: #9d9fa3;--device-highlight: #f3f5f7;--device-back: #c2c4c5;--device-etch: #888c91;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:var(--ps-ink);background:var(--ps-bg);font:14px/1.5 -apple-system,BlinkMacSystemFont,Geist Variable,sans-serif;overflow:hidden;color-scheme:light}.device-presentation::backdrop{background:#11131999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.device-presentation[data-studio=dark]{--ps-bg: #14151a;--ps-panel: #24252bba;--ps-ink: #f4f4f6;--ps-muted: #a3a5b2;--ps-line: #ffffff12;--ps-control: #303139;color-scheme:dark}.device-presentation[data-finish=midnight]{--device-metal: #52565c;--device-highlight: #d2d8df;--device-back: #26282d;--device-etch: #656a73}.device-presentation[data-finish=pearl]{--device-metal: #babbbd;--device-highlight: #fff;--device-back: #edeee9;--device-etch: #adb1b2}.presentation-shell{display:flex;flex-direction:column;height:100%;width:100%;background:var(--ps-bg);color:var(--ps-ink)}.presentation-shell:fullscreen{height:100dvh;width:100vw}.presentation-header :is(button,select),.presentation-controls :is(button,input),.presentation-stage-footer button{font:inherit}.device-presentation button{cursor:pointer}.device-presentation button:disabled{cursor:default;opacity:.35}.device-presentation :is(button,select,input,summary,[tabindex]):focus-visible{outline:3px solid #6483ff;outline-offset:4px}.presentation-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 32px;border-bottom:1px solid var(--ps-line);flex:none}.presentation-brand{display:flex;align-items:center;gap:12px;min-width:185px}.presentation-brand>span{width:42px;height:42px;border-radius:14px;background:var(--ps-ink);color:var(--ps-bg);display:grid;place-items:center}.presentation-brand strong{display:block;font-size:15px;letter-spacing:-.3px}.presentation-brand small{display:block;color:var(--ps-muted);font-size:11px;letter-spacing:.3px}.presentation-view-select{display:flex;align-items:center;gap:12px;border-radius:24px;padding:9px 15px;background:var(--ps-panel);border:1px solid var(--ps-line);max-width:40%}.presentation-view-select select{border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--ps-ink);background:transparent;min-width:0;max-width:280px;font-size:12px;font-weight:600}.presentation-view-select option{background:var(--ps-bg)}.presentation-live-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#45af77;box-shadow:0 0 0 4px #45af7712}.presentation-header-actions{display:flex;gap:8px}.presentation-icon-button{width:36px;height:36px;display:inline-grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--ps-ink);flex:none}.presentation-icon-button:hover{background:var(--ps-control)}.presentation-close{background:var(--ps-control);margin-left:10px}.presentation-workspace{min-height:0;flex:1;display:grid;grid-template-columns:290px minmax(0,1fr)}.presentation-controls{padding:30px 26px 16px 32px;overflow:auto;scrollbar-width:thin;border-right:1px solid var(--ps-line)}.presentation-intro{margin-bottom:28px}.presentation-intro>span{color:var(--ps-muted);font-size:9px;font-weight:700;letter-spacing:1.6px}.presentation-intro h2{font-size:29px;line-height:1.12;font-weight:600;letter-spacing:-1.3px;margin:10px 0 12px}.presentation-intro p{font-size:12px;line-height:1.65;color:var(--ps-muted);max-width:195px;margin:0}.presentation-fieldset{border:0;padding:0;margin:0 0 23px;min-width:0}.presentation-fieldset legend{font-size:11px;font-weight:600;margin-bottom:12px;padding:0}.presentation-device-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.presentation-device-grid button{display:flex;align-items:center;flex-direction:column;gap:9px;padding:15px 4px 11px;background:var(--ps-panel);color:var(--ps-muted);border:1px solid var(--ps-line);border-radius:14px;position:relative}.presentation-device-grid button>span{font-size:11px;font-weight:500}.presentation-device-grid button[aria-pressed=true]{color:var(--ps-ink);background:var(--ps-panel);border-color:#5b72d9;box-shadow:0 0 0 2px #4969ee13}.presentation-device-check{position:absolute;top:7px;right:7px;color:var(--ps-accent)}.presentation-fold-controls{padding:16px;background:var(--ps-control);border-radius:18px}.presentation-fold-controls legend{float:left;width:100%;margin-bottom:2px}.presentation-fold-value{display:flex;align-items:center;gap:12px;clear:both}.presentation-fold-value strong{font-size:32px;font-weight:500;letter-spacing:-1.7px;font-variant-numeric:tabular-nums}.presentation-fold-value strong span{color:var(--ps-muted)}.presentation-fold-value>span{margin-left:auto;font-size:10px;color:var(--ps-muted);text-align:right;max-width:85px}.presentation-range{display:block;width:100%;height:24px;accent-color:var(--ps-accent);cursor:ew-resize;margin:8px 0 0}.presentation-range-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--ps-muted)}.presentation-poses{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:15px}.presentation-poses button{border:1px solid transparent;border-radius:8px;padding:7px 2px;color:var(--ps-muted);background:var(--ps-panel);font-size:10px}.presentation-poses button[aria-pressed=true]{border-color:#6f7ecc;color:var(--ps-ink)}.presentation-finishes{display:flex;align-items:center;gap:9px}.presentation-finishes button{width:29px;height:29px;border-radius:50%;border:3px solid var(--ps-bg);outline:1px solid var(--ps-line);display:grid;place-items:center;background:#aaa9a3;color:#28282a}.presentation-finishes button[data-finish=midnight]{background:#353842;color:#fff}.presentation-finishes button[data-finish=pearl]{background:#e7e7e0}.presentation-finishes button[aria-pressed=true]{outline-color:#7382bd}.presentation-finishes>span{color:var(--ps-muted);font-size:11px;margin-left:4px}.presentation-camera-controls{border-block:1px solid var(--ps-line);padding:12px 0}.presentation-camera-controls summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;font-size:11px;font-weight:500}.presentation-camera-controls summary::-webkit-details-marker{display:none}.presentation-camera-controls[open] summary>svg{transform:rotate(180deg)}.presentation-camera-controls label{display:block;color:var(--ps-muted);font-size:11px;margin-top:16px}.presentation-camera-controls output{float:right}.presentation-inspection{display:grid;grid-template-columns:1fr 1fr 1.15fr;padding:3px;gap:2px;border-radius:10px;background:var(--ps-control)}.presentation-inspection button{padding:8px 3px;display:flex;align-items:center;justify-content:center;gap:4px;border:0;border-radius:8px;background:transparent;color:var(--ps-muted);font-size:10px!important}.presentation-inspection button[aria-pressed=true]{background:var(--ps-panel);color:var(--ps-ink);box-shadow:0 1px 3px #0001}.presentation-dimensions{display:flex;flex-direction:column;gap:3px;margin:15px 0 0;color:var(--ps-muted);font-size:10px}.presentation-dimensions b{font-size:11px;font-weight:500;color:var(--ps-ink);font-variant-numeric:tabular-nums}.presentation-dimensions small{font-size:9px}.presentation-reset{display:flex;align-items:center;gap:8px;border:0;padding:15px 0 0;color:var(--ps-muted);background:transparent;font-size:11px!important}.presentation-scale-note{font-size:9px;color:var(--ps-muted);margin:17px 0 0;opacity:.8}.presentation-viewport{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#ffffffed,#f5f5f700 68%)}[data-studio=dark] .presentation-viewport{background:radial-gradient(ellipse at 50% 35%,#41435066,transparent 65%)}.presentation-stage-heading{display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:3;top:29px;left:38px;right:38px;pointer-events:none}.presentation-stage-heading div>span{font-size:9px;letter-spacing:1.6px;color:var(--ps-muted)}.presentation-stage-heading h3{margin:2px 0 0;font-size:21px;font-weight:500;letter-spacing:-.6px}.presentation-display-badge{font-size:11px;padding:6px 12px;border:1px solid var(--ps-line);border-radius:20px;color:var(--ps-muted)}.presentation-stage{position:relative;flex:1;min-height:200px;min-width:0;perspective:2200px;cursor:grab;touch-action:none;isolation:isolate}.presentation-stage[data-dragging=true]{cursor:grabbing}.presentation-stage[data-interactive=true]{cursor:default;touch-action:auto}.presentation-floor{position:absolute;top:85%;left:22%;width:58%;height:50px;border-radius:50%;background:#27283026;filter:blur(25px);transform:scaleY(.6);pointer-events:none}[data-studio=dark] .presentation-floor{background:#0009}.presentation-device-anchor{position:absolute;left:50%;top:51%;transform-style:preserve-3d;will-change:transform}[data-detail=true] .presentation-floor{opacity:.1}.presentation-spin[aria-pressed=true]{background:var(--ps-accent);color:#fff}.presentation-stage-hint{display:flex;justify-content:center;align-items:center;gap:8px;position:absolute;bottom:12px;width:100%;pointer-events:none;color:var(--ps-muted);font-size:11px;padding-inline:12px;text-align:center}.presentation-stage-footer{display:flex;align-items:center;justify-content:center;gap:20px;padding:16px 28px 26px;flex:none}.presentation-segmented{display:flex;gap:3px;padding:4px;background:var(--ps-control);border-radius:12px}.presentation-segmented button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;border:0;border-radius:9px;padding:8px 10px;color:var(--ps-muted);background:transparent;font-size:11px;white-space:nowrap}.presentation-segmented button[aria-pressed=true]{background:var(--ps-panel);color:var(--ps-ink);box-shadow:0 2px 5px #00000009}.presentation-mode{border-radius:30px;padding:5px;box-shadow:inset 0 1px #fff5}.presentation-mode button{border-radius:24px;padding:12px 19px;font-size:12px}.presentation-mode button:last-child[aria-pressed=true]{background:var(--ps-accent);color:#fff;box-shadow:0 3px 10px #3c5dea33}.presentation-screen-navigation{display:flex;align-items:center;gap:4px}.presentation-screen-navigation>span{font-size:11px;font-variant-numeric:tabular-nums;color:var(--ps-muted);min-width:37px;text-align:center}.presentation-fullscreen-error{position:absolute;bottom:0;width:100%;text-align:center;font-size:11px;color:var(--ps-muted)}.device-hardware,.device-panel,.device-chassis,.device-solid,.device-rear-assembly,.device-cover-assembly,.device-hinge-assembly,.device-optics,.device-camera-island,.device-lens-assembly,.device-lens-barrel{position:absolute;transform-style:preserve-3d}.device-hardware,.device-panel,.device-chassis{top:0;right:0;bottom:0;left:0}.device-hardware{--glint-x: 35%;--glint-y: 30%;--reflection-angle: 120deg;--reflection-opacity: .08}.device-solid{inset:0 auto auto 0;--solid-color: var(--device-metal)}.device-facet{position:absolute;left:0;top:0;transform-origin:0 0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.device-solid-cap{position:absolute;backface-visibility:hidden;background:linear-gradient(var(--reflection-angle, 120deg),#ffffff55,transparent 35%,#00000020 80%),var(--solid-color);box-shadow:inset 0 0 0 .7px #ffffff60}.device-front{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#030405;box-shadow:0 0 0 .6px #08090d,inset 0 0 0 .7px #fff5;transform:translateZ(calc(var(--device-depth) / 2))}.device-front{border-radius:calc(var(--device-radius) - 2px)}.device-inner-left{border-radius:calc(var(--device-radius) - 2px) 5px 5px calc(var(--device-radius) - 2px)}.device-inner-right{border-radius:5px calc(var(--device-radius) - 2px) calc(var(--device-radius) - 2px) 5px}.device-main-display,.device-cover-screen{position:absolute;overflow:hidden;background:#030405;backface-visibility:hidden}.device-rear-assembly,.device-cover-assembly{top:0;right:0;bottom:0;left:0;transform:rotateY(180deg) translateZ(calc(var(--device-depth) / 2))}.device-rear-glass,.device-cover-glass{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:inherit;overflow:hidden;backface-visibility:hidden;transform:translateZ(.6px)}.device-rear-glass{background:radial-gradient(ellipse at var(--glint-x) var(--glint-y),#ffffff55,transparent 72%),linear-gradient(var(--reflection-angle),#ffffff1a,transparent 35%,#00000012),var(--device-back);box-shadow:inset 0 0 0 .8px #fff7,0 0 0 .7px #0008}.device-rear-glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:repeating-linear-gradient(93deg,#ffffff06 0 .6px,transparent .6px 2px);pointer-events:none}.device-cover-glass{background:#040507;box-shadow:inset 0 0 0 .8px #fff6,0 0 0 .7px #0008}.device-cover-screen{transform:translateZ(1.4px)}.device-rear-mark{position:absolute;inset:43% 0 auto;text-align:center;font:500 46px/1 Georgia,serif;color:var(--device-etch);text-shadow:0 1px 0 #ffffff30,0 -1px 0 #0000000d}.device-rear-apple{position:absolute;width:60px;height:73px;left:calc(50% - 30px);top:calc(50% - 36px);color:var(--device-etch);opacity:.7;filter:drop-shadow(0 .5px 0 #ffffff70)}.device-ipad .device-rear-apple{width:88px;height:107px;left:calc(50% - 44px);top:calc(50% - 53px)}.device-engraving{position:absolute;bottom:30px;width:100%;text-align:center;font:400 6px/1 sans-serif;letter-spacing:1.7px;color:var(--device-etch);opacity:.75}.device-flat-display{position:absolute;overflow:hidden;transform:translateZ(calc(var(--device-depth) / 2 + 1.4px));background:#030405;backface-visibility:hidden;-webkit-backface-visibility:hidden}.device-slice{position:absolute;overflow:hidden;visibility:hidden}.device-hardware[data-display=folding] .device-slice{visibility:visible}.device-hardware:not([data-display=open]) .device-flat-display{visibility:hidden}.device-inner-strip{position:absolute;top:0;left:0}.device-reflection{position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;pointer-events:none;z-index:30;background:linear-gradient(var(--reflection-angle),#ffffffcc,transparent 36%,transparent 64%,#ffffff77);opacity:var(--reflection-opacity)}[data-interactive=true] .device-reflection{opacity:.025}.device-fold-crease{position:absolute;z-index:20;top:0;bottom:0;left:calc(50% - 7px);width:14px;background:linear-gradient(90deg,transparent,#ffffff04 28%,#00000006 58%,transparent);pointer-events:none}.device-slice-light{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 45%,#0000000a 50%,transparent 55%);pointer-events:none}.device-hinge-metal{--solid-color: #b5b6ba}.device-hinge-collar{position:absolute;left:-1px;right:-1px;height:8px;border-radius:2px;background:linear-gradient(90deg,#34363a,#f0f1f2 35%,#6a6b70);box-shadow:0 0 0 .5px #0008;transform:translateZ(10px);backface-visibility:hidden}.device-hinge-collar.top{top:17px}.device-hinge-collar.bottom{bottom:17px}.device-side-controls{position:absolute;transform-style:preserve-3d;transform-origin:0 0}.device-side-controls.right{transform:translateZ(calc(var(--device-depth) * -.285)) rotateY(90deg) rotate(90deg)}.device-side-controls.left{left:0;transform:translateZ(calc(var(--device-depth) * .275)) rotateY(-90deg) rotate(90deg)}.device-button-metal{--solid-color: var(--device-metal)}.device-button-inlay{position:absolute;left:7px;top:3px;width:60px;height:8px;border-radius:4px;background:#00000016;transform:translateZ(1.7px);backface-visibility:hidden}.device-bottom-detail{position:absolute;left:0;transform-origin:0 0;transform:translateZ(calc(var(--device-depth) / 2 + .1px)) rotateX(-90deg);backface-visibility:hidden}.device-usb{position:absolute;top:25%;left:calc(50% - 20px);width:40px;height:50%;border-radius:5px;background:#030407;box-shadow:0 0 0 1px #22262c,0 0 0 2px #ffffff45,inset 0 2px 2px #000}.device-usb b{position:absolute;top:43%;left:5px;right:5px;height:2px;background:linear-gradient(#262a32,#7d7e79);border-radius:2px}.device-speaker-holes{position:absolute;top:42%;left:calc(50% + 56px);display:flex;gap:5px}.device-speaker-holes>i{display:block;width:4px;height:4px;border-radius:50%;background:#101218;box-shadow:0 .7px .5px #fff8,inset 0 1px #000}.device-screw{position:absolute;width:4px;height:4px;top:calc(50% - 2px);border-radius:50%;background:linear-gradient(45deg,#38393c 40%,#17191c 40%,#17191c 60%,#929399 60%);box-shadow:0 0 0 .7px #202329}.device-screw.first{left:calc(50% - 34px)}.device-screw.last{left:calc(50% + 30px)}.device-antenna{position:absolute;height:2.5px;background:#bdbbbbaa;box-shadow:0 0 0 .3px #24262980;transform-origin:0 0;backface-visibility:hidden}.device-camera-contact-shadow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;box-shadow:4px 8px 12px #00000030,0 2px 3px #00000030;transform:translateZ(1px);backface-visibility:hidden}.device-camera-metal{--solid-color: var(--device-metal)}.device-camera-deck{position:absolute;background:radial-gradient(ellipse at var(--glint-x) var(--glint-y),#ffffff44,transparent 80%),var(--device-back);box-shadow:inset 0 0 0 1px #ffffff45;backface-visibility:hidden}.device-optics-android .device-camera-deck{background:linear-gradient(120deg,#202429,#05080b 60%,#24282d);box-shadow:inset 0 0 0 1px #fff5}.device-optics-android .device-camera-metal{--solid-color: #5e6268}.device-lens-metal{--solid-color: #898d93}.device-lens-seat,.device-optical-ring,.device-lens-sensor,.device-lens-iris,.device-sapphire-glass,.device-lens-glint{position:absolute;border-radius:50%;backface-visibility:hidden}.device-lens-seat{top:1px;right:1px;bottom:1px;left:1px;border:5px solid #b3b6bb;border-top-color:#e0e2e3;border-bottom-color:#62646a;transform:translateZ(10.1px);box-shadow:0 1px 2px #0008,inset 0 0 0 1px #11151a}.device-optical-ring{top:7px;right:7px;bottom:7px;left:7px;border:5px solid #101318;transform:translateZ(8px);box-shadow:inset 0 0 0 .7px #777d85,0 0 0 1px #030507}.device-lens-sensor{top:10px;right:10px;bottom:10px;left:10px;background:radial-gradient(ellipse at 44% 44%,#152333 0,#020407 43%,#0d121b 56%,#000 66%);transform:translateZ(2px)}.device-lens-iris{top:26%;right:26%;bottom:26%;left:26%;transform:translateZ(4px);background:conic-gradient(from 20deg,#0a1323,#030507,#203329,#040508,#111a2b,#010205);border:1px solid #10202c;box-shadow:inset 0 0 0 5px #03070c,inset 0 0 9px #000,0 0 4px #000}.device-sapphire-glass{top:8px;right:8px;bottom:8px;left:8px;transform:translateZ(10.5px);border:.7px solid #69748275;background:radial-gradient(ellipse at var(--glint-x) var(--glint-y),#709dbc40,transparent 35%),linear-gradient(var(--reflection-angle),#647bab20,transparent 38% 70%,#73968618);box-shadow:inset 0 0 0 2px #0a101bbc,inset 0 1px 1px #ffffff42}.device-lens-glint{top:11px;right:11px;bottom:11px;left:11px;transform:translateZ(11.5px);background:radial-gradient(ellipse 12% 6% at var(--glint-x) var(--glint-y),#ffffffa0,#d7e4ff16 70%,transparent),linear-gradient(var(--reflection-angle),transparent 28%,#a9c8ff16 32%,transparent 39%)}.device-flash-assembly{position:absolute;width:16px;height:16px;border-radius:50%;background:#b6b9b3;box-shadow:0 0 0 1px #8a8d8c,0 1px 2px #0004;backface-visibility:hidden}.device-flash-assembly i{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:inherit;background:repeating-linear-gradient(0deg,#fff5 0 .6px,transparent .6px 1.8px),radial-gradient(circle,#fcf9e8,#c9c8b5)}.device-flash-assembly b{position:absolute;top:6px;left:6px;width:4px;height:4px;border-radius:50%;background:#fff7}.device-camera-mic{position:absolute;width:8px;height:4px;border-radius:2px;background:repeating-linear-gradient(90deg,#181a1d 0,#181a1d 1px,#545651 1px,#545651 2px);box-shadow:0 .5px #fff8;backface-visibility:hidden}.device-camera-cutout{position:absolute;z-index:35;left:50%;top:19px;width:108px;height:29px;transform:translate(-50%);border-radius:20px;background:#030406;pointer-events:none;box-shadow:inset 0 0 1px 1px #1d1f22}.device-camera-cutout:after{content:"";position:absolute;right:9px;top:9px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#222e49,#060b15 60%)}.device-android .device-camera-cutout{width:16px;height:16px;top:23px}.device-android .device-camera-cutout:after{top:4px;right:4px;bottom:4px;left:4px;width:auto;height:auto}.device-ipad .device-camera-cutout{width:7px;height:7px;top:5px}.device-ipad .device-camera-cutout:after{top:1px;right:1px;bottom:1px;left:1px;width:auto;height:auto}.device-live-screen{position:relative;overflow:hidden;background:#000;contain:layout paint;isolation:isolate}.device-live-screen[data-active=false]{pointer-events:none;-webkit-user-select:none;user-select:none}.device-presentation .canvas.presentation-app-canvas{position:absolute;inset:0 auto auto 0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;opacity:1;overflow:hidden;color-scheme:light}.device-presentation .canvas.presentation-app-canvas[data-appearance=dark]{color-scheme:dark}.device-presentation .canvas.preview .design-element{pointer-events:auto}.device-presentation .canvas.preview .m3-preview-scroll{scrollbar-width:none}.device-presentation .canvas.preview .m3-preview-scroll::-webkit-scrollbar{display:none}.presentation-status{position:absolute;z-index:8;inset:0 0 auto;height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 25px;font:600 13px -apple-system,sans-serif;color:var(--hig-label, var(--m3-on-surface));pointer-events:none}.presentation-status>span{display:flex;gap:5px;align-items:center}.presentation-home-indicator{position:absolute;z-index:8;bottom:7px;left:calc(50% - 51px);width:102px;height:4px;border-radius:4px;background:var(--hig-label, var(--m3-on-surface));opacity:.6;pointer-events:none}.presentation-empty-screen{position:absolute;top:30%;right:10%;bottom:30%;left:10%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--hig-label, var(--m3-on-surface));opacity:.6}@media (max-height: 780px) and (min-width: 761px){.presentation-header{padding-block:13px}.presentation-controls{padding-top:20px}.presentation-intro{margin-bottom:20px}.presentation-intro h2{font-size:25px}.presentation-intro p{display:none}.presentation-fieldset{margin-bottom:18px}.presentation-device-grid button{padding-top:11px;gap:5px}.presentation-stage-footer{padding-bottom:17px}}@media (max-width: 1050px){.presentation-workspace{grid-template-columns:240px minmax(0,1fr)}.presentation-controls{padding-inline:20px}.presentation-intro h2{font-size:25px}.presentation-stage-heading{left:25px;right:25px}.presentation-stage-footer{gap:8px;padding-inline:12px}.presentation-mode button{padding-inline:12px}.presentation-turn{display:none}}@media (max-width: 760px){.presentation-header{padding:12px 15px;gap:12px}.presentation-brand{min-width:0}.presentation-brand>span{width:34px;height:34px;border-radius:11px}.presentation-brand small{display:none}.presentation-brand strong{font-size:13px}.presentation-view-select{padding:7px 10px;max-width:35%;gap:7px}.presentation-view-select select{max-width:100%;font-size:11px}.presentation-header-actions{gap:2px}.presentation-fullscreen{display:none}.presentation-close{margin-left:0}.presentation-workspace{display:flex;flex-direction:column-reverse}.presentation-viewport{flex:1;min-height:300px}.presentation-stage-heading{top:14px;left:20px;right:20px}.presentation-stage-heading h3{font-size:17px}.presentation-stage-heading div>span{font-size:8px}.presentation-stage-hint{font-size:10px;bottom:4px}.presentation-stage-footer{padding:8px 10px 13px}.presentation-mode button{font-size:11px;padding:8px 12px}.presentation-controls{max-height:30dvh;flex:none;border-right:0;border-top:1px solid var(--ps-line);padding:16px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.presentation-intro,.presentation-scale-note{display:none}.presentation-fieldset{margin:0 0 12px}.presentation-device-grid button{flex-direction:row;gap:6px;justify-content:center;padding:11px 4px}.presentation-device-grid button>svg{width:16px}.presentation-device-grid button>span{font-size:10px}.presentation-device-grid .presentation-device-check{display:none}.presentation-fold-controls{grid-row:span 2}.presentation-fieldset legend{margin-bottom:8px}.presentation-camera-controls{align-self:start}.presentation-reset{align-self:start;padding-top:8px}}.canvas,.apple-export{--hig-label: #1c1c1e;--hig-secondary: #636368;--hig-accent: #007aff;--hig-green: #30c456;--hig-red: #ff3b30;--hig-grouped: #f2f2f7;--hig-content: #fff;--hig-fill: rgb(120 120 128 / .13);--hig-separator: rgb(60 60 67 / .15);--hig-glass: rgb(250 250 252 / .56);--hig-glass-strong: rgb(250 250 252 / .86);--hig-edge: rgb(255 255 255 / .92);--hig-rim: rgb(30 35 50 / .13);--hig-sheen: rgb(255 255 255 / .6);--hig-selection: rgb(255 255 255 / .78);--hig-shadow: 0 5px 20px rgb(0 0 0 / .09), 0 1px 4px rgb(0 0 0 / .05)}:is(.canvas,.apple-export)[data-appearance=dark]{--hig-label: #f5f5f7;--hig-secondary: #b2b2b9;--hig-accent: #0a84ff;--hig-green: #30d158;--hig-red: #ff453a;--hig-grouped: #000;--hig-content: #1c1c1e;--hig-fill: rgb(180 180 190 / .16);--hig-separator: rgb(235 235 245 / .16);--hig-glass: rgb(38 38 42 / .65);--hig-glass-strong: rgb(35 35 39 / .91);--hig-edge: rgb(255 255 255 / .29);--hig-rim: rgb(0 0 0 / .4);--hig-sheen: rgb(255 255 255 / .13);--hig-selection: rgb(140 140 150 / .28);--hig-shadow: 0 6px 22px rgb(0 0 0 / .3), 0 1px 4px rgb(0 0 0 / .18);color-scheme:dark}.canvas[data-kit=human],.apple-export{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;color:var(--hig-label)}.canvas[data-kit=human],.apple-export[data-kit=human]{--m3-primary: var(--hig-accent);--m3-on-primary: #fff;--m3-on-surface: var(--hig-label);--m3-on-surface-variant: var(--hig-secondary);--m3-surface: var(--hig-grouped);--m3-surface-container-high: var(--hig-glass-strong);--m3-secondary-container: var(--hig-fill);--m3-on-secondary-container: var(--hig-label);--m3-outline: var(--hig-secondary);--m3-outline-variant: var(--hig-separator)}.design-element[class*=kind-hig]{overflow:visible;touch-action:auto}.apple-component{width:100%;height:100%;min-width:0;color:var(--hig-label, #1c1c1e);font:400 17px/1.3 -apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;letter-spacing:-.025em;text-align:left}.apple-component[hidden]{display:none}.apple-component *,.apple-component *:before,.apple-component *:after{box-sizing:border-box}.apple-component>:first-child{width:100%;height:100%}.apple-component[data-interactive=false]{pointer-events:none}.apple-component :is(button,input,textarea,select){font:inherit;letter-spacing:inherit;color:inherit}.apple-component button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;margin:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.apple-component button:disabled{opacity:.35;cursor:default}.apple-component button{transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.apple-component button:active:not(:disabled){transform:scale(.97)}.apple-component button:hover:not(:disabled):not(.apple-prominent){background-color:var(--hig-fill)}.apple-component :is(button,input,textarea,select,[tabindex]):focus-visible{outline:3px solid var(--hig-accent, #007aff);outline-offset:3px}.apple-component :is(p,h3){margin:0}.apple-component p{line-height:1.4;overflow-wrap:anywhere}.apple-component strong{font-weight:600}.apple-component small,.apple-secondary{color:var(--hig-secondary);font-size:13px}.apple-component svg{flex-shrink:0}.apple-component .apple-glass,.canvas[data-kit=human] :is(.m3-preview-surface,.m3-preview-notice){position:relative;border:.75px solid var(--hig-rim);background:linear-gradient(168deg,var(--hig-sheen),transparent 40%,rgb(255 255 255 / .035) 68%,var(--hig-sheen)),var(--hig-glass);box-shadow:inset 0 1px .5px var(--hig-edge),inset 1px 0 .5px #ffffff4d,inset 0 -1px .5px #ffffff40,var(--hig-shadow);backdrop-filter:blur(20px) saturate(1.75);-webkit-backdrop-filter:blur(20px) saturate(1.75)}.apple-component .apple-inset{background:var(--hig-content);border-radius:var(--hig-radius, 22px)}.apple-component .apple-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 20px;border-radius:999px;font-weight:600;text-align:center}.apple-component .apple-prominent{color:#fff;background:linear-gradient(160deg,rgb(255 255 255 / .2),transparent 55%),color-mix(in srgb,var(--hig-accent) 90%,transparent);border-color:color-mix(in srgb,var(--hig-accent) 65%,transparent);box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -1px 1px #0000001f,var(--hig-shadow)}.apple-component .apple-plain{color:var(--hig-accent)}.apple-component .apple-button[aria-pressed=true]{color:var(--hig-accent);background-color:var(--hig-fill)}.apple-status{display:flex;justify-content:space-between;align-items:center;padding:0 26px;font-size:15px}.apple-status>span{display:flex;align-items:center;gap:5px}.apple-navbar{display:grid;grid-template-columns:minmax(44px,1fr) minmax(0,3fr) minmax(44px,1fr);gap:8px;align-items:center;padding:4px 16px 8px}.apple-navbar strong{text-align:center;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apple-navbar .apple-circle{width:44px;height:44px;display:grid;place-items:center;border-radius:50%}.apple-navbar .apple-nav-trailing{justify-self:end;min-height:44px;min-width:44px;padding:0 13px;border-radius:999px;font-size:15px;font-weight:600}.apple-navbar.large{grid-template-rows:44px 1fr}.apple-navbar.large>strong{grid-column:1 / -1;grid-row:2;justify-self:start;font-size:34px;font-weight:700;letter-spacing:-.035em}.apple-navbar.large>button:last-child{grid-column:3;grid-row:1}.apple-component .apple-tabbar{display:grid;gap:2px;align-items:stretch;padding:5px;border-radius:999px}.apple-tabbar button{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;gap:3px;border-radius:999px}.apple-tabbar button span{max-width:100%;padding:0 3px;font-size:10px;line-height:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apple-tabbar button[aria-current=page]{background:var(--hig-selection);box-shadow:0 .5px 2px #0000000a;color:var(--hig-accent)}.apple-tabbar button[aria-current=page] svg{fill:color-mix(in srgb,currentColor 18%,transparent);stroke-width:2.4px}.apple-component .apple-toolbar{display:flex;align-items:center;justify-content:space-around;padding:4px 8px;border-radius:999px}.apple-toolbar button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%}.apple-component .apple-menu{padding:5px;border-radius:var(--hig-radius, 24px);overflow:hidden}.apple-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:9px 14px;border-radius:9px;text-align:left}.apple-component .apple-destructive{color:var(--hig-red)}.apple-component .apple-alert{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:22px 16px 16px;border-radius:var(--hig-radius, 32px);background-color:var(--hig-glass-strong)}.apple-alert h3{padding:0 8px;font-size:17px;line-height:1.3;font-weight:650}.apple-alert p{padding:0 8px;font-size:15px;color:var(--hig-secondary)}.apple-alert footer{display:grid;gap:8px;margin-top:6px}.apple-alert footer button{min-height:44px;padding:8px 16px;background:var(--hig-fill);border-radius:999px;font-weight:600}.apple-component .apple-primary-fill{background:var(--hig-accent);color:#fff}.apple-actionsheet{display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.apple-actionsheet>.apple-glass{border-radius:26px;overflow:hidden;background-color:var(--hig-glass-strong)}.apple-actionsheet p{padding:16px 20px;font-size:13px;color:var(--hig-secondary);text-align:center}.apple-actionsheet button{width:100%;min-height:50px;border-top:.5px solid var(--hig-separator);color:var(--hig-accent)}.apple-actionsheet>button{font-weight:650;flex-shrink:0}.apple-component .apple-sheet{display:flex;flex-direction:column;gap:16px;padding:10px 20px 20px;border-radius:var(--hig-radius, 34px);overflow:auto;background-color:var(--hig-glass-strong)}.apple-grabber{display:block;flex-shrink:0;width:36px;height:5px;margin:0 auto;border-radius:3px;background:var(--hig-separator)}.apple-sheet header{display:flex;align-items:center;justify-content:space-between;gap:12px}.apple-sheet h3{font-size:22px;font-weight:700}.apple-sheet p{color:var(--hig-secondary);font-size:15px}.apple-component .apple-close{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;background:var(--hig-fill);border-radius:50%}.apple-share-targets{display:flex;gap:14px;overflow-x:auto;padding:4px 0}.apple-share-targets button{display:grid;justify-items:center;gap:6px;min-width:58px}.apple-share-targets button>span{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;color:#fff}.apple-share-targets small{white-space:nowrap;font-size:11px}.apple-list{overflow:hidden}.apple-component .apple-row{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 16px;text-align:left;border-bottom:.5px solid var(--hig-separator)}.apple-row:last-child{border-bottom:0}.apple-row>:last-child:not(:first-child){margin-left:auto}.apple-row-copy{display:grid;gap:4px;flex:1;min-width:0}.apple-row-copy strong{font-weight:400;overflow-wrap:anywhere}.apple-row-copy small{line-height:1.35;overflow-wrap:anywhere}.apple-list-symbol{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--hig-accent);color:#fff;flex-shrink:0}.apple-list-symbol[data-tone="1"]{background:#30b953}.apple-list-symbol[data-tone="2"]{background:#ff9500}.apple-list-symbol[data-tone="3"]{background:#ff453a}.apple-avatar{width:42px;height:42px;object-fit:cover;border-radius:50%;flex-shrink:0}.apple-collection{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:10px;min-height:0;overflow:auto}.apple-collection.carousel{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y}.apple-collection button{position:relative;min-width:0;min-height:100px;overflow:hidden;border-radius:var(--hig-radius, 20px);scroll-snap-align:start}.apple-collection.carousel button{flex:0 0 68%;min-width:140px}.apple-collection button>span:last-child:not(.apple-image-placeholder){position:absolute;inset:auto 0 0;padding:24px 12px 12px;color:#fff;background:linear-gradient(transparent,#000000a6);text-align:left;font-size:15px;font-weight:600}.apple-collection img,.apple-image img{display:block;width:100%;height:100%;object-fit:cover}.apple-component .apple-image{display:block;overflow:hidden;border-radius:var(--hig-radius, 20px)}.apple-image-placeholder{display:flex;width:100%;height:100%;min-height:80px;flex-direction:column;gap:12px;align-items:center;justify-content:center;padding:16px;background:var(--hig-fill);color:var(--hig-secondary);text-align:center}.apple-image-placeholder small{font-size:12px}.apple-disclosure{height:auto!important;min-height:100%;overflow:hidden}.apple-disclosure p{padding:0 16px 12px;color:var(--hig-secondary);font-size:15px}.apple-disclosure svg{transition:transform .18s}.apple-segmented{display:flex;align-items:stretch;gap:2px;padding:3px;border-radius:999px;background:var(--hig-fill);min-height:36px}.apple-segmented button{flex:1;min-width:0;padding:4px 8px;border-radius:999px;font-size:13px;font-weight:600}.apple-segmented button[aria-selected=true]{background:linear-gradient(170deg,var(--hig-sheen),transparent),var(--hig-selection);box-shadow:inset 0 1px .5px var(--hig-edge),0 2px 5px #0000001f}.apple-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;position:relative}.apple-toggle>input{position:absolute;right:16px;width:58px;height:36px;margin:0;opacity:0;cursor:pointer;z-index:1}.apple-switch-track{display:block;width:58px;height:34px;padding:3px;border-radius:999px;background:var(--hig-fill);flex-shrink:0;transition:background .18s}.apple-switch-track i{display:block;width:34px;height:28px;border-radius:999px;background:linear-gradient(150deg,#fff,#ffffffb3);box-shadow:inset 0 1px 1px #fff,0 1px 4px #00000029;transition:transform .2s ease,width .2s}.apple-toggle input:checked+span{background:var(--hig-green)}.apple-toggle input:checked+span i{transform:translate(18px)}.apple-toggle input:active+span i{width:37px}.apple-toggle input:focus-visible+span{outline:3px solid var(--hig-accent);outline-offset:3px}.apple-component .apple-search{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 15px;border-radius:999px;color:var(--hig-secondary)}.apple-component :is(input:not([type=range]):not([type=checkbox]),textarea,select){min-width:0;border:0;background:transparent;color:var(--hig-label);outline-offset:2px}.apple-component input::placeholder,.apple-component textarea::placeholder{color:var(--hig-secondary);opacity:.85}.apple-search input{flex:1;width:0;height:42px}.apple-search input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.apple-search button{display:grid;place-items:center;width:28px;height:32px;border-radius:50%}.apple-field{display:flex;align-items:center;gap:12px;padding:10px 16px;min-height:52px}.apple-field>span{flex-shrink:0;max-width:40%;font-size:15px}.apple-field input,.apple-field select{width:0;flex:1;min-height:28px}.apple-textview{display:flex;flex-direction:column;gap:8px;padding:16px}.apple-textview textarea{width:100%;flex:1;resize:none;line-height:1.4;font-size:15px}.apple-textview p{font-size:15px;color:var(--hig-secondary)}.apple-slider{display:flex;align-items:center;gap:12px;color:var(--hig-secondary);padding:0 6px}.apple-slider input{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;height:7px;border:0;border-radius:99px;background:linear-gradient(to right,var(--hig-accent) var(--apple-progress),var(--hig-fill) var(--apple-progress));cursor:pointer}.apple-slider input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:27px;border:1px solid rgb(255 255 255 / .95);border-radius:999px;background:linear-gradient(160deg,#fff,#f8faffe6);box-shadow:inset 0 1px 2px #fff,0 3px 12px #0000001f}.apple-slider input::-moz-range-thumb{width:34px;height:27px;border:1px solid #fff;border-radius:999px;background:linear-gradient(160deg,#fff,#f4f8fc);box-shadow:0 3px 12px #0000001f}.apple-stepper{display:flex;align-items:center;gap:8px;min-height:36px}.apple-stepper>span{display:flex;flex:1;align-items:center;height:100%;background:var(--hig-fill);border-radius:999px}.apple-stepper>span button+button{border-left:.5px solid var(--hig-separator)}.apple-stepper button{display:grid;place-items:center;min-width:32px;flex:1;height:100%;border-radius:999px}.apple-stepper output{font-size:13px;font-variant-numeric:tabular-nums;text-align:center;min-width:24px}.apple-picker{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:6px;overflow-y:auto;scrollbar-width:none}.apple-picker button{flex-shrink:0;min-height:38px;padding:5px;border-radius:9px;color:var(--hig-secondary);font-size:20px}.apple-picker button[aria-selected=true]{color:var(--hig-label);background:var(--hig-fill)}.apple-pages{display:flex;align-items:center;justify-content:center;gap:0;border-radius:999px}.apple-pages button{display:grid;place-items:center;width:22px;height:28px;border-radius:50%}.apple-pages i{width:6px;height:6px;border-radius:50%;background:var(--hig-separator)}.apple-pages [aria-pressed=true] i{background:var(--hig-label)}.apple-digits{display:flex;align-items:center;justify-content:center;border-radius:18px;background:var(--hig-fill)}.apple-digits input{width:100%;text-align:center;letter-spacing:.5em!important;font-size:24px!important;font-variant-numeric:tabular-nums}.apple-tokenfield{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 12px}.apple-component .apple-token{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:8px;color:var(--hig-accent);background:color-mix(in srgb,var(--hig-accent) 12%,transparent);font-size:15px}.apple-tokenfield input{flex:1;width:44px}.apple-keyboard{display:flex;flex-direction:column;gap:7px;padding:8px 5px 16px;background:color-mix(in srgb,var(--hig-grouped) 88%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:20px 20px 0 0}.apple-keyboard>div{display:flex;justify-content:center;gap:5px;flex:1}.apple-keyboard button{flex:1;min-width:0;max-width:44px;min-height:32px;border-radius:7px;background:var(--hig-content);box-shadow:0 1px 1px #00000040}.apple-keyboard>div:nth-child(3){padding:0 14px}.apple-keyboard .apple-space{flex:5;max-width:none}.apple-keyboard output{min-height:20px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.apple-webview{overflow:hidden;display:flex;flex-direction:column}.apple-webview header{display:flex;gap:8px;align-items:center;justify-content:center;border-radius:999px;margin:10px;min-height:36px;font-size:13px}.apple-webview header button{display:grid;place-items:center;width:30px}.apple-webview article{overflow-y:auto;padding:12px 20px}.apple-webview p{margin-top:8px;font-size:15px;color:var(--hig-secondary)}.apple-webview img{width:100%}.apple-chart{padding:16px;display:flex;flex-direction:column;gap:12px}.apple-chart header{display:grid;gap:4px;font-size:15px}.apple-chart output{font-size:12px;color:var(--hig-secondary)}.apple-chart>div{display:flex;align-items:flex-end;gap:10px;flex:1;min-height:0;border-bottom:.5px solid var(--hig-separator);background:repeating-linear-gradient(to top,transparent 0,transparent 29px,var(--hig-separator) 30px)}.apple-chart button{display:flex;flex:1;height:100%;min-width:0;flex-direction:column;justify-content:flex-end;gap:4px;align-items:center}.apple-chart i{width:85%;background:var(--hig-accent);border-radius:4px 4px 0 0;opacity:.5}.apple-chart [aria-pressed=true] i{opacity:1}.apple-chart small{font-size:10px}.apple-progress{display:flex;flex-direction:column;justify-content:center;gap:7px;font-size:13px;color:var(--hig-secondary)}.apple-progress>i:not(.apple-spinner){display:block;height:5px;border-radius:99px;background:var(--hig-fill);overflow:hidden}.apple-progress b{display:block;height:100%;border-radius:inherit;background:var(--hig-accent)}.apple-component .apple-spinner{width:22px;height:22px;border:2px solid var(--hig-separator);border-top-color:var(--hig-secondary);border-radius:50%;animation:apple-spin .9s linear infinite}.apple-rating{display:flex;align-items:center;justify-content:space-between;gap:3px;color:#e5a100}.apple-rating button{min-height:36px;min-width:28px;display:grid;place-items:center}.apple-gauge,.apple-rings{position:relative;display:grid;place-items:center}.apple-gauge svg,.apple-rings svg{width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-linecap:round}.apple-gauge circle{stroke:var(--hig-fill);stroke-width:8px}.apple-gauge circle+circle{stroke:var(--hig-green)}.apple-gauge strong{position:absolute;font-size:22px}.apple-rings circle{stroke:currentColor;stroke-width:10px}.apple-rings{border-radius:50%;background:#111;padding:5px}.apple-component .apple-notification{display:flex;align-items:center;gap:10px;padding:14px;border-radius:var(--hig-radius, 26px);text-align:left}.apple-notification>span:not(.apple-app-icon){flex:1;min-width:0}.apple-notification strong{font-size:15px}.apple-notification p{margin-top:3px;font-size:13px}.apple-notification>small{align-self:flex-start;font-size:11px}.apple-app-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:9px;background:var(--hig-green);color:#fff}.apple-component .apple-live{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--hig-radius, 28px);text-align:left}.apple-live>span:nth-child(2){display:grid;gap:3px;flex:1;min-width:0}.apple-live-icon{color:var(--hig-accent)}.apple-live>i{width:40px;height:5px;border-radius:99px;background:var(--hig-fill)}.apple-live>i b{display:block;height:100%;background:var(--hig-accent);border-radius:inherit}.apple-component .apple-live.island{color:#fff;background:#080808;border-radius:999px}.apple-live.island small{color:#b2b2b9}.apple-component .apple-widget{position:relative;display:block;padding:16px;border-radius:var(--hig-radius, 26px);overflow:hidden;background:linear-gradient(160deg,#145592,#56a6df);color:#fff;text-align:left}.apple-widget>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.apple-widget>span{position:relative;display:flex;flex-direction:column;gap:8px;height:100%}.apple-widget:has(img)>span{text-shadow:0 1px 5px rgb(0 0 0 / .6)}.apple-widget small{color:#fff;font-size:13px}.apple-widget strong{font-size:24px;line-height:1.1;overflow-wrap:anywhere;font-weight:500}.apple-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.apple-component .apple-date-trigger{margin-left:auto;padding:8px 12px;border-radius:999px;background:var(--hig-fill);color:var(--hig-accent)}.apple-component.apple-date-picker,.apple-date-picker>:first-child{height:auto}.apple-date-picker header{display:flex;align-items:center;gap:4px;margin-bottom:10px}.apple-date-picker header strong{flex:1;text-transform:capitalize;font-size:17px}.apple-date-picker header button{display:grid;place-items:center;width:32px;height:40px;color:var(--hig-accent);border-radius:50%}.apple-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}.apple-calendar-grid small{font-size:10px;text-transform:uppercase;padding:5px 0}.apple-calendar-grid button{min-width:0;aspect-ratio:1;border-radius:50%;font-size:16px}.apple-calendar-grid button[aria-pressed=true]{background:color-mix(in srgb,var(--hig-accent) 14%,transparent);color:var(--hig-accent);font-weight:650}.apple-time-picker>div{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0 24px}.apple-time-picker label{display:grid;gap:8px;text-align:center;font-size:13px;color:var(--hig-secondary)}.apple-component .apple-time-picker input{width:80px;padding:12px 8px;border-radius:14px;background:var(--hig-fill);font-size:32px;text-align:center}.apple-appearance-control{padding:12px 0}.canvas[data-kit=human] :is(button,input,textarea,[tabindex]):focus-visible{outline-color:var(--hig-accent)}.canvas[data-kit=human] .m3-preview-surface{position:absolute;border-radius:28px;color:var(--hig-label);font-family:inherit;background-color:var(--hig-glass-strong)}.canvas[data-kit=human] .m3-preview-notice{position:absolute;border-radius:999px;color:var(--hig-label);font-size:14px}.canvas[data-kit=human] .m3-preview-action{color:var(--hig-label);border-radius:999px;font:inherit;background:var(--hig-fill)}.canvas[data-kit=human] .m3-preview-action.primary{color:#fff;background:var(--hig-accent)}.canvas[data-kit=human] .m3-preview-surface :is(input,textarea){border-color:var(--hig-separator);background:var(--hig-content);color:var(--hig-label)}.canvas[data-kit=human].preview .m3-preview-surface.menu{border-radius:24px;padding:6px}.canvas[data-kit=human].preview .m3-preview-surface>header h2{font-size:17px;line-height:23px;font-weight:650;margin-bottom:8px}.canvas[data-kit=human].preview .m3-preview-surface.menu>header{padding:6px 10px}.canvas[data-kit=human].preview .m3-preview-menu-item{min-height:44px;border-radius:12px;padding:10px 14px}.canvas[data-kit=human].preview .m3-preview-surface footer{display:grid;gap:8px}.canvas[data-kit=human].preview .m3-preview-surface footer>button{border-radius:999px;background:var(--hig-fill);color:var(--hig-label);font-weight:600}.canvas[data-kit=human].preview .m3-preview-surface footer>button.primary{background:var(--hig-accent);color:#fff}@keyframes apple-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.apple-component *,.apple-component *:before{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media (prefers-reduced-transparency: reduce),(prefers-contrast: more){.canvas,.apple-export{--hig-glass: #f8f8fa;--hig-glass-strong: #f8f8fa;--hig-secondary: #49494e;--hig-rim: #7e7e85}:is(.canvas,.apple-export)[data-appearance=dark]{--hig-glass: #262628;--hig-glass-strong: #262628;--hig-secondary: #d4d4da;--hig-rim: #96969c}.apple-component .apple-glass,.apple-keyboard,.canvas[data-kit=human] :is(.m3-preview-surface,.m3-preview-notice){backdrop-filter:none;-webkit-backdrop-filter:none;background-color:var(--hig-glass)}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.apple-component .apple-glass{background-color:var(--hig-glass-strong, #f8f8fa)}}.auth-page{--auth-primary: var(--studio-accent-strong, #5548ca);--auth-ink: var(--studio-text, #201d29);--auth-muted: #756e82;min-height:100vh;min-height:100svh;padding:0 24px 24px;color:var(--auth-ink);background:#fdfcfe;font-family:Geist Variable,Inter,ui-sans-serif,system-ui,sans-serif}.auth-topbar{display:flex;width:min(1360px,100%);min-height:80px;margin:0 auto;padding:8px 12px;align-items:center;justify-content:space-between;gap:20px}.auth-topbar .projects-brand{text-decoration:none}.auth-topbar .projects-brand img{width:30px;height:38px}.auth-topbar .projects-brand strong{font-size:21px;font-weight:750}.auth-topbar .language-select-trigger{border-color:transparent;background:transparent;font-weight:500}.auth-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:24px;width:min(1360px,100%);min-height:calc(100svh - 104px);margin:0 auto}.auth-showcase{display:flex;min-width:0;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;padding:48px clamp(28px,4vw,64px);border-radius:28px;background:#f3eff9}.auth-intro{width:100%;max-width:430px}.auth-intro h2{margin:0 0 16px;font-size:clamp(36px,3.5vw,50px);font-weight:550;line-height:1.08;letter-spacing:-.055em}.auth-intro h2>span{color:var(--auth-primary)}.auth-intro p{max-width:340px;margin:0;color:#716781;font-size:14px;line-height:1.7;text-wrap:pretty}.auth-form-panel{display:flex;min-width:0;flex-direction:column;justify-content:center;align-items:center;padding:48px 32px}.auth-form{width:100%;max-width:380px}.auth-form-heading{margin-bottom:32px}.auth-form-heading h1{margin:0 0 12px;font-size:clamp(28px,2.6vw,34px);font-weight:600;line-height:1.2;letter-spacing:-.045em;text-wrap:balance}.auth-form-heading p{max-width:340px;margin:0;color:var(--auth-muted);font-size:14px;line-height:1.65;text-wrap:pretty}.auth-fields{display:grid;min-width:0;gap:20px;margin:0;padding:0;border:0}.auth-field{display:grid;gap:8px;min-width:0}.auth-field>label{color:#4a4355;font-size:13px;font-weight:550}.auth-input-wrap{position:relative}.auth-input-wrap>svg{position:absolute;top:18px;left:16px;z-index:1;color:#a196ae;pointer-events:none;transition:color .15s}.auth-input-wrap:focus-within>svg{color:var(--auth-primary)}.auth-input-wrap>input{height:54px;padding:0 16px 0 45px;border:1px solid #e2dce9;border-radius:14px;color:var(--auth-ink);background:#fff;font-size:14px;box-shadow:none}.auth-input-wrap>input::placeholder{color:#9c93a6}.auth-input-wrap>input:hover:not(:disabled):not(:focus){border-color:#c6bcd4}.auth-input-wrap>input:focus{border-color:var(--auth-primary);outline:none;box-shadow:0 0 0 3px #6558d915}.auth-input-wrap>input[aria-invalid=true]{border-color:#b1433b}.auth-input-wrap>input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #b1433b15}.auth-input-wrap>input:disabled{background:#f7f5fa;opacity:.7}.auth-password-field>input{padding-right:54px}.auth-password-field>button{position:absolute;top:5px;right:5px;display:grid;width:44px;height:44px;padding:0;place-items:center;border:0;border-radius:10px;color:#91859f;background:transparent}.auth-password-field>button:hover:not(:disabled){color:var(--auth-primary);background:#f4f0fa}.auth-field small{display:flex;align-items:center;gap:5px;color:var(--auth-muted);font-size:11px;line-height:1.5}.auth-field .auth-hint-complete{color:#357158}.auth-field .auth-caps-lock{color:#946019}.auth-field .auth-field-error{color:#9e3630}.auth-error{display:flex;align-items:flex-start;gap:9px;margin:18px 0 0;padding:12px;border:1px solid #efcac6;border-radius:12px;color:#9e3630;background:#fff4f2;font-size:12px;line-height:1.6}.auth-error>svg{flex-shrink:0;margin-top:1px}.auth-error>p{margin:0}.auth-submit{width:100%;min-height:52px;gap:12px;margin-top:26px;padding:12px 20px;border-radius:14px;color:#fff;background:var(--auth-primary);font-size:14px;font-weight:550}.auth-submit:hover:not(:disabled){background:#463bb0}.auth-submit:disabled{cursor:wait;opacity:.65}.auth-alternate{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 7px;margin:26px 0 0;padding-top:24px;border-top:1px solid #efebf4;color:var(--auth-muted);font-size:12px}.auth-alternate>button{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 3px;border:0;border-radius:4px;color:var(--auth-primary);background:transparent;font-size:inherit;font-weight:600}.auth-alternate>button:hover:not(:disabled){text-decoration:underline;text-underline-offset:4px}.auth-alternate>button:disabled{cursor:wait;opacity:.6}.auth-page :is(button,a):focus-visible{outline:2px solid var(--auth-primary);outline-offset:4px}@media (max-width: 1100px){.auth-showcase{padding-inline:28px}.auth-form-panel{padding-inline:24px}}@media (max-width: 800px){.auth-page{padding:0 24px 32px}.auth-topbar{min-height:76px;padding-inline:0}.auth-layout{grid-template-columns:1fr;min-height:calc(100svh - 108px);gap:0}.auth-showcase{display:none}.auth-form-panel{padding:32px 0}.auth-form-heading{margin-bottom:28px}.auth-form-heading h1{font-size:32px}.auth-input-wrap>input{font-size:16px}}@media (max-width: 380px){.auth-page{padding-inline:20px}.auth-form-heading h1{font-size:29px}.auth-topbar .projects-brand{gap:8px}.auth-topbar .language-select{gap:2px}.auth-topbar .language-select-trigger{width:98px}}@media (prefers-reduced-motion: reduce){.auth-page *,.auth-page *:before,.auth-page *:after{animation:none!important;transition:none!important}}.auth-beta-label{display:inline-block;padding:6px 10px;margin-bottom:18px;border-radius:999px;background:#ede8ff;color:var(--auth-primary);font-size:11px;font-weight:650;letter-spacing:.04em}.auth-google-button{min-height:44px;width:100%}.auth-google-loading{display:flex;align-items:center;gap:10px;color:var(--auth-muted);font-size:13px}.auth-beta-note{display:flex;align-items:flex-start;gap:14px;margin-top:28px;padding:20px;border:1px solid #e7e1f3;border-radius:20px;background:#f7f4fc}.auth-beta-note>svg{flex-shrink:0;color:var(--auth-primary)}.auth-beta-note strong{font-size:14px}.auth-beta-note p{margin:8px 0 0;font-size:13px;line-height:1.65;color:var(--auth-muted)}.auth-beta-note a{color:var(--auth-primary);text-underline-offset:3px;overflow-wrap:anywhere}.auth-privacy-link{margin-top:20px;font-size:12px;color:var(--auth-muted);text-align:center}.auth-privacy-link a{color:var(--auth-primary);text-underline-offset:3px}.privacy-document{max-width:760px;margin:36px auto;padding:16px 0 48px}.privacy-document h1{margin:28px 0 8px;font-size:clamp(28px,4vw,40px);letter-spacing:-.04em}.privacy-document h2{margin:30px 0 10px;font-size:19px}.privacy-document p{color:#62596e;line-height:1.75;font-size:15px}.privacy-document .privacy-updated{font-size:12px;color:#8c8396}.privacy-document a{color:var(--auth-primary);text-underline-offset:3px}.beta-limit-modal{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;border:1px solid #e6e0f2;border-radius:28px;background:#fff;color:#262132;box-shadow:0 24px 90px #24194326;font-family:Geist Variable,ui-sans-serif,system-ui,sans-serif}.beta-limit-modal::backdrop{background:#241c3d59;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.beta-limit-content{position:relative;display:flex;flex-direction:column;align-items:center;padding:38px 32px 28px;text-align:center}.beta-limit-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#f4f1f8;color:#72697e;cursor:pointer}.beta-limit-icon{display:grid;place-items:center;width:68px;height:68px;margin-bottom:18px;border-radius:22px;color:#6353db;background:linear-gradient(145deg,#eee7ff,#f7f3ff)}.beta-limit-eyebrow{color:#766b89;font-size:11px;letter-spacing:.04em;font-weight:650}.beta-limit-content h2{margin:12px 0;font-size:26px;line-height:1.15;letter-spacing:-.035em;font-weight:650}.beta-limit-content p{margin:0;color:#706779;font-size:14px;line-height:1.65}.beta-limit-contact{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;margin:24px 0 16px;padding:13px 16px;border-radius:14px;background:#6353db;color:#fff;text-decoration:none;font-size:15px;font-weight:600}.beta-limit-contact:hover{background:#5545c6}.beta-limit-content .beta-limit-hint{font-size:12px}.beta-limit-return{margin-top:22px;padding:10px 16px;border:0;border-radius:12px;background:#f2eef8;color:#625675;cursor:pointer;font-size:13px;font-weight:550}.beta-limit-modal :focus-visible{outline:3px solid #baaff4;outline-offset:3px}.beta-access-note{margin:8px 0;color:var(--studio-text-muted, #766d87);font-size:12px;line-height:1.5}.beta-access-note button{padding:0;border:0;background:none;color:var(--studio-accent-strong, #6353db);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit}/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-sans:"Geist Variable", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--font-weight-normal:400;--font-weight-medium:500;--leading-snug:1.375;--leading-normal:1.5;--radius-md:calc(var(--radius) * .8);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Geist Variable", sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--m3-source:#6750a4;--m3-primary:#6750a4;--m3-on-primary:#fff;--m3-primary-container:#eaddff;--m3-on-primary-container:#21005d;--m3-secondary:#625b71;--m3-on-secondary:#fff;--m3-secondary-container:#e8def8;--m3-on-secondary-container:#1d192b;--m3-tertiary:#7d5260;--m3-on-tertiary:#fff;--m3-tertiary-container:#ffd8e4;--m3-on-tertiary-container:#31111d;--m3-error:#ba1a1a;--m3-on-error:#fff;--m3-error-container:#ffdad6;--m3-on-error-container:#410002;--m3-surface:#fef7ff;--m3-surface-dim:#ded8e1;--m3-surface-bright:#fef7ff;--m3-surface-container-lowest:#fff;--m3-surface-container-low:#f7f2fa;--m3-surface-container:#f3edf7;--m3-surface-container-high:#ece6f0;--m3-surface-container-highest:#e6e0e9;--m3-on-surface:#1d1b20;--m3-on-surface-variant:#49454f;--m3-outline:#79747e;--m3-outline-variant:#cac4d0;--m3-inverse-surface:#322f35;--m3-inverse-on-surface:#f5eff7;--m3-inverse-primary:#d0bcff;--m3-scrim:#00000052;--m3-nav-active-indicator:#e8def8;--m3-nav-active-label:#1d1b20;--m3-nav-surface:#fef7ff;--ed-bg:#f7f8fb;--ed-panel:#fff;--ed-panel-soft:#f8fafc;--ed-elevated:#fff;--ed-border:#e2e8f0;--ed-border-strong:#cbd5e1;--ed-text:#111827;--ed-muted:#64748b;--ed-subtle:#94a3b8;--ed-accent:#2563eb;--ed-accent-hover:#1d4ed8;--ed-accent-soft:#eff6ff;--ed-accent-border:#bfdbfe;--ed-danger:#dc2626;--ed-danger-soft:#fef2f2;--ed-danger-border:#fecaca;--ed-grid:#94a3b847;--ed-shadow:0 18px 50px #0f172a1a;--ed-focus:0 0 0 3px #2563eb24;--panel-width:288px;color:var(--ed-text);background:var(--ed-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}html{font-family:Geist Variable,sans-serif}}@layer components;@layer utilities{.\@container\/field-group{container:field-group/inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{top:0;right:0;bottom:0;left:0}.top-1\/2{top:50%}.right-2{right:calc(var(--spacing) * 2)}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}.mx-auto{margin-inline:auto}.-my-0\.5{margin-block:calc(var(--spacing) * -.5)}.-my-2{margin-block:calc(var(--spacing) * -2)}.my-1{margin-block:var(--spacing)}.my-2{margin-block:calc(var(--spacing) * 2)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.field-sizing-content{field-sizing:content}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-12{height:calc(var(--spacing) * 12)}.h-\[30px\]{height:30px}.h-px{height:1px}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-16{min-height:calc(var(--spacing) * 16)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-36{min-width:calc(var(--spacing) * 36)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-full{flex-basis:100%}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.touch-none{touch-action:none}.resize{resize:both}.scroll-my-1{scroll-margin-block:var(--spacing)}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:0}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-4xl{border-radius:calc(var(--radius) * 2.6)}.rounded-\[4px\]{border-radius:4px}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) * .8)}.rounded-sm{border-radius:calc(var(--radius) * .6)}.border{border-style:var(--tw-border-style);border-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.border-ring{border-color:var(--ring)}.border-sidebar-border{border-color:var(--sidebar-border)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-border{background-color:var(--border)}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive) 10%,transparent)}}.bg-muted,.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-clip-padding{background-clip:padding-box}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.text-center{text-align:center}.text-left{text-align:left}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.whitespace-nowrap{white-space:nowrap}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sidebar-foreground,.text-sidebar-foreground\/70{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab,red,red)){.text-sidebar-foreground\/70{color:color-mix(in oklab,var(--sidebar-foreground) 70%,transparent)}}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_var\(--sidebar-border\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-border));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-foreground\/10{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.ring-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.ring-sidebar-ring{--tw-ring-color:var(--sidebar-ring)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.paused{animation-play-state:paused}.running{animation-play-state:running}:is(.\*\:w-full>*){width:100%}.group-has-disabled\/field\:opacity-50:is(:where(.group\/field):has(:disabled) *){opacity:.5}.group-has-data-\[slot\=item-description\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot=item-description]) *){--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-has-data-\[slot\=item-description\]\/item\:self-start:is(:where(.group\/item):has([data-slot=item-description]) *){align-self:flex-start}.group-has-data-horizontal\/field\:text-balance:is(:where(.group\/field):has(:where([data-orientation=horizontal])) *){text-wrap:balance}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important;height:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:0!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *),.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *){opacity:.5}.group-data-\[size\=sm\]\/item\:size-8:is(:where(.group\/item)[data-size=sm] *){width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.group-data-\[size\=xs\]\/item\:size-6:is(:where(.group\/item)[data-size=xs] *){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.group-data-\[size\=xs\]\/item\:gap-0:is(:where(.group\/item)[data-size=xs] *){gap:0}.group-data-\[size\=xs\]\/item\:text-xs:is(:where(.group\/item)[data-size=xs] *){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.group-data-\[state\=open\]\/collapsible\:rotate-90:is(:where(.group\/collapsible)[data-state=open] *){rotate:90deg}.group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing) * -2)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-6::file-selector-button{height:calc(var(--spacing) * 6)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:-inset-x-3:after{content:var(--tw-content);inset-inline:calc(var(--spacing) * -3)}.after\:-inset-y-2:after{content:var(--tw-content);inset-block:calc(var(--spacing) * -2)}.last\:mt-0:last-child{margin-top:0}@media (hover:hover){.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.hover\:bg-destructive\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab,var(--primary) 80%,transparent)}}.hover\:bg-sidebar-accent:hover{background-color:var(--sidebar-accent)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:text-sidebar-accent-foreground:hover{color:var(--sidebar-accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-accent));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-3:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus,:is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant=destructive]):focus *){color:var(--accent-foreground)}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab,var(--destructive) 40%,transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-3:focus-visible,.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/30:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/30:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 30%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.active\:bg-sidebar-accent:active{background-color:var(--sidebar-accent)}.active\:text-sidebar-accent-foreground:active{color:var(--sidebar-accent-foreground)}.active\:ring-3:active{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-input\/50:disabled{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.disabled\:bg-input\/50:disabled{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius)}:where([data-slot=dropdown-menu-content]) .in-data-\[slot\=dropdown-menu-content\]\:p-0{padding:0}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\[size\=sm\]\:gap-2\.5:has([data-size=sm]){gap:calc(var(--spacing) * 2.5)}.has-data-\[size\=xs\]\:gap-2:has([data-size=xs]){gap:calc(var(--spacing) * 2)}.has-data-checked\:border-primary\/30:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.has-data-checked\:border-primary\/30:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:color-mix(in oklab,var(--primary) 30%,transparent)}}.has-data-checked\:bg-primary\/5:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.has-data-checked\:bg-primary\/5:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){background-color:color-mix(in oklab,var(--primary) 5%,transparent)}}.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing) * 3)}.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}.has-\[\>\[data-slot\=field\]\]\:rounded-lg:has(>[data-slot=field]){border-radius:var(--radius)}.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing) * 3)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.aria-invalid\:aria-checked\:border-primary[aria-invalid=true][aria-checked=true]{border-color:var(--primary)}.data-placeholder\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[align-trigger\=true\]\:animate-none[data-align-trigger=true]{animation:none}.data-\[invalid\=true\]\:text-destructive[data-invalid=true]{color:var(--destructive)}.data-\[position\=popper\]\:h-\(--radix-select-trigger-height\)[data-position=popper]{height:var(--radix-select-trigger-height)}.data-\[position\=popper\]\:w-full[data-position=popper]{width:100%}.data-\[position\=popper\]\:min-w-\(--radix-select-trigger-width\)[data-position=popper]{min-width:var(--radix-select-trigger-width)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-8[data-size=default]{height:calc(var(--spacing) * 8)}.data-\[size\=md\]\:text-sm[data-size=md]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.data-\[size\=sm\]\:h-7[data-size=sm]{height:calc(var(--spacing) * 7)}.data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm]{border-radius:min(var(--radius-md),10px)}.data-\[size\=sm\]\:text-xs[data-size=sm]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing) * 3)}:is(.\*\:data-\[slot\=field\]\:p-2\.5>*)[data-slot=field]{padding:calc(var(--spacing) * 2.5)}:is(.\*\:data-\[slot\=field-group\]\:gap-4>*)[data-slot=field-group]{gap:calc(var(--spacing) * 4)}:is(.\*\:data-\[slot\=field-label\]\:flex-auto>*)[data-slot=field-label]{flex:auto}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-1\.5>*)[data-slot=select-value]{gap:calc(var(--spacing) * 1.5)}.data-\[variant\=label\]\:text-sm[data-variant=label]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.data-\[variant\=legend\]\:text-base[data-variant=legend]{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.nth-last-2\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing) * -1)}@media (min-width:48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@container field-group (min-width:28rem){.\@md\/field-group\:flex-row{flex-direction:row}.\@md\/field-group\:items-center{align-items:center}:is(.\@md\/field-group\:\*\:w-auto>*){width:auto}.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}:is(.\@md\/field-group\:\*\:data-\[slot\=field-label\]\:flex-auto>*)[data-slot=field-label]{flex:auto}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/20:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/20:is(.dark *){background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input) 30%,transparent)}}@media (hover:hover){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:color-mix(in oklab,var(--destructive) 30%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:disabled\:bg-input\/80:is(.dark *):disabled{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:disabled\:bg-input\/80:is(.dark *):disabled{background-color:color-mix(in oklab,var(--input) 80%,transparent)}}.dark\:has-data-checked\:border-primary\/20:is(.dark *):has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark\:has-data-checked\:border-primary\/20:is(.dark *):has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:color-mix(in oklab,var(--primary) 20%,transparent)}}.dark\:has-data-checked\:bg-primary\/10:is(.dark *):has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark\:has-data-checked\:bg-primary\/10:is(.dark *):has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){background-color:color-mix(in oklab,var(--primary) 10%,transparent)}}.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--destructive) 50%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.data-open\:animate-in:where([data-state=open]),.data-open\:animate-in:where([data-open]:not([data-open=false])){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:fade-in-0:where([data-state=open]),.data-open\:fade-in-0:where([data-open]:not([data-open=false])){--tw-enter-opacity:0}.data-open\:zoom-in-95:where([data-state=open]),.data-open\:zoom-in-95:where([data-open]:not([data-open=false])){--tw-enter-scale:.95}.data-closed\:animate-out:where([data-state=closed]),.data-closed\:animate-out:where([data-closed]:not([data-closed=false])){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:fade-out-0:where([data-state=closed]),.data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])){--tw-exit-opacity:0}.data-closed\:zoom-out-95:where([data-state=closed]),.data-closed\:zoom-out-95:where([data-closed]:not([data-closed=false])){--tw-exit-scale:.95}.data-checked\:border-primary:where([data-state=checked]),.data-checked\:border-primary:where([data-checked]:not([data-checked=false])){border-color:var(--primary)}.data-checked\:bg-primary:where([data-state=checked]),.data-checked\:bg-primary:where([data-checked]:not([data-checked=false])){background-color:var(--primary)}.data-checked\:text-primary-foreground:where([data-state=checked]),.data-checked\:text-primary-foreground:where([data-checked]:not([data-checked=false])){color:var(--primary-foreground)}.dark\:data-checked\:bg-primary:is(.dark *):where([data-state=checked]),.dark\:data-checked\:bg-primary:is(.dark *):where([data-checked]:not([data-checked=false])){background-color:var(--primary)}.data-disabled\:pointer-events-none:where([data-disabled=true]),.data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled=false])){pointer-events:none}.data-disabled\:opacity-50:where([data-disabled=true]),.data-disabled\:opacity-50:where([data-disabled]:not([data-disabled=false])){opacity:.5}.data-active\:bg-sidebar-accent:where([data-state=active]),.data-active\:bg-sidebar-accent:where([data-active]:not([data-active=false])){background-color:var(--sidebar-accent)}.data-active\:font-medium:where([data-state=active]),.data-active\:font-medium:where([data-active]:not([data-active=false])){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-active\:text-sidebar-accent-foreground:where([data-state=active]),.data-active\:text-sidebar-accent-foreground:where([data-active]:not([data-active=false])){color:var(--sidebar-accent-foreground)}.data-horizontal\:h-1:where([data-orientation=horizontal]){height:var(--spacing)}.data-horizontal\:h-full:where([data-orientation=horizontal]){height:100%}.data-horizontal\:h-px:where([data-orientation=horizontal]){height:1px}.data-horizontal\:w-full:where([data-orientation=horizontal]){width:100%}.data-vertical\:h-full:where([data-orientation=vertical]){height:100%}.data-vertical\:min-h-40:where([data-orientation=vertical]){min-height:calc(var(--spacing) * 40)}.data-vertical\:w-1:where([data-orientation=vertical]){width:var(--spacing)}.data-vertical\:w-auto:where([data-orientation=vertical]){width:auto}.data-vertical\:w-full:where([data-orientation=vertical]){width:100%}.data-vertical\:w-px:where([data-orientation=vertical]){width:1px}.data-vertical\:flex-col:where([data-orientation=vertical]){flex-direction:column}.data-vertical\:self-stretch:where([data-orientation=vertical]){align-self:stretch}.\[\&_img\]\:size-full img{width:100%;height:100%}.\[\&_img\]\:object-cover img{object-fit:cover}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content]{flex:none}.\[a\]\:transition-colors:is(a){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.\[a\]\:hover\:bg-muted:is(a):hover{background-color:var(--muted)}.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab,var(--primary) 80%,transparent)}}.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}.\[a\]\:hover\:text-muted-foreground:is(a):hover{color:var(--muted-foreground)}}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}.\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}@container field-group (min-width:28rem){.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>a\:hover\]\:text-primary>a:hover{color:var(--primary)}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer reset{*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}}@layer app{.canvas-area{position:relative}.ai-onboarding{z-index:8;border:1px solid var(--m3-outline-variant);gap:18px;width:min(760px,100% - 64px);padding:28px;display:grid;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab,red,red)){.ai-onboarding{border:1px solid color-mix(in srgb,var(--m3-outline-variant) 78%,transparent)}}.ai-onboarding{color:var(--m3-on-surface);background:var(--m3-surface-container-lowest);border-radius:28px}@supports (color:color-mix(in lab,red,red)){.ai-onboarding{background:color-mix(in srgb,var(--m3-surface-container-lowest) 96%,transparent)}}.ai-onboarding{-webkit-backdrop-filter:blur(22px);transform:translate(-50%,-50%);box-shadow:0 2px 4px #1d1b2014,0 28px 80px #1d1b2029}.ai-onboarding+.views-canvas-stack,.ai-onboarding+.canvas-pan-stage>.views-canvas-stack{pointer-events:none;opacity:.16;filter:blur(1px)}.ai-onboarding-mark{width:56px;height:56px;color:var(--m3-on-primary-container);background:var(--m3-primary-container);border-radius:18px;place-items:center;display:grid}.ai-onboarding-copy{gap:6px;display:grid}.ai-onboarding-copy>span{color:var(--m3-primary);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:850}.ai-onboarding-copy h2{color:var(--m3-on-surface);margin:0;font-size:clamp(24px,3vw,34px);line-height:1.08}.ai-onboarding-copy p{max-width:620px;color:var(--m3-on-surface-variant);margin:0;font-size:14px;line-height:1.5}.ai-onboarding-composer{grid-template-columns:52px minmax(0,1fr) auto;align-items:stretch;gap:10px;display:grid;position:relative}.ai-onboarding-composer textarea{resize:none;border:1px solid var(--m3-outline-variant);width:100%;min-height:108px;color:var(--m3-on-surface);background:var(--m3-surface-container-low);font:inherit;border-radius:18px;outline:0;padding:14px 16px;font-size:14px;line-height:1.5}.ai-onboarding-composer textarea:focus{border-color:var(--m3-primary);background:var(--m3-surface-container-lowest);box-shadow:0 0 0 3px var(--m3-primary)}@supports (color:color-mix(in lab,red,red)){.ai-onboarding-composer textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--m3-primary) 14%,transparent)}}.ai-onboarding-composer .ai-command-generate{min-width:158px}.ai-chat-panel{height:100vh;min-height:0;color:var(--ed-text);background:var(--ed-panel);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.ai-chat-thread{scrollbar-color:var(--ed-border-strong) transparent;flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex;overflow:auto}.ai-chat-empty{min-height:180px;color:var(--ed-muted);text-align:center;align-content:center;place-items:center;gap:7px;padding:20px;display:grid}.ai-chat-empty svg{color:var(--ed-accent)}.ai-chat-empty strong{color:var(--ed-text);font-size:13px}.ai-chat-empty span{max-width:250px;font-size:11px;line-height:1.45}.ai-message{border:1px solid var(--ed-border);background:var(--ed-panel-soft);border-radius:15px 15px 15px 5px;gap:5px;max-width:92%;padding:10px 11px;display:grid}.ai-message.user{border-color:var(--ed-accent-border);background:var(--ed-accent-soft);border-radius:15px 15px 5px;align-self:flex-end}.ai-message>small{color:var(--ed-muted);letter-spacing:.03em;text-transform:uppercase;font-size:9px;font-weight:850}.ai-message>p{color:var(--ed-text);white-space:pre-wrap;margin:0;font-size:12px;line-height:1.45}.ai-message-reference{min-width:0;color:var(--ed-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-size:10px;font-weight:700;display:inline-flex;overflow:hidden}.ai-message-views,.ai-context-chips{flex-wrap:wrap;gap:5px;display:flex}.ai-message-views button,.ai-context-chips button{border:1px solid var(--ed-accent-border);align-items:center;gap:5px;min-width:0;min-height:26px;padding:0 8px;display:inline-flex;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.ai-message-views button,.ai-context-chips button{border:1px solid color-mix(in srgb,var(--ed-accent-border) 76%,var(--ed-border))}}.ai-message-views button,.ai-context-chips button{color:var(--ed-accent);background:var(--ed-panel);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;font-size:9px;font-weight:800}.ai-thinking{color:var(--ed-muted);background:var(--ed-panel-soft);border-radius:12px;align-self:flex-start;align-items:center;gap:7px;padding:8px 10px;font-size:10px;font-weight:750;display:inline-flex}.ai-chat-composer{border-top:1px solid var(--ed-border);background:var(--ed-elevated);gap:9px;padding:12px;display:grid;position:relative}.ai-intent-toggle{border:1px solid var(--ed-border);background:var(--ed-panel-soft);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.ai-intent-toggle button{min-height:28px;color:var(--ed-muted);background:0 0;border:0;border-radius:7px;font-size:9px;font-weight:850}.ai-intent-toggle button.active{color:var(--m3-on-primary-container);background:var(--m3-primary-container)}.ai-context-row{grid-template-columns:minmax(0,1fr) 38px;gap:7px;display:grid}.ai-view-picker{min-width:0;position:relative}.ai-view-picker>summary{border:1px dashed var(--ed-border-strong);min-height:36px;color:var(--ed-muted);background:var(--ed-panel);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:0 10px;font-size:10px;font-weight:800;list-style:none;display:flex}.ai-view-picker>summary::-webkit-details-marker{display:none}.ai-view-picker>summary span{flex:1}.ai-view-picker>summary b{min-width:20px;height:20px;color:var(--m3-on-primary-container);background:var(--m3-primary-container);border-radius:999px;place-items:center;font-size:9px;display:grid}.ai-view-picker>div{z-index:40;border:1px solid var(--ed-border);background:var(--ed-elevated);width:100%;max-height:190px;box-shadow:var(--ed-shadow);border-radius:12px;gap:3px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 7px);left:0;overflow:auto}.ai-view-picker>div button{min-width:0;min-height:34px;color:var(--ed-text);text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:16px minmax(0,1fr) 16px;align-items:center;gap:6px;padding:0 8px;font-size:10px;font-weight:750;display:grid}.ai-view-picker>div button.active{color:var(--ed-accent);background:var(--ed-accent-soft)}.ai-view-picker>div button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ai-context-row .ai-reference-control{width:38px;min-width:38px;height:36px}.ai-context-row .ai-reference-button{border-radius:10px;width:38px;height:36px}.ai-chat-input{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;display:grid}.ai-chat-input textarea{resize:vertical;border:1px solid var(--ed-border);width:100%;min-height:72px;max-height:160px;color:var(--ed-text);background:var(--ed-panel);font:inherit;border-radius:12px;outline:0;padding:10px 11px;font-size:11px;line-height:1.45}.ai-chat-input textarea:focus{border-color:var(--ed-accent);box-shadow:var(--ed-focus)}.ai-chat-input>button{min-height:40px;color:var(--m3-on-primary);background:var(--m3-primary);border:0;border-radius:11px;align-items:center;gap:6px;padding:0 11px;font-size:10px;font-weight:850;display:inline-flex}.ai-chat-input>button:disabled{opacity:.45}.ai-chat-composer .ai-model-row{grid-template-columns:auto minmax(0,1fr)}.ai-chat-composer .ai-model-row>small{display:none}.ai-chat-composer .ai-command-feedback{max-height:92px;overflow:auto}@media (max-width:1050px){.ai-onboarding{width:min(680px,100% - 40px);padding:22px}.ai-onboarding-composer{grid-template-columns:46px minmax(0,1fr)}.ai-onboarding-composer .ai-command-generate{grid-column:1/-1;min-height:44px}}.ai-command-center{z-index:2;border:1px solid var(--m3-outline-variant);gap:10px;width:min(760px,100% - 40px);margin:14px auto 10px;padding:14px;display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.ai-command-center{border:1px solid color-mix(in srgb,var(--m3-outline-variant) 72%,transparent)}}.ai-command-center{color:var(--m3-on-surface);background:var(--m3-surface-container-lowest);border-radius:24px}@supports (color:color-mix(in lab,red,red)){.ai-command-center{background:color-mix(in srgb,var(--m3-surface-container-lowest) 94%,transparent)}}.ai-command-center{-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 2px #1d1b2014,0 12px 32px #1d1b2014}.ai-command-heading{align-items:center;gap:10px;min-width:0;display:flex}.ai-command-icon{width:36px;height:36px;color:var(--m3-on-primary-container);background:var(--m3-primary-container);border-radius:12px;flex:none;place-items:center;display:grid}.ai-command-heading>div{gap:1px;min-width:0;display:grid}.ai-command-heading strong{font-size:15px;font-weight:700;line-height:1.25}.ai-command-heading div>span{color:var(--m3-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.ai-command-input{grid-template-columns:50px minmax(0,1fr) auto;align-items:stretch;gap:10px;display:grid}.ai-prompt-stack{gap:7px;min-width:0;display:grid}.ai-command-input textarea{resize:none;border:1px solid var(--m3-outline-variant);width:100%;min-height:66px;color:var(--m3-on-surface);background:var(--m3-surface-container-low);border-radius:16px;outline:none;margin:0;padding:12px 14px;font-size:14px;line-height:1.45;transition:border-color .15s,box-shadow .15s,background .15s}.ai-command-input textarea::placeholder{color:var(--m3-on-surface-variant)}@supports (color:color-mix(in lab,red,red)){.ai-command-input textarea::placeholder{color:color-mix(in srgb,var(--m3-on-surface-variant) 76%,transparent)}}.ai-command-input textarea:focus{border-color:var(--m3-primary);background:var(--m3-surface-container-lowest);box-shadow:0 0 0 3px var(--m3-primary)}@supports (color:color-mix(in lab,red,red)){.ai-command-input textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--m3-primary) 15%,transparent)}}.ai-model-row{grid-template-columns:auto minmax(150px,190px) minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:0 2px;display:grid}.ai-model-row>label{color:var(--m3-on-surface-variant);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:750}.ai-model-select{border:1px solid var(--m3-outline-variant);width:100%;min-width:0;height:30px;color:var(--m3-on-surface);background:var(--m3-surface-container);border-radius:10px;justify-content:space-between;padding:0 9px 0 10px;font-size:11px;font-weight:700;display:flex}.ai-model-select:focus-visible,.ai-model-select[data-state=open]{border-color:var(--m3-primary);box-shadow:0 0 0 2px var(--m3-primary)}@supports (color:color-mix(in lab,red,red)){.ai-model-select:focus-visible,.ai-model-select[data-state=open]{box-shadow:0 0 0 2px color-mix(in srgb,var(--m3-primary) 14%,transparent)}}.ai-model-select:disabled{cursor:wait;opacity:.6}.ai-model-select svg{color:var(--m3-on-surface-variant);margin-left:auto;position:static;transform:none}.ai-model-content{min-width:var(--radix-select-trigger-width);background:var(--m3-surface-container-lowest);border-radius:12px;padding:4px;box-shadow:0 2px 6px #1d1b201f,0 12px 28px #1d1b2029}.ai-model-option{min-height:32px;color:var(--m3-on-surface);border-radius:8px;font-size:11px;font-weight:650}.ai-model-row>small{color:var(--m3-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.3;overflow:hidden}.ai-command-generate{min-width:156px;min-height:52px;color:var(--m3-on-primary);background:var(--m3-primary);box-shadow:0 6px 16px var(--m3-primary);border:0;border-radius:16px;justify-content:center;align-self:stretch;align-items:center;gap:8px;padding:0 20px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.ai-command-generate{box-shadow:0 6px 16px color-mix(in srgb,var(--m3-primary) 20%,transparent)}}.ai-command-generate{font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s}.ai-command-generate:not(:disabled):hover{box-shadow:0 9px 20px var(--m3-primary);transform:translateY(-1px)}@supports (color:color-mix(in lab,red,red)){.ai-command-generate:not(:disabled):hover{box-shadow:0 9px 20px color-mix(in srgb,var(--m3-primary) 26%,transparent)}}.ai-command-generate:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.ai-command-meta{min-width:0;color:var(--m3-on-surface-variant);justify-content:space-between;align-items:center;gap:12px;padding:0 2px;font-size:11px;display:flex}.ai-command-meta>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ai-command-meta kbd{border:1px solid var(--m3-outline-variant);color:var(--m3-on-surface-variant);background:var(--m3-surface-container);font:inherit;border-radius:7px;flex:none;padding:3px 7px}.ai-command-feedback:empty{display:none}.ai-command-feedback p{border-radius:10px;margin:0;padding:8px 10px;font-size:12px;line-height:1.4}.ai-command-feedback .ai-warning{color:#6f4d00;background:#fff3cd}.ai-command-feedback .ai-error{color:var(--m3-on-error-container);background:var(--m3-error-container)}.canvas-area{padding-top:18px}@media (max-width:1180px){.ai-command-center{width:calc(100% - 28px);margin-top:12px}.ai-command-input{grid-template-columns:minmax(0,1fr)}.ai-model-row{grid-template-columns:auto minmax(0,1fr)}.ai-model-row>small{white-space:normal;grid-column:2}.ai-command-generate{min-height:44px}}.ai-warning{color:#9a6700;margin:0;font-size:10px;line-height:1.35}.views-canvas-stack{grid-auto-columns:390px;grid-auto-flow:column;place-content:start center;gap:72px;width:max-content;min-width:max-content;margin:0 auto;padding:8px 0 80px;display:grid}.view-list{gap:8px}.view-row-shell{border-radius:8px;grid-template-columns:minmax(0,1fr) 34px;align-items:center;min-height:48px;display:grid}.view-row-shell.active{background:#f1f1f2}.view-row-shell.confirming{background:#fff4f2;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:0 8px 0 14px}.view-row-shell .view-row{background:0 0;width:100%}.view-delete-button,.view-confirm-cancel,.view-confirm-delete{background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.view-delete-button{color:#8a94a3;opacity:0;width:30px;height:30px}.view-row-shell:hover .view-delete-button,.view-row-shell.active .view-delete-button{opacity:1}.view-delete-button:hover:not(:disabled){color:var(--ed-danger);background:var(--ed-danger-soft)}.view-delete-button:disabled{cursor:not-allowed;opacity:.24}.view-confirm-label{color:#7a271a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:850;overflow:hidden}.view-confirm-cancel{color:#536174;min-height:30px;padding:0 8px}.view-confirm-delete{color:#fff;background:var(--ed-danger);min-height:30px;padding:0 9px}.canvas-area{padding:52px 48px;display:block;overflow:auto}.views-canvas-stack{justify-content:center;gap:72px;min-width:max-content;padding:8px 0 80px;display:grid}.view-frame{justify-items:center;gap:14px;scroll-margin:84px;display:grid}.view-frame-header{justify-content:space-between;align-items:center;gap:12px;width:390px;display:flex}.view-frame-header strong{color:#1b2029;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:850;overflow:hidden}.view-frame-header span{color:#637083;background:#ffffffeb;border:1px solid #d6deea;border-radius:999px;align-items:center;gap:8px;min-height:32px;padding:0 12px;font-size:12px;font-weight:850;display:inline-flex;box-shadow:0 10px 28px #16203214}.view-frame.active .view-frame-header strong{color:var(--ed-accent)}.view-frame:not(.active) .canvas{cursor:pointer;opacity:.84;filter:saturate(.88)}.view-frame:not(.active) .canvas:hover{opacity:1;filter:none}.view-frame:not(.active) .design-element{pointer-events:none}.view-frame.active .canvas{box-shadow:0 24px 64px #1519222e,0 0 0 8px #ffffff9e,0 0 0 12px #1167ff14,inset 0 1px #fff9}@media (max-width:1050px){:root{--panel-width:390px}.app-shell{grid-template-columns:var(--panel-width) minmax(460px,1fr)}.left-panel{width:var(--panel-width);grid-template-columns:76px minmax(0,314px);display:grid}}.app-shell .workspace{grid-template-rows:52px auto minmax(0,1fr)}.app-shell .canvas-area{padding-top:18px}.image-inspector{gap:10px;display:grid}.image-upload-field input[type=file]{min-height:42px;padding:9px}.image-inspector-preview{gap:8px;display:grid}.image-inspector-preview img{aspect-ratio:16/9;border:1px solid var(--ed-border);object-fit:cover;border-radius:10px;width:100%}.canvas-area{align-content:initial;justify-content:initial;place-items:initial;min-width:0;min-height:0;padding:52px 48px;display:block;overflow:auto}.views-canvas-stack{place-content:start center;gap:72px;width:max-content;min-width:max-content;margin:0 auto;padding:8px 0 80px;display:grid}.left-panel{background:#fff;grid-template-columns:96px minmax(0,1fr);gap:0;padding:0;display:grid;overflow:hidden}.sidebar-rail{background:#fff;border-right:1px solid #dfe3e8;grid-auto-rows:min-content;justify-items:center;gap:12px;min-height:0;padding:22px 10px;display:grid}.rail-mark{color:#111827;place-items:center;width:34px;height:34px;margin-bottom:14px;display:grid}.rail-mark:after{content:"";background:#dfe3e8;width:32px;height:1px;margin-top:20px;display:block}.rail-item{color:#171a21;background:0 0;border:0;border-radius:10px;place-items:center;gap:6px;width:72px;min-height:64px;font-size:13px;line-height:1.1;display:grid}.rail-item svg{color:currentColor}.rail-item:hover{background:#f5f6f8}.rail-item.active{color:#006adc;background:#e8f3ff}.sidebar-main{scrollbar-color:#cfd6df transparent;background:#fff;grid-template-rows:auto auto auto minmax(0,auto) auto;align-content:start;min-width:0;min-height:0;display:grid;overflow:hidden auto}.sidebar-document{border-bottom:1px solid #dfe3e8;gap:12px;padding:28px 32px 18px;display:grid}.project-select-shell{align-items:center;display:grid;position:relative}.project-select-shell select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#191b20;background:0 0;border:0;outline:0;width:100%;min-width:0;height:34px;padding:0 28px 0 0;font-size:24px;font-weight:700}.project-select-shell svg{color:#1f232b;pointer-events:none;position:absolute;right:0}.project-meta-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.project-meta-row input{color:#777b84;background:0 0;border:0;outline:0;min-width:0;height:30px;font-size:18px}.project-meta-row input:focus{color:#171a21}.project-meta-row span{color:#006adc;background:#edf5ff;border-radius:10px;align-items:center;height:28px;padding:0 10px;font-size:16px;font-weight:500;display:inline-flex}.sidebar-block,.sidebar-disclosure{background:#fff;border-bottom:1px solid #dfe3e8}.sidebar-block{gap:14px;padding:24px 16px 24px 32px;display:grid}.sidebar-block-title,.sidebar-disclosure>summary{color:#191b20;justify-content:space-between;align-items:center;gap:16px;display:flex}.sidebar-block-title strong,.sidebar-disclosure>summary span{font-size:21px;font-weight:700;line-height:1.2}.sidebar-actions{align-items:center;gap:12px;display:inline-flex}.sidebar-actions button{color:#191b20;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.sidebar-actions button:hover{background:#f1f3f5}.page-row,.view-row{color:#171a21;text-align:left;background:0 0;border:0;border-radius:8px;height:48px;padding:0 16px;font-size:19px;font-weight:700}.page-row.active,.view-row.active{background:#f1f1f2}.view-list{gap:8px;display:grid}.components-browser{background:#fff;grid-template-rows:auto auto minmax(0,1fr);height:100vh;min-height:0;display:grid;overflow:hidden}.components-browser-header{border-bottom:1px solid #dfe3e8;justify-content:space-between;align-items:center;gap:16px;padding:30px 32px 22px;display:flex}.components-browser-header strong,.components-browser-header span{display:block}.components-browser-header strong{color:#191b20;font-size:24px;font-weight:750;line-height:1.1}.components-browser-header span{color:#777b84;margin-top:8px;font-size:16px}.components-browser-header button{color:#191b20;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;transform:rotate(90deg)}.components-browser-header button:hover{background:#f1f3f5}.components-browser>.import-library-button{margin:18px 32px 12px}.components-browser>.palette-groups{margin:0;padding:0 32px 28px;overflow:auto}.sidebar-disclosure>summary{cursor:pointer;min-height:64px;padding:0 16px 0 32px;list-style:none}.sidebar-disclosure>summary::-webkit-details-marker{display:none}.sidebar-disclosure>summary>svg{color:#b5a2d8;order:-1;margin-left:-22px;transition:transform .16s;transform:rotate(-90deg)}.sidebar-disclosure[open]>summary>svg{transform:rotate(0)}.layer-list{gap:10px;padding:0 16px 24px 12px;display:grid}.layer-row{color:#8b3dff;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:18px 24px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;padding:0 12px 0 0;display:grid}.layer-row:hover,.layer-row.active{background:#f5f2ff}.layer-row>svg{color:#b9a7df;transform:rotate(-90deg)}.layer-diamond{border:2px solid #c4b5e4;width:17px;height:17px;transform:rotate(45deg)}.layer-row strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:500;overflow:hidden}.layer-row.active strong{color:#171a21;font-weight:700}.layer-empty{color:#777b84;padding:0 0 14px 20px;font-size:14px}.components-disclosure,.appearance-disclosure,.ai-disclosure{padding-bottom:0}.components-disclosure[open]{min-height:0}.components-disclosure .import-library-button{width:calc(100% - 48px);margin:0 16px 12px 32px}.components-disclosure .palette-groups{max-height:420px;margin:0;padding:0 16px 24px 32px;overflow:auto}.components-disclosure .palette-item{color:#20242c;min-height:36px}.components-disclosure .palette-group>span{color:#777b84;padding-top:8px;font-size:11px}.appearance-disclosure .theme-panel,.appearance-disclosure .background-panel,.appearance-disclosure .system-bars-panel{box-shadow:none;background:0 0;border:0;margin:0 16px 16px 32px;padding:0}.appearance-disclosure .panel-title{color:#676d78;min-height:26px;margin-bottom:8px}.appearance-disclosure .theme-presets{grid-template-columns:1fr 1fr}.appearance-disclosure .theme-presets button,.appearance-disclosure .background-presets button{background:#fbfcfe;border-radius:10px;min-height:52px}.appearance-disclosure .theme-color-grid,.appearance-disclosure .background-custom{margin-top:10px}.appearance-disclosure .background-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.ai-disclosure .ai-panel{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0 16px 20px 32px;padding:0}.ai-disclosure .ai-panel:before,.project-panel,.project-actions,.project-kit-chip,.brand-row{display:none}@media (max-width:1050px){:root{--panel-width:390px}.left-panel{grid-template-columns:76px minmax(0,1fr)}.rail-item{width:60px;font-size:11px}.sidebar-document,.sidebar-block,.sidebar-disclosure>summary{padding-left:22px}}:root{--ed-bg:#f3f5f8;--ed-panel:#fcfdff;--ed-panel-soft:#f6f8fb;--ed-elevated:#fff;--ed-border:#dbe2ec;--ed-border-strong:#b9c4d2;--ed-text:#151922;--ed-muted:#5f6b7a;--ed-subtle:#8793a3;--ed-accent:#1167ff;--ed-accent-hover:#075be8;--ed-accent-soft:#edf4ff;--ed-accent-border:#a9c9ff;--ed-danger:#d92d20;--ed-danger-soft:#fff4f2;--ed-danger-border:#ffc9c2;--ed-grid:#64748b38;--ed-shadow:0 22px 60px #17203024;--ed-focus:0 0 0 3px #1167ff24;--panel-width:304px}.app-shell{grid-template-columns:var(--panel-width) minmax(620px,1fr) 320px;background:linear-gradient(180deg,#f8fafc,#eef2f7),var(--ed-bg)}.left-panel,.right-panel{background:#fcfdfffa;gap:12px;padding:14px}.left-panel{scrollbar-color:#c7d0dd transparent;border-right-color:#d8e0eb;overflow:hidden auto}.right-panel{border-left-color:#d8e0eb}.brand-row{border-bottom:1px solid var(--ed-border);grid-template-columns:34px 1fr;gap:10px;padding:3px 2px 12px}.brand-row strong{font-size:13px;font-weight:850}.brand-row span{color:var(--ed-muted);font-size:11px;font-weight:500}.brand-mark{background:#111827;border-color:#1d2430;border-radius:8px;width:34px;height:34px;box-shadow:inset 0 0 0 1px #ffffff14,0 12px 28px #11182733}.brand-mark svg{filter:drop-shadow(0 2px 4px #1167ff52)}.project-panel,.theme-panel,.background-panel,.ai-panel{border-color:var(--ed-border);background:var(--ed-elevated);border-radius:8px;gap:10px;padding:10px;box-shadow:0 1px #ffffffbf,0 1px 2px #1018280a}.panel-title{color:#526071;gap:7px;min-height:24px;font-size:10px;font-weight:850}.panel-title svg{color:#6b7788}.field{gap:5px}.field span,.color-row span,.theme-color-grid span,.start-label,.background-custom span{color:#5c6778;font-size:10px;font-weight:850}.field input,.field textarea,.field select,.theme-color-grid input,.background-custom input,.color-row input{min-height:36px;color:var(--ed-text);background:#fff;border-color:#d7dfeb;border-radius:8px;box-shadow:inset 0 1px #0f172a08}.field input:hover,.field textarea:hover,.field select:hover,.ai-panel textarea:hover{border-color:#c5cfdd}.field input:focus,.field textarea:focus,.field select:focus,.theme-color-grid input:focus,.background-custom input:focus,.color-row input:focus{border-color:var(--ed-accent);box-shadow:var(--ed-focus)}.project-kit-chip{background:#f7f9fc;border-color:#d7dfeb;border-radius:8px;min-height:32px;font-size:11px;font-weight:850}.theme-presets,.background-presets{gap:7px}.theme-presets button,.background-presets button,.framework-options button{background:#fff;border-color:#d7dfeb;border-radius:8px;box-shadow:inset 0 1px #ffffffb3}.theme-presets button:hover,.background-presets button:hover,.framework-options button:hover{background:#fbfcff;border-color:#c6d1df}.theme-presets button.active,.background-presets button.active,.framework-options button.active{border-color:var(--ed-accent);background:var(--ed-accent-soft);box-shadow:var(--ed-focus)}.theme-swatches i{border-radius:999px;height:16px}.background-swatch{border-radius:7px;height:24px}.ai-panel{background:#f8fbff;border-color:#cfe0ff;position:relative;overflow:hidden}.ai-panel:before{background:var(--ed-accent);content:"";width:3px;position:absolute;inset:0 auto 0 0}.ai-panel>*{position:relative}.ai-panel textarea{background:#fff;border-color:#d7dfeb;border-radius:8px;min-height:80px;font-size:12px}.ai-generate-button{background:#111827;border-radius:8px;min-height:38px;box-shadow:0 10px 22px #11182724}.ai-generate-button:hover:not(:disabled){background:var(--ed-accent)}.ai-generate-button:disabled{color:#7b8796;box-shadow:none;background:#e5ebf3}.ai-error{border:1px solid var(--ed-danger-border);color:var(--ed-danger);background:var(--ed-danger-soft);border-radius:8px;padding:9px 10px}.components-section{gap:8px;min-height:0;padding-top:2px;overflow:hidden}.palette-groups{scrollbar-color:#c7d0dd transparent;gap:14px;margin-top:4px;padding-right:2px}.palette-group{gap:5px}.palette-group>span{color:#687486;text-transform:uppercase;padding:0 2px;font-size:10px;font-weight:850}.palette-item{background:0 0;border-color:#0000;border-radius:8px;grid-template-columns:28px 1fr;min-height:36px;padding:5px 8px 5px 5px;font-size:12px;font-weight:700}.palette-item:hover{background:#f6f9fd;border-color:#dce4ef}.palette-item svg{color:#657185;justify-self:center}.import-library-button{color:#1d4ed8;background:#f7fbff;border-color:#c7d3e3;border-radius:8px;min-height:36px;margin-top:0}.workspace{background:#eef2f7;grid-template-rows:58px minmax(0,1fr)}.topbar{background:#fcfdffe6;border-bottom-color:#d7dfeb;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);height:58px;padding:8px 14px;box-shadow:0 1px #fffc}.topbar h1{font-size:15px;font-weight:850}.eyebrow{color:#657185;font-size:10px;font-weight:850}.editor-tools{background:#fffffff5;border-color:#d5deea;border-radius:10px;gap:1px;padding:3px;box-shadow:0 10px 26px #16203214,inset 0 1px #ffffffbf}.icon-tool{color:#627087;border-radius:7px;width:31px;height:31px}.icon-tool.active{color:#fff;background:var(--ed-accent);box-shadow:0 8px 18px #1167ff38}.zoom-chip{color:#536174;height:29px;font-size:12px}.device-profile-select{color:#536174;background:#f6f8fb;border-radius:7px;align-items:center;gap:6px;max-width:190px;height:31px;padding:0 8px;display:inline-flex}.device-profile-select select{color:#222936;background:0 0;border:0;outline:0;min-width:0;max-width:132px;font-size:12px;font-weight:850}.toolbar{gap:7px}.icon-button,.tool-button,.primary-button,.secondary-button,.danger-button{border-radius:8px;min-height:34px;font-size:12px;font-weight:850}.tool-button,.secondary-button{color:#222936;background:0 0;border-color:#0000}.tool-button:hover,.secondary-button:hover{background:#f7f9fc;border-color:#d7dfeb}.primary-button{background:var(--ed-accent)}.danger-button{border-color:var(--ed-danger-border);background:#fff8f7}.canvas-area{background-color:#eef2f7;background-image:linear-gradient(#64748b33 1px,#0000 1px),linear-gradient(90deg,#64748b33 1px,#0000 1px);background-position:50%;background-size:24px 24px;place-content:center;padding:28px;position:relative}.device-label{color:#596679;background:#ffffffeb;border-color:#d4dce8;border-radius:999px;margin-bottom:16px;padding:6px 10px;box-shadow:0 10px 28px #16203214}.view-frame-header{width:var(--view-frame-width,390px)}.view-frame-header span{gap:7px}.view-frame-header b,.view-frame-header small{font:inherit}.view-frame-header small{color:#7a8797}.canvas{border-color:#15192224;border-radius:30px;box-shadow:0 24px 64px #1519222e,0 0 0 8px #ffffff9e,inset 0 1px #fff9}.selection-frame{border:2px solid var(--ed-accent);border-radius:0;top:-4px;right:-4px;bottom:-4px;left:-4px;box-shadow:0 0 0 1px #ffffffd1}.selection-label{background:var(--ed-accent);border-radius:5px;font-size:10px;top:-24px}.resize-handle{background:var(--ed-accent);border-radius:2px;width:12px;height:12px}.handle-nw,.handle-n,.handle-ne{top:-9px}.handle-e,.handle-ne,.handle-se{right:-9px}.handle-se,.handle-s,.handle-sw{bottom:-9px}.handle-w,.handle-nw,.handle-sw{left:-9px}.right-panel>.panel-title{border-bottom:1px solid var(--ed-border);padding:2px 2px 4px}.inspector{scrollbar-color:#c7d0dd transparent;gap:12px;padding-right:2px}.empty-inspector{background:linear-gradient(180deg,#fff,#f7f9fc),var(--ed-panel-soft);border-color:#c8d2df;border-radius:8px;min-height:180px}.field-grid,.color-row,.inspector-actions,.right-actions{gap:8px}.right-actions{border-top:1px solid var(--ed-border);padding-top:12px}.start-modal,.export-modal{background:#fff;border-radius:12px}.export-modal pre{background:#111827}@media (max-width:1050px){.right-panel{border-radius:10px}}.app-shell{grid-template-columns:var(--panel-width) minmax(560px,1fr) 304px;background:var(--ed-bg);height:100vh;display:grid;overflow:hidden}.left-panel,.right-panel{border-color:var(--ed-border);background:var(--ed-panel);flex-direction:column;min-height:0;display:flex}.left-panel{border-right:1px solid var(--ed-border);gap:16px;padding:18px 16px}.right-panel{border-left:1px solid var(--ed-border);gap:16px;padding:18px 16px}.brand-row{grid-template-columns:36px 1fr;align-items:center;gap:10px;display:grid}.brand-row strong,.brand-row span{display:block}.brand-row strong{color:var(--ed-text);font-size:14px;line-height:1.2}.brand-row span{color:var(--ed-muted);margin-top:2px;font-size:11px}.brand-mark{border:1px solid var(--ed-border);color:#fff;background:linear-gradient(135deg,#111827,#2563eb);border-radius:10px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 10px 24px #2563eb2e}.panel-section{min-height:0}.project-panel,.background-panel,.system-bars-panel{border:1px solid var(--ed-border);background:var(--ed-panel);border-radius:12px;gap:10px;padding:12px;display:grid}.system-bars-current{border-block:1px solid var(--ed-border);grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);align-items:center;gap:10px;padding:10px 0;display:grid}.system-bars-current>span{min-width:0}.system-bars-current strong,.system-bars-current small{display:block}.system-bars-current strong{color:var(--ed-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.system-bars-current small{color:var(--ed-muted);margin-top:2px;font-size:9px;font-weight:700}.system-bars-current>i{background:var(--ed-border);width:1px;height:28px}.system-bars-guidance{color:var(--ed-muted);margin:0;font-size:10px;line-height:1.4}.system-bars-fields{gap:8px;display:grid}.system-bars-fields label{gap:5px;display:grid}.system-bars-fields label>span{color:var(--ed-muted);text-transform:uppercase;font-size:10px;font-weight:800}.system-bars-fields select{border:1px solid var(--ed-border);width:100%;height:34px;color:var(--ed-text);background:var(--ed-panel);font:inherit;border-radius:9px;outline:0;padding:0 28px 0 9px;font-size:11px;font-weight:700}.system-bars-fields select:focus{border-color:var(--ed-accent);box-shadow:var(--ed-focus)}.system-bars-fields select:disabled{opacity:.5}.project-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.project-actions .secondary-button{min-height:36px}.project-kit-chip{border:1px solid var(--ed-border);min-height:32px;color:var(--ed-text);background:var(--ed-panel-soft);white-space:nowrap;border-radius:8px;align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.components-section{flex:1;grid-template-rows:auto auto minmax(0,1fr);display:grid}.panel-title{min-height:28px;color:var(--ed-muted);letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.palette-groups{gap:16px;margin-top:8px;padding-right:4px;display:grid;overflow:auto}.theme-panel{border:1px solid var(--ed-border);background:var(--ed-panel);border-radius:12px;gap:10px;padding:12px;display:grid}.active-theme{border:1px solid var(--ed-border);background:var(--ed-panel);border-radius:14px;gap:14px;padding:12px;display:grid}.active-theme-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.active-theme-heading>div{min-width:0}.active-theme-heading span,.active-theme-heading strong{display:block}.active-theme-heading span,.theme-options-label{color:var(--ed-muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:850}.active-theme-heading strong{color:var(--ed-text);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:15px;font-weight:800;line-height:1.2;overflow:hidden}.active-theme-heading small{border-radius:999px;flex:none;padding:4px 8px;font-size:10px;font-weight:850}.theme-mode-control{border:1px solid var(--ed-border);gap:8px;padding:9px;display:grid}@supports (color:color-mix(in lab,red,red)){.theme-mode-control{border:1px solid color-mix(in srgb,var(--ed-border) 72%,transparent)}}.theme-mode-control{background:var(--ed-canvas);border-radius:11px}@supports (color:color-mix(in lab,red,red)){.theme-mode-control{background:color-mix(in srgb,var(--ed-canvas) 52%,var(--ed-panel))}}.theme-mode-control>div:first-child{gap:2px;display:grid}.theme-mode-control>div:first-child strong{color:var(--ed-text);font-size:11px;font-weight:850}.theme-mode-control>div:first-child small{color:var(--ed-muted);font-size:9px;font-weight:650;line-height:1.3}.theme-mode-toggle{border:1px solid var(--ed-border);background:var(--ed-panel);border-radius:9px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.theme-mode-toggle button{min-height:30px;color:var(--ed-muted);background:0 0;border:0;border-radius:6px;font-size:10px;font-weight:800}.theme-mode-toggle button.active{color:var(--m3-on-primary-container);background:var(--m3-primary-container);box-shadow:0 1px 3px var(--ed-text)}@supports (color:color-mix(in lab,red,red)){.theme-mode-toggle button.active{box-shadow:0 1px 3px color-mix(in srgb,var(--ed-text) 14%,transparent)}}.active-theme-section{gap:8px;display:grid}.active-theme-section+.active-theme-section{border-top:1px solid var(--ed-border);padding-top:12px}@supports (color:color-mix(in lab,red,red)){.active-theme-section+.active-theme-section{border-top:1px solid color-mix(in srgb,var(--ed-border) 72%,transparent)}}.active-theme-section-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.active-theme-section-heading>span{color:var(--ed-text);font-size:11px;font-weight:850}.active-theme-section-heading>small{color:var(--ed-muted);font-size:9px;font-weight:700}.theme-source-colors{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.theme-source-color{border:1px solid var(--ed-border);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:6px;min-width:0;padding:6px;display:grid}@supports (color:color-mix(in lab,red,red)){.theme-source-color{border:1px solid color-mix(in srgb,var(--ed-border) 72%,transparent)}}.theme-source-color{background:var(--ed-panel);border-radius:9px}.theme-source-color>i{border:1px solid var(--ed-border);width:24px;height:32px}@supports (color:color-mix(in lab,red,red)){.theme-source-color>i{border:1px solid color-mix(in srgb,var(--ed-border) 52%,transparent)}}.theme-source-color>i{border-radius:7px}.theme-source-color>span{min-width:0;display:grid}.theme-source-color strong{color:var(--ed-text);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:800;overflow:hidden}.theme-source-color code{color:var(--ed-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;font-weight:650}.theme-role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.theme-role{gap:5px;min-width:0;display:grid}.theme-role>strong{color:var(--ed-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:750;overflow:hidden}.theme-role>div{border:1px solid var(--ed-border);grid-template-columns:1fr 1fr;height:32px;display:grid;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.theme-role>div{border:1px solid color-mix(in srgb,var(--ed-border) 72%,transparent)}}.theme-role>div{border-radius:9px}.theme-role i{place-items:center;font-size:9px;font-style:normal;font-weight:850;display:grid}.theme-surface-scale{border:1px solid var(--ed-border);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.theme-surface-scale{border:1px solid color-mix(in srgb,var(--ed-border) 72%,transparent)}}.theme-surface-scale{border-radius:9px}.theme-surface-scale>div{min-width:0;display:grid}.theme-surface-scale i{border-bottom:1px solid var(--ed-border);height:25px;display:block}@supports (color:color-mix(in lab,red,red)){.theme-surface-scale i{border-bottom:1px solid color-mix(in srgb,var(--ed-border) 56%,transparent)}}.theme-surface-scale span{color:var(--ed-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:4px 2px;font-size:7px;font-weight:750;overflow:hidden}.active-theme-note{color:var(--ed-muted);margin:0;font-size:9px;font-weight:650;line-height:1.35}.active-theme code{color:var(--ed-text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.theme-options{border-top:1px solid var(--ed-border)}.theme-options>summary{min-height:40px;color:var(--ed-text);cursor:pointer;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;list-style:none;display:flex}.theme-options>summary::-webkit-details-marker{display:none}.theme-options>summary svg{color:var(--ed-muted);transition:transform .16s}.theme-options[open]>summary svg{transform:rotate(180deg)}.theme-options-content{gap:9px;padding:2px 0 4px;display:grid}.theme-options-label:not(:first-child){margin-top:4px}.theme-presets{grid-template-columns:1fr 1fr;gap:8px;display:grid}.theme-presets button{border:1px solid var(--ed-border);min-height:58px;color:var(--ed-text);background:var(--ed-panel);text-align:left;border-radius:10px;gap:7px;padding:9px;display:grid}.theme-presets button.active{border-color:var(--ed-accent);background:var(--ed-accent-soft);box-shadow:var(--ed-focus)}.theme-presets strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.1;overflow:hidden}.theme-presets button>small{color:var(--ed-accent);text-transform:uppercase;font-size:9px;font-weight:850;line-height:1}.theme-swatches{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.theme-swatches i{border-radius:9px;height:18px;display:block}.theme-color-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.theme-color-grid label{gap:5px;min-width:0;display:grid}.theme-color-grid span,.start-label{color:var(--ed-muted);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:800}.theme-color-grid input{border:1px solid var(--ed-border);background:var(--ed-panel);border-radius:9px;width:100%;height:34px;padding:3px}.background-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.background-presets button{border:1px solid var(--ed-border);min-width:0;color:var(--ed-text);background:var(--ed-panel);border-radius:10px;gap:6px;padding:7px;display:grid}.background-presets button.active{border-color:var(--ed-accent);background:var(--ed-accent-soft);box-shadow:var(--ed-focus)}.background-swatch{border:1px solid var(--ed-border);border-radius:8px;height:24px;display:block}.background-presets strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.1;overflow:hidden}.background-custom{grid-template-columns:1fr 54px;align-items:center;gap:8px;display:grid}.background-custom span{color:var(--ed-muted);text-transform:uppercase;font-size:11px;font-weight:800}.background-custom input{border:1px solid var(--ed-border);background:var(--ed-panel);border-radius:9px;width:54px;height:34px;padding:3px}.import-library-button{border:1px dashed var(--ed-border-strong);min-height:38px;color:var(--ed-accent);background:var(--ed-accent-soft);border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:800;display:inline-flex}.ai-panel{border:1px solid var(--ed-border);background:linear-gradient(180deg,#eff6ffb8,#fffffff0),var(--ed-panel);border-radius:12px;gap:10px;padding:12px;display:grid}.ai-panel textarea{resize:vertical;border:1px solid var(--ed-border);width:100%;min-height:82px;max-height:140px;color:var(--ed-text);background:var(--ed-panel);border-radius:10px;outline:0;padding:10px 11px;font-size:12px;line-height:1.45}.ai-panel textarea:focus{border-color:var(--ed-accent);box-shadow:var(--ed-focus)}.ai-generate-button{color:#fff;background:var(--ed-accent);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:38px;font-size:12px;font-weight:800;display:inline-flex}.ai-generate-button:disabled{cursor:not-allowed;color:var(--ed-muted);background:var(--ed-border)}.ai-error{color:var(--ed-danger);margin:0;font-size:11px;line-height:1.35}.ai-hint{color:var(--ed-muted);margin:0;font-size:11px;line-height:1.4}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.palette-group{gap:7px;display:grid}.palette-group>span{color:var(--ed-muted);font-size:11px;font-weight:700}.palette-item{border:1px solid var(--ed-border);min-height:42px;color:var(--ed-text);background:var(--ed-panel);text-align:left;border-radius:10px;grid-template-columns:28px 1fr;align-items:center;padding:6px 10px 6px 7px;display:grid}.palette-item:hover{border-color:var(--ed-accent-border);background:var(--ed-accent-soft)}.palette-item svg{color:var(--ed-muted)}.workspace{grid-template-rows:64px 1fr;min-width:0;min-height:0;display:grid}.topbar{border-bottom:1px solid var(--ed-border);-webkit-backdrop-filter:blur(14px);background:#ffffffeb;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:16px;padding:10px 16px;display:grid}.topbar-file{min-width:0}.topbar h1,.export-modal h2{color:var(--ed-text);margin:0;font-size:16px;line-height:1.2}.topbar h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.eyebrow{color:var(--ed-muted);letter-spacing:0;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:800;display:block}.editor-tools{border:1px solid var(--ed-border);background:var(--ed-panel);border-radius:12px;justify-self:center;align-items:center;gap:2px;padding:3px;display:inline-flex;box-shadow:0 8px 24px #0f172a0f}.icon-tool{width:32px;height:32px;color:var(--ed-muted);background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.icon-tool:hover{color:var(--ed-text);background:var(--ed-panel-soft)}.icon-tool.active{color:#fff;background:var(--ed-accent)}.zoom-chip{border-left:1px solid var(--ed-border);height:30px;color:var(--ed-muted);align-items:center;margin-left:2px;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.toolbar{justify-self:end;align-items:center;gap:8px;display:flex}.toolbar-divider{background:var(--ed-border);width:1px;height:28px;margin:0 2px}.icon-button,.tool-button,.primary-button,.secondary-button,.danger-button{white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:36px;font-size:12px;font-weight:800;display:inline-flex}.icon-button{width:36px;color:var(--ed-muted);background:0 0}.icon-button:hover,.tool-button:hover,.secondary-button:hover{border-color:var(--ed-border);color:var(--ed-text);background:var(--ed-panel-soft)}.tool-button,.secondary-button{color:var(--ed-text);background:var(--ed-panel);padding:0 12px}.primary-button{color:#fff;background:var(--ed-accent);padding:0 14px}.primary-button:hover{background:var(--ed-accent-hover)}.danger-button{border-color:var(--ed-danger-border);color:var(--ed-danger);background:var(--ed-danger-soft);padding:0 12px}.canvas-area{background-image:linear-gradient(var(--ed-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ed-grid) 1px,transparent 1px);background-color:#f8fafc;background-size:24px 24px;min-width:0;min-height:0;padding:52px 48px;display:block;overflow:auto}.device-label{border:1px solid var(--ed-border);color:var(--ed-muted);background:#ffffffeb;border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 8px 24px #0f172a0f}.canvas{background:radial-gradient(circle at 18% 12%,var(--m3-primary-container),transparent 170px),linear-gradient(180deg,#fff,var(--m3-surface) 56%);border:1px solid #0f172a29;border-radius:28px;width:390px;min-width:390px;height:720px;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.canvas{background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--m3-primary-container),transparent 38%),transparent 170px),linear-gradient(180deg,#fff,var(--m3-surface) 56%)}}.canvas{box-shadow:0 24px 70px #0f172a2e,0 0 0 8px #ffffffb3}.canvas.selecting{cursor:crosshair}.canvas.preview{border-color:#0000}.empty-canvas{color:var(--ed-muted);place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;top:0;right:0;bottom:0;left:0}.design-element{-webkit-user-select:none;user-select:none;touch-action:none;place-items:stretch stretch;min-width:12px;min-height:2px;display:grid;position:absolute}.design-element:not(.kind-divider){overflow:hidden}.design-element.kind-button,.design-element.kind-input,.design-element.selected{overflow:visible}.selection-box{z-index:30;border:1px solid var(--ed-accent);background:var(--ed-accent);position:absolute}@supports (color:color-mix(in lab,red,red)){.selection-box{background:color-mix(in srgb,var(--ed-accent),transparent 84%)}}.selection-box{pointer-events:none;box-shadow:0 0 0 1px #ffffffb8}.selection-frame{z-index:10;border:1px solid var(--ed-accent);position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px}@supports (color:color-mix(in lab,red,red)){.selection-frame{border:1px solid color-mix(in srgb,var(--ed-accent),transparent 18%)}}.selection-frame{pointer-events:none;border-radius:0}.selection-label{z-index:12;color:#fff;background:var(--ed-accent);border-radius:8px;padding:4px 7px;font-size:11px;font-weight:800;position:absolute;top:-26px;left:-2px}.resize-handle{z-index:13;background:var(--ed-accent);width:8px;height:8px;box-shadow:0 1px 4px var(--ed-accent);border:1px solid #fff;border-radius:2px;position:absolute}@supports (color:color-mix(in lab,red,red)){.resize-handle{box-shadow:0 1px 4px color-mix(in srgb,var(--ed-accent),transparent 76%)}}.resize-handle{touch-action:none}.resize-handle:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.handle-nw{cursor:nwse-resize;top:-7px;left:-7px}.handle-n{cursor:ns-resize;top:-7px;left:50%;transform:translate(-50%)}.handle-ne{cursor:nwse-resize;top:-7px;right:-7px}.handle-e{cursor:ew-resize;top:50%;right:-7px;transform:translateY(-50%)}.handle-se{cursor:nwse-resize;bottom:-7px;right:-7px}.handle-s{cursor:ns-resize;bottom:-7px;left:50%;transform:translate(-50%)}.handle-sw{cursor:nesw-resize;bottom:-7px;left:-7px}.handle-w{cursor:ew-resize;top:50%;left:-7px;transform:translateY(-50%)}.handle-ne,.handle-sw{cursor:nesw-resize}.button-face,.custom-component-face,.button-group-face,.segmented-face,.split-button-face,.fab-face,.extended-fab-face,.fab-menu-face,.hig-tabbar-face,.android-statusbar-face,.iconbutton-face,.chip-face,.checkbox-face,.radio-face,.switch-face,.switch-row-face,.appbar-face,.navigationbar-face,.navigation-drawer-face,.tabs-face,.toolbar-face,.navrail-face,.menu-face,.dialog-face,.bottom-sheet-face,.side-sheet-face,.badge-face,.loading-face,.progress-face,.slider-face,.snackbar-face,.tooltip-face,.carousel-face,.list-face,.image-face,.text-face,.input-face,.card-face,.divider-face{width:100%;height:100%}.button-face{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:inherit;color:inherit;font:inherit;isolation:isolate;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;padding:0 16px;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.canvas.preview .button-face{cursor:pointer}.canvas.preview .button-face:focus-visible{outline:2px solid var(--m3-primary);outline-offset:2px}.material-button-content{z-index:1;pointer-events:none;justify-content:center;align-items:center;gap:8px;display:inline-flex;position:relative}.material-button-ripple{z-index:0;pointer-events:none;background:currentColor;border-radius:50%;animation:.48s cubic-bezier(.2,0,0,1) forwards material-button-ripple;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes material-button-ripple{0%{opacity:.22;transform:translate(-50%,-50%)scale(0)}55%{opacity:.16}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.material-button-ripple{animation-duration:1ms}}.custom-component-face{border-radius:inherit;color:inherit;background:inherit;font-family:Roboto,Inter,ui-sans-serif,system-ui,sans-serif;position:relative;overflow:hidden}.custom-layer{min-width:0;min-height:0;display:block;position:absolute}.custom-surface-layer{border:1px solid}.custom-line-layer{border-radius:999px}.custom-text-layer{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;align-items:center;display:flex;overflow:hidden}.custom-symbol-layer,.custom-button-symbol{letter-spacing:0;text-transform:none;white-space:nowrap;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;place-items:center;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;line-height:1;display:grid;overflow:hidden}.custom-button-layer{justify-content:center;align-items:center;gap:6px;display:inline-flex}.custom-button-symbol{font-size:inherit}.custom-button-layer strong{font-size:inherit;font-weight:inherit}.custom-empty-face{height:100%;color:var(--ed-muted);border:1px dashed var(--ed-border-strong);border-radius:inherit;background:#ffffffa3;place-items:center;gap:6px;display:grid}.custom-empty-face strong{font-size:13px}.button-face.elevated{box-shadow:0 1px 2px var(--m3-shadow,#000),0 2px 6px var(--m3-shadow,#000)}@supports (color:color-mix(in lab,red,red)){.button-face.elevated{box-shadow:0 1px 2px color-mix(in srgb,var(--m3-shadow,#000),transparent 70%),0 2px 6px color-mix(in srgb,var(--m3-shadow,#000),transparent 82%)}}.button-group-face,.segmented-face{border:1px solid var(--m3-outline);border-radius:inherit;background:0 0;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;overflow:hidden}.button-group-face span,.segmented-face span{border-left:1px solid var(--m3-outline);min-width:0;color:var(--m3-on-surface);justify-content:center;align-items:center;gap:7px;font-size:14px;font-weight:650;display:flex}.button-group-face span:first-child,.segmented-face span:first-child{border-left:0}.button-group-face span.active,.segmented-face span.active{color:var(--m3-on-secondary-container);background:var(--m3-secondary-container)}.segmented-face strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.iconbutton-face{border-radius:inherit;color:inherit;background:inherit;place-items:center;display:grid}.fab-face,.extended-fab-face{border-radius:inherit;color:inherit;background:inherit;justify-content:center;align-items:center;gap:12px;display:inline-flex;box-shadow:0 3px 5px #00000029,0 1px 2px #0000002e}.extended-fab-face strong{font-size:14px;font-weight:800}.fab-menu-face{align-content:end;justify-items:end;gap:10px;display:grid;overflow:visible}.fab-menu-main,.fab-menu-action{border-radius:16px;justify-content:center;align-items:center;gap:10px;display:inline-flex;box-shadow:0 3px 5px #00000029,0 1px 2px #0000002e}.fab-menu-main{min-width:128px;height:56px;color:var(--m3-on-primary-container);background:var(--m3-primary-container);padding:0 18px}.fab-menu-action{min-width:136px;height:48px;color:var(--m3-on-surface);background:var(--m3-surface-container-high);padding:0 16px}.fab-menu-action span{text-align:left;flex:1}.split-button-face{border-radius:inherit;color:inherit;background:inherit;grid-template-columns:1fr 44px;display:grid;overflow:hidden}.split-button-face strong,.split-button-face span{place-items:center;display:grid}.split-button-face strong{border-right:1px solid var(--m3-on-primary)}@supports (color:color-mix(in lab,red,red)){.split-button-face strong{border-right:1px solid color-mix(in srgb,var(--m3-on-primary),transparent 70%)}}.split-button-face strong{font-size:14px}.input-face{border:1px solid var(--m3-outline);border-radius:inherit;background:inherit;padding:0;transition:border-color .15s cubic-bezier(.2,0,0,1),box-shadow .15s cubic-bezier(.2,0,0,1),background-color .15s cubic-bezier(.2,0,0,1);display:block;position:relative;overflow:visible}.input-face.filled{background:var(--m3-surface-container-highest);border-width:0 0 1px;border-bottom-right-radius:0;border-bottom-left-radius:0;overflow:hidden}.material-text-field-label{z-index:1;max-width:calc(100% - 32px);color:var(--m3-on-surface-variant);font-size:inherit;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;transform-origin:0;font-weight:500;line-height:1;transition:top .15s cubic-bezier(.2,0,0,1),left .15s cubic-bezier(.2,0,0,1),padding .15s cubic-bezier(.2,0,0,1),color .15s cubic-bezier(.2,0,0,1),font-size .15s cubic-bezier(.2,0,0,1),transform .15s cubic-bezier(.2,0,0,1);position:absolute;top:50%;left:16px;overflow:hidden;transform:translateY(-50%)}.input-face input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-width:0;height:100%;color:inherit;caret-color:var(--m3-primary);font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:0;padding:0 16px;line-height:1.4;display:block}.input-face.filled input{padding:14px 16px 0}.input-face input::placeholder{color:var(--m3-on-surface-variant);opacity:.72}.input-face.is-static input{pointer-events:none}.input-face.is-interactive{cursor:text}.input-face.is-interactive input{pointer-events:auto}.input-face.outlined:is(.is-static,:focus-within,[data-populated=true]) .material-text-field-label{background:inherit;max-width:calc(100% - 24px);padding:0 4px;font-size:.75em;top:0;left:12px}.input-face.filled:is(.is-static,:focus-within,[data-populated=true]) .material-text-field-label{font-size:.75em;top:9px;transform:none}.input-face.is-static .material-text-field-label,.input-face.is-interactive:focus-within .material-text-field-label{color:var(--m3-primary)}.input-face.is-interactive.outlined:focus-within{border-color:var(--m3-primary);box-shadow:inset 0 0 0 1px var(--m3-primary)}.material-text-field-active-indicator{background:var(--m3-primary);pointer-events:none;height:2px;transition:right .18s cubic-bezier(.2,0,0,1),left .18s cubic-bezier(.2,0,0,1);position:absolute;bottom:-1px;left:50%;right:50%}.input-face.is-interactive.filled:focus-within .material-text-field-active-indicator{left:0;right:0}.search-face{border-radius:inherit;color:inherit;background:inherit;grid-template-columns:28px 1fr 28px;align-items:center;gap:8px;padding:0 18px;display:grid}.search-face span{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.date-picker-face,.time-picker-face{border-radius:inherit;background:inherit;align-content:start;gap:12px;padding:24px;display:grid;box-shadow:0 8px 24px #1d1b2024}.date-picker-face>span,.time-picker-face>span{color:var(--m3-on-surface-variant);font-size:12px;font-weight:700}.date-picker-face h3{margin:0 0 8px;font-size:24px;line-height:32px}.date-weekdays,.date-grid{grid-template-columns:repeat(7,1fr);justify-items:center;gap:2px;display:grid}.date-weekdays strong{color:var(--m3-on-surface-variant);font-size:12px;line-height:28px}.date-grid span{width:32px;height:32px;color:var(--m3-on-surface);border-radius:999px;place-items:center;font-size:13px;display:grid}.date-grid span.selected{color:var(--m3-on-primary);background:var(--m3-primary)}.date-picker-face footer,.time-picker-face footer{color:var(--m3-primary);justify-content:flex-end;gap:22px;margin-top:4px;font-size:14px;font-weight:800;display:flex}.time-display{grid-template-columns:1fr 16px 1fr;align-items:center;gap:4px;display:grid}.time-display strong{height:72px;color:var(--m3-on-primary-container);background:var(--m3-primary-container);border-radius:16px;place-items:center;font-size:44px;line-height:1;display:grid}.time-display b{text-align:center;font-size:36px}.clock-face{background:var(--m3-surface-container-highest);border-radius:999px;width:132px;height:132px;margin:2px auto;position:relative}.clock-face strong,.clock-face small,.clock-face em,.clock-face b{width:28px;height:28px;color:var(--m3-on-surface);place-items:center;font-size:13px;font-style:normal;display:grid;position:absolute}.clock-face strong{top:8px;left:52px}.clock-face small{top:52px;right:10px}.clock-face em{bottom:8px;left:52px}.clock-face b{top:52px;left:10px}.clock-hand{background:var(--m3-primary);transform-origin:bottom;border-radius:999px;width:3px;height:52px;position:absolute;top:34px;left:64px;transform:rotate(35deg)}.card-face{border:1px solid var(--m3-outline-variant);align-content:start;gap:10px;padding:18px;display:grid}@supports (color:color-mix(in lab,red,red)){.card-face{border:1px solid color-mix(in srgb,var(--m3-outline-variant),transparent 35%)}}.card-face{border-radius:inherit;background:inherit}.card-face.filled{border-color:#0000}.card-face.elevated{border-color:#0000;box-shadow:0 2px 6px #0000001f,0 1px 2px #0000001a}.card-face.outlined{border-color:var(--m3-outline-variant)}.card-copy{gap:10px;display:grid}.card-face.has-image{grid-template-rows:minmax(0,1fr) auto;gap:0;padding:0;overflow:hidden}.card-face.has-image .card-copy{background:inherit;padding:12px 16px 14px}.card-media{object-fit:cover;width:100%;height:100%;min-height:0}.card-media.generated-crop{transform-origin:50% 38%;transform:scale(1.15)}.card-face h3,.card-face p{margin:0}.card-face h3{font-size:inherit;line-height:1.2}.card-face p{color:var(--m3-on-surface-variant);font-size:13px;line-height:1.4}.chip-face{border:1px solid var(--m3-outline);border-radius:inherit;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-weight:800;display:inline-flex}.checkbox-face,.radio-face{color:inherit;align-content:center;gap:8px;display:grid}.checkbox-face{grid-template-columns:40px 1fr;align-items:center}.checkbox-box{border:2px solid var(--m3-primary);width:18px;height:18px;color:var(--m3-on-primary);background:var(--m3-primary);border-radius:2px;justify-self:center;place-items:center;display:grid}.checkbox-face strong,.radio-face strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.radio-face>span{grid-template-columns:40px 1fr;align-items:center;min-height:40px;display:grid}.radio-dot{border:2px solid var(--m3-outline);border-radius:999px;justify-self:center;width:20px;height:20px;position:relative}.radio-face .active .radio-dot{border-color:var(--m3-primary)}.radio-face .active .radio-dot:after{border-radius:inherit;background:var(--m3-primary);content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px}.switch-face{border-radius:inherit;background:var(--m3-primary);width:52px;height:32px;display:block;position:relative}.switch-row-face{color:var(--m3-on-surface);justify-content:space-between;align-items:center;gap:14px;padding:0 2px 0 0;display:flex}.switch-row-face strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;overflow:hidden}.switch-face span{background:#fff;border-radius:999px;width:24px;height:24px;position:absolute;top:4px;right:4px;box-shadow:0 2px 8px #0000002e}.appbar-face{border-radius:inherit;background:inherit;min-width:0;height:100%;color:inherit;border:0;font-family:Roboto,Arial,sans-serif;display:grid;position:relative}.appbar-face strong{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.appbar-face.search,.appbar-face.center{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;padding:4px}.appbar-face.search strong,.appbar-face.center strong{min-width:0;color:inherit;font-size:16px;font-weight:400;line-height:24px}.appbar-search-field{background:var(--m3-surface-container-high);border-radius:28px;place-items:center;min-width:0;height:56px;padding:0 24px;display:grid}.appbar-avatar{width:40px;height:40px;color:var(--m3-on-primary);background:var(--m3-primary);border-radius:999px;justify-self:center;place-items:center;font-size:22px;font-weight:400;line-height:28px;display:grid}.appbar-face.small,.appbar-face.medium,.appbar-face.large{grid-template-columns:48px minmax(0,1fr) auto;column-gap:20px;padding:8px 4px}.appbar-icon-button,.appbar-face .appbar-leading,.appbar-actions{align-self:start;place-items:center;width:48px;height:48px;display:grid}.appbar-symbol{letter-spacing:0;text-transform:none;white-space:nowrap;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;width:24px;height:24px;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:24px;display:block;overflow:hidden}.appbar-actions{grid-area:1/3;justify-content:end;gap:0;width:auto;min-width:96px;display:flex}.appbar-actions .appbar-symbol{width:48px;height:48px;padding:12px;line-height:24px}.appbar-title-block{min-width:0;display:grid}.appbar-title-block small{color:var(--m3-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.appbar-face.small{align-items:center}.appbar-face.small .appbar-leading{grid-area:1/1}.appbar-face.small .appbar-title-block{grid-area:1/2;align-self:center}.appbar-face.small strong{font-size:22px;line-height:28px}.appbar-face.medium,.appbar-face.large{padding:0;display:block}.appbar-face.medium .appbar-leading,.appbar-face.large .appbar-leading{position:absolute;top:8px;left:4px}.appbar-face.medium .appbar-actions,.appbar-face.large .appbar-actions{position:absolute;top:8px;right:4px}.appbar-face.medium .appbar-title-block,.appbar-face.large .appbar-title-block{padding-left:0;padding-right:16px;position:absolute;bottom:12px;left:16px;right:16px}.appbar-face.medium strong{font-size:28px;line-height:36px}.appbar-face.large strong{font-size:36px;line-height:44px}.navrail-face{border-radius:inherit;background:inherit;align-content:start;justify-items:center;gap:16px;padding:20px 0;display:grid}.navrail-fab{width:56px;height:56px;color:var(--m3-on-primary-container);background:var(--m3-primary-container);border-radius:16px;place-items:center;display:grid;box-shadow:0 2px 4px #00000024}.navrail-item{justify-items:center;gap:4px;width:100%;display:grid}.nav-dot{width:34px;height:32px;color:var(--m3-on-surface-variant);background:0 0;border-radius:999px;place-items:center;display:grid}.navrail-item.active .nav-dot{color:var(--m3-nav-active-label);background:var(--m3-nav-active-indicator)}.navrail-face small{color:var(--m3-on-surface-variant);font-size:12px;font-weight:800}.navrail-item.active small{color:var(--m3-nav-active-label)}.navigation-drawer-face{border-radius:inherit;background:inherit;align-content:start;gap:4px;padding:18px 12px;display:grid}.drawer-title{color:var(--m3-on-surface-variant);margin:0 12px 12px;font-size:14px;line-height:20px}.drawer-item{min-height:56px;color:var(--m3-on-surface-variant);border-radius:28px;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:0 16px;display:grid}.drawer-item.active{color:var(--m3-on-secondary-container);background:var(--m3-secondary-container)}.drawer-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.drawer-item small{font-size:12px;font-weight:800}.tabs-face{border-bottom:1px solid var(--m3-outline-variant);color:var(--m3-on-surface-variant);background:inherit;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.tabs-face span{text-overflow:ellipsis;white-space:nowrap;place-items:center;font-size:14px;font-weight:700;display:grid;position:relative;overflow:hidden}.tabs-face span.active{color:var(--m3-primary)}.tabs-face span.active:after{background:var(--m3-primary);content:"";border-radius:999px 999px 0 0;height:3px;position:absolute;bottom:0;left:18px;right:18px}.toolbar-face{border-radius:inherit;color:inherit;background:inherit;grid-template-columns:32px 1fr repeat(3,32px);align-items:center;gap:8px;padding:0 16px;display:grid}.navigationbar-face{border-radius:inherit;color:inherit;background:inherit;box-shadow:inset 0 1px var(--m3-outline-variant);justify-content:center;align-items:center;padding:8px 8px 12px;display:flex}@supports (color:color-mix(in lab,red,red)){.navigationbar-face{box-shadow:inset 0 1px color-mix(in srgb,var(--m3-outline-variant),transparent 58%)}}.navigationbar-items{align-items:center;width:100%;min-width:0;height:100%;margin:0 auto;display:grid}.navigationbar-item{min-width:0;color:var(--m3-on-surface-variant);grid-template-rows:32px 18px;place-items:center;gap:4px;display:grid}.navigationbar-item.active{color:var(--m3-nav-active-label)}.navigationbar-indicator{width:64px;height:32px;color:inherit;background:0 0;border-radius:16px;place-items:center;transition:background-color .16s,color .16s,transform .16s;display:grid}.navigationbar-item.active .navigationbar-indicator{color:var(--m3-nav-active-label);background:var(--m3-nav-active-indicator)}.navigationbar-label{max-width:100%;color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:16px;overflow:hidden}.navigationbar-item.active .navigationbar-label{font-weight:750}.navigationbar-face.wide{padding:12px 10px}.navigationbar-face.wide .navigationbar-items{height:auto}.navigationbar-face.wide .navigationbar-item{border-radius:24px;flex-direction:row;justify-content:center;gap:5px;min-width:0;height:48px;padding:0 3px;display:flex}.navigationbar-face.wide .navigationbar-item.active{background:var(--m3-nav-active-indicator);min-width:0}.navigationbar-face.wide .navigationbar-indicator,.navigationbar-face.wide .navigationbar-item.active .navigationbar-indicator{background:0 0;border-radius:0;width:24px;height:24px}.navigationbar-face.wide .navigationbar-label{min-width:0;font-size:13px;line-height:18px}.list-face{border:1px solid var(--m3-outline-variant);border-radius:inherit;background:inherit;grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:10px 14px;display:grid}.list-face strong,.list-face small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.list-face small{color:var(--m3-on-surface-variant);margin-top:4px;font-size:12px}.list-avatar{background:var(--m3-tertiary-container);border-radius:999px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.list-avatar img{object-fit:cover;width:100%;height:100%}.list-avatar.generated-crop img{transform-origin:50% 34%;transform:scale(1.55)}.menu-face{border-radius:inherit;background:inherit;align-content:center;padding:8px 0;display:grid;box-shadow:0 6px 18px #00000024,0 1px 3px #0000001f}.menu-face span{min-height:48px;color:inherit;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:0 16px;display:grid}.menu-face strong{font-size:14px;font-weight:600}.menu-face small{color:var(--m3-on-surface-variant);font-size:12px}.dialog-face{border-radius:inherit;background:inherit;align-content:start;gap:10px;padding:24px;display:grid;box-shadow:0 18px 45px #0003}.dialog-face h3,.dialog-face p{margin:0}.dialog-face h3{font-size:24px;line-height:30px}.dialog-face p{color:var(--m3-on-surface-variant);font-size:14px;line-height:20px}.dialog-face footer{color:var(--m3-primary);justify-content:flex-end;gap:22px;margin-top:10px;font-size:14px;font-weight:800;display:flex}.bottom-sheet-face,.side-sheet-face{border-radius:inherit;background:inherit;align-content:start;gap:12px;padding:18px 24px 24px;display:grid;box-shadow:0 -4px 18px #00000029}.sheet-handle{background:var(--m3-on-surface-variant);opacity:.4;border-radius:999px;justify-self:center;width:32px;height:4px}.bottom-sheet-face h3,.side-sheet-face h3{margin:0;font-size:22px;line-height:28px}.bottom-sheet-face p,.side-sheet-face p{color:var(--m3-on-surface-variant);margin:0;font-size:14px}.side-sheet-face header{justify-content:space-between;align-items:center;display:flex}.sheet-row{background:var(--m3-surface-container-highest);border-radius:999px;height:18px;display:block}.sheet-row.short{width:68%}.badge-face{color:var(--m3-on-surface-variant);place-items:center;display:grid;position:relative}.badge-face strong{min-width:16px;height:16px;color:var(--m3-on-error);background:var(--m3-error);border-radius:999px;place-items:center;padding:0 4px;font-size:11px;line-height:16px;display:grid;position:absolute;top:5px;right:8px}.loading-face{color:var(--m3-primary);place-items:center;display:grid}.loading-face svg{animation:.9s linear infinite easy-spin}@keyframes easy-spin{to{transform:rotate(360deg)}}.progress-face{background:var(--m3-primary);border-radius:999px;align-self:center;height:4px;display:block;position:relative}@supports (color:color-mix(in lab,red,red)){.progress-face{background:color-mix(in srgb,var(--m3-primary),transparent 82%)}}.progress-face span{border-radius:inherit;background:var(--m3-primary);position:absolute;inset:0 auto 0 0}.slider-face{align-content:center;gap:10px;display:grid}.slider-label{color:var(--m3-on-surface);font-size:14px;font-weight:650}.slider-track{background:var(--m3-secondary-container);border-radius:999px;height:4px;display:block;position:relative}.slider-track span{border-radius:inherit;background:var(--m3-primary);position:absolute;inset:0 auto 0 0}.slider-track strong{background:var(--m3-primary);border-radius:999px;width:20px;height:44px;position:absolute;top:50%;transform:translate(-50%,-50%)}.snackbar-face{border-radius:inherit;color:inherit;background:inherit;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:0 16px;display:grid;box-shadow:0 6px 18px #00000038}.snackbar-face strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.snackbar-face span{color:#d0bcff;font-size:14px;font-weight:800}.tooltip-face{border-radius:inherit;color:inherit;background:inherit;place-items:center;padding:0 12px;font-size:12px;font-weight:650;display:grid}.carousel-face{border-radius:inherit;grid-template-columns:1.2fr .8fr .55fr;gap:8px;display:grid;overflow:hidden}.carousel-card{color:#fff;background:radial-gradient(circle at 70% 20%,#ffffff59,transparent 34px),var(--m3-primary);border-radius:28px;place-items:end start;padding:16px;font-size:14px;font-weight:800;display:grid;position:relative;overflow:hidden}.carousel-card img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.carousel-card.generated-crop img{transform-origin:50% 36%;transform:scale(1.16)}.carousel-card.has-image:after{content:"";background:linear-gradient(#0000,#000000b8);position:absolute;top:42%;right:0;bottom:0;left:0}.carousel-card strong{z-index:1;text-overflow:ellipsis;max-width:100%;position:relative;overflow:hidden}.carousel-card.card-1{background:radial-gradient(circle at 40% 25%,#ffffff52,transparent 30px),var(--m3-secondary)}.carousel-card.card-2{background:radial-gradient(circle at 45% 25%,#ffffff52,transparent 28px),var(--m3-tertiary)}.image-face{border-radius:inherit;color:#fff;background:linear-gradient(135deg,#0000000d,#ffffff2e),inherit;text-align:center;place-items:center;gap:6px;padding:14px;display:grid;position:relative}.image-face img{border-radius:inherit;object-fit:cover;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.image-face span{font-size:12px;font-weight:800}.android-statusbar-face{color:inherit;background:inherit;font-family:Roboto,Arial,sans-serif;display:block}.android-statusbar-content{color:#171717;grid-template-columns:1fr auto;align-items:center;width:100%;height:100%;padding:0 16px;font-family:Roboto,Arial,sans-serif;display:grid}.android-statusbar-content.light{color:#fff}.android-statusbar-content.dark{color:#171717}.android-statusbar-content.auto{color:#fff;mix-blend-mode:difference}.android-statusbar-content strong{font-size:13px;font-weight:600;line-height:1}.system-ui-preview{z-index:5;border-radius:inherit;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.system-statusbar-preview{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:24px;position:absolute;inset:0 0 auto}.system-display-cutout{z-index:2;background:#050505;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff14}.system-display-cutout.punchHole{border-radius:999px;width:10px;height:10px}.system-display-cutout.notch{border-radius:0 0 12px 12px;width:76px;height:19px;top:0}.system-navigation-preview{color:#171717;position:absolute;bottom:0;left:0;right:0}.system-navigation-preview.light{color:#fff}.system-navigation-preview.dark{color:#171717}.system-navigation-preview.auto{color:#fff;mix-blend-mode:difference}.system-navigation-preview.gesture{place-items:end center;height:24px;padding-bottom:7px;display:grid}.gesture-handle{background:currentColor;border-radius:999px;width:108px;height:4px;box-shadow:0 0 0 1px #7f7f7f14}.system-navigation-preview.three-button{background:var(--m3-surface);grid-template-columns:repeat(3,1fr);place-items:center;height:48px;display:grid}@supports (color:color-mix(in lab,red,red)){.system-navigation-preview.three-button{background:color-mix(in srgb,var(--m3-surface) 74%,transparent)}}.system-navigation-preview.three-button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.system-back-button{border-top:7px solid #0000;border-bottom:7px solid #0000;border-right:11px solid;width:0;height:0}.system-home-button{border:2px solid;border-radius:999px;width:15px;height:15px}.system-overview-button{border:2px solid;border-radius:2px;width:14px;height:14px}.android-status-icons{color:currentColor;align-items:center;gap:5px;display:inline-flex}.android-cellular{clip-path:polygon(0 100%,100% 0,100% 100%);background:currentColor;width:15px;height:12px;display:block}.android-wifi{width:16px;height:12px;display:block;position:relative}.android-wifi:before,.android-wifi:after{content:"";border:2px solid;border-bottom:0;border-radius:18px 18px 0 0;position:absolute;left:50%;transform:translate(-50%)}.android-wifi:before{width:15px;height:9px;top:1px}.android-wifi:after{width:7px;height:5px;top:5px}.android-battery{border:1.8px solid;border-radius:3px;width:19px;height:10px;display:block;position:relative}.android-battery:after{content:"";background:currentColor;border-radius:0 2px 2px 0;width:2px;height:4px;position:absolute;top:2px;right:-4px}.android-battery b{background:currentColor;border-radius:1px;position:absolute;top:2px;right:4px;bottom:2px;left:2px}.divider-face{border-radius:inherit;background:inherit;display:block}.text-face{color:inherit;align-items:center;margin:0;font-weight:850;line-height:1.1;display:flex;overflow:hidden}.empty-inspector{border:1px dashed var(--ed-border-strong);min-height:190px;color:var(--ed-muted);background:var(--ed-panel-soft);text-align:center;border-radius:12px;place-items:center;gap:8px;display:grid}.empty-inspector strong,.empty-inspector span{display:block}.empty-inspector strong{color:var(--ed-text)}.inspector{gap:14px;min-height:0;padding-right:4px;display:grid;overflow:auto}.field{gap:6px;display:grid}.field span,.color-row span{color:var(--ed-muted);font-size:11px;font-weight:800}.field input,.field textarea,.field select{border:1px solid var(--ed-border);width:100%;min-height:38px;color:var(--ed-text);background:var(--ed-panel);border-radius:10px;outline:0;padding:0 12px}.field textarea{resize:vertical;min-height:78px;padding-block:10px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ed-accent);box-shadow:var(--ed-focus)}.radius-control{align-items:center;gap:8px;display:flex;position:relative}.radius-control>input[type=range]{flex:1;min-width:0}.corner-radius-menu{flex:none;position:relative}.corner-radius-button{border:1px solid var(--ed-border);width:38px;height:38px;color:var(--ed-muted);background:var(--ed-panel);border-radius:10px;place-items:center;display:grid}.corner-radius-button:hover,.corner-radius-button.active{border-color:var(--ed-accent-border);color:var(--ed-accent);background:var(--ed-accent-soft)}.corner-radius-popover{z-index:60;border:1px solid var(--ed-border);background:var(--ed-panel);width:248px;box-shadow:var(--ed-shadow);border-radius:12px;padding:12px;position:absolute;top:calc(100% + 8px);right:0}.corner-radius-popover-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.corner-radius-popover-title strong{color:var(--ed-text);font-size:12px;font-weight:850}.corner-radius-popover-title button{min-height:28px;color:var(--ed-accent);background:0 0;border:1px solid #0000;border-radius:8px;padding:0 9px;font-size:11px;font-weight:850}.corner-radius-popover-title button:hover{border-color:var(--ed-accent-border);background:var(--ed-accent-soft)}.corner-radius-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.corner-radius-grid label{gap:5px;display:grid}.corner-radius-grid span{color:var(--ed-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:850;overflow:hidden}.corner-radius-grid input{min-height:34px;padding:0 8px}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.number-field input{padding-right:4px}.color-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.color-row label{gap:7px;display:grid}.color-row input{border:1px solid var(--ed-border);background:var(--ed-panel);border-radius:10px;width:100%;height:38px;padding:4px}.text-transparency-panel{border:1px solid var(--ed-border);background:var(--ed-panel-soft);border-radius:10px;gap:10px;padding:10px;display:grid}.transparent-toggle{color:var(--ed-text);align-items:center;gap:9px;font-size:12px;font-weight:800;display:flex}.transparent-toggle input{width:16px;height:16px;accent-color:var(--ed-accent)}.transparency-field input{min-height:30px;padding:0}.inspector-actions,.right-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.right-actions{margin-top:auto}.modal-backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172a61;place-items:center;padding:24px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.start-backdrop{z-index:30}.start-modal{border:1px solid var(--ed-border);background:var(--ed-panel);border-radius:16px;gap:18px;width:min(680px,100vw - 48px);max-height:min(760px,100vh - 48px);padding:22px;display:grid;overflow:auto;box-shadow:0 28px 78px #0f172a3d}.start-modal header,.start-modal footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.start-modal h2{color:var(--ed-text);margin:0;font-size:24px;line-height:1.15}.start-section{gap:10px;display:grid}.framework-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.framework-options button{border:1px solid var(--ed-border);min-height:88px;color:var(--ed-text);background:var(--ed-panel-soft);text-align:left;border-radius:12px;align-content:center;gap:5px;padding:14px;display:grid}.framework-options button.active{border-color:var(--ed-accent);color:var(--ed-text);background:var(--ed-accent-soft);box-shadow:var(--ed-focus)}.framework-options strong,.framework-options span{display:block}.framework-options strong{font-size:16px;line-height:20px}.framework-options span{color:var(--ed-muted);font-size:12px;font-weight:700}.start-theme .theme-panel,.start-theme .background-panel{background:0 0;border:0;padding:0}.start-theme .panel-title{display:none}.export-modal{border:1px solid var(--ed-border);background:var(--ed-panel);border-radius:16px;grid-template-rows:auto minmax(260px,1fr) auto;width:min(820px,100vw - 48px);max-height:min(720px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 24px 70px #0f172a38}.export-modal header,.export-modal footer{justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.export-modal header{border-bottom:1px solid var(--ed-border)}.export-modal footer{border-top:1px solid var(--ed-border)}.export-modal pre{color:#eaf3ff;white-space:pre;background:#17202a;margin:0;padding:18px 20px;font-size:12px;line-height:1.55;overflow:auto}.rotate-45{transform:rotate(45deg)}@media (max-width:1050px){.app-shell{grid-template-columns:240px minmax(460px,1fr)}.right-panel{z-index:5;border:1px solid var(--ed-border);width:300px;max-height:calc(100vh - 32px);box-shadow:var(--ed-shadow);border-radius:16px;position:fixed;bottom:16px;right:16px}}.left-panel{width:var(--panel-width);background:#fff;grid-template-columns:96px minmax(0,390px);gap:0;padding:0;display:grid;overflow:hidden}.sidebar-main{min-width:0;height:100vh}.sidebar-rail{align-content:start;height:100vh}.sidebar-disclosure>summary{justify-content:flex-start}.sidebar-disclosure>summary span{flex:1;order:0}.sidebar-disclosure>summary>svg{order:1;margin-left:0}.canvas-area{align-content:initial;justify-content:initial;place-items:initial;scroll-behavior:smooth;min-width:0;min-height:0;padding:52px 0;display:block;overflow:auto}.views-canvas-stack{--view-frame-width:390px;grid-auto-flow:column;grid-auto-columns:var(--view-frame-width);width:max-content;min-width:max-content;padding:8px max(48px,calc((100vw - var(--panel-width) - 320px - var(--view-frame-width)) / 2)) 80px;place-content:start;gap:72px;margin:0;display:grid}.view-frame{scroll-margin:84px}.image-face{overflow:hidden}.image-face img,.image-inspector-preview img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-face img{transition:filter .14s,transform .14s}@media (max-width:1050px){:root{--panel-width:390px}.app-shell{grid-template-columns:var(--panel-width) minmax(460px,1fr)}.left-panel{width:var(--panel-width);grid-template-columns:76px minmax(0,314px);display:grid}.views-canvas-stack{padding-inline:max(48px,calc((100vw - var(--panel-width) - var(--view-frame-width)) / 2))}}:root{--panel-width:354px}.app-shell{grid-template-columns:var(--panel-width) minmax(500px,1fr) 280px}.left-panel{width:var(--panel-width);grid-template-columns:68px minmax(0,286px)}.right-panel{gap:10px;padding:12px}.sidebar-rail{gap:8px;padding:14px 6px}.rail-mark{width:30px;height:30px;margin-bottom:10px}.rail-mark:after{width:28px;margin-top:14px}.rail-item{gap:4px;width:54px;min-height:52px;font-size:11px}.sidebar-document{gap:8px;padding:18px 20px 14px}.project-select-shell select{height:30px;font-size:18px}.project-meta-row input{height:27px;font-size:14px}.project-meta-row span{border-radius:8px;height:25px;padding:0 8px;font-size:12px}.sidebar-block{gap:10px;padding:17px 12px 17px 20px}.sidebar-block-title,.sidebar-disclosure>summary{gap:10px}.sidebar-block-title strong,.sidebar-disclosure>summary span{font-size:16px}.sidebar-disclosure>summary{min-height:52px;padding:0 14px 0 20px}.sidebar-disclosure>summary>svg{margin-left:-16px}.sidebar-actions{gap:6px}.sidebar-actions button{width:28px;height:28px}.page-row,.view-row{height:38px;padding:0 12px;font-size:14px}.view-row-shell{grid-template-columns:minmax(0,1fr) 32px;min-height:38px}.layer-list{gap:5px;padding:0 12px 16px 8px}.layer-row{grid-template-columns:14px 20px minmax(0,1fr);gap:7px;min-height:34px;padding-right:8px}.layer-diamond{width:14px;height:14px}.layer-row strong{font-size:14px}.appearance-disclosure .theme-panel,.appearance-disclosure .background-panel,.appearance-disclosure .system-bars-panel{margin:0 12px 14px 20px}.ai-disclosure .ai-panel{margin:0 12px 16px 20px}.ai-disclosure .ai-panel textarea{border-radius:9px;min-height:72px;font-size:12px}.ai-disclosure .ai-generate-button{border-radius:9px;min-height:40px;font-size:13px}.ai-hint,.ai-error{font-size:10px}.workspace{grid-template-rows:52px minmax(0,1fr)}.topbar{height:52px;padding:6px 12px}.topbar h1{font-size:14px}.editor-tools{padding:2px}.icon-tool{width:29px;height:29px}.device-profile-select{max-width:162px;height:29px}.device-profile-select select,.zoom-chip,.tool-button{font-size:11px}.tool-button{min-height:31px;padding-inline:9px}.canvas-area{padding:28px 0}.views-canvas-stack{zoom:var(--canvas-zoom,.8);gap:56px;margin:0 auto;padding:8px 48px 64px}.view-frame{gap:10px}.view-frame-header strong{font-size:12px}.view-frame-header span{min-height:28px;padding:0 9px;font-size:10px}@media (max-width:1200px){:root{--panel-width:320px}.app-shell{grid-template-columns:var(--panel-width) minmax(460px,1fr) 260px}.left-panel{grid-template-columns:62px minmax(0,258px)}.rail-item{width:50px}}@media (max-width:1050px){:root{--panel-width:320px}.app-shell{grid-template-columns:var(--panel-width) minmax(460px,1fr)}.left-panel{width:var(--panel-width);grid-template-columns:62px minmax(0,258px)}}.palette-group{gap:0;padding:0;display:flex}.palette-group>[data-sidebar=group-label]{height:26px;color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;padding:0 2px;font-size:10px;font-weight:800}.library-menu-button{height:32px;padding:6px 8px;font-size:11px;font-weight:650}.library-menu-button>svg{color:var(--muted-foreground)}.library-submenu-item{text-align:left;background:0 0;border:0;width:100%;font-size:11px;font-weight:500}.platform-options button{grid-template-columns:auto 1fr;grid-template-areas:"icon title""icon tagline";align-items:center;gap:2px 10px;min-height:72px}.platform-options button>svg{color:var(--ed-muted);grid-area:icon}.platform-options button.active>svg{color:var(--ed-accent)}.platform-options button strong{grid-area:title}.platform-options button span{grid-area:tagline}.framework-options button:disabled{opacity:.45;cursor:not-allowed}.start-hint{color:var(--ed-muted);margin:0;font-size:11px;font-weight:600;line-height:1.45}.project-meta-row span{align-items:center;gap:5px;display:inline-flex}.library-menu-button[data-unavailable=true],.library-submenu-item[data-unavailable=true]{opacity:.42;cursor:not-allowed}.library-menu-button[data-unavailable=true]:hover,.library-submenu-item[data-unavailable=true]:hover{background:0 0}.palette-unavailable-tag{border:1px solid var(--ed-border);color:var(--ed-muted);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-left:auto;padding:1px 5px;font-size:8px;font-style:normal;font-weight:800}.browser-chrome{width:var(--view-frame-width,1440px);background:linear-gradient(#f6f7fa,#e9ecf2);border:1px solid #15192224;border-bottom:0;border-radius:12px 12px 0 0;align-items:center;gap:12px;height:40px;padding:0 14px;display:flex;box-shadow:0 -6px 24px #15192214}.browser-chrome-dots{gap:6px;display:inline-flex}.browser-chrome-dots i{background:#d3d7de;border-radius:999px;width:10px;height:10px}.browser-chrome-dots i:first-child{background:#ec6a5e}.browser-chrome-dots i:nth-child(2){background:#f4bf4f}.browser-chrome-dots i:nth-child(3){background:#61c554}.browser-chrome-address{color:#55606f;text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:999px;flex:1;min-width:0;height:24px;padding:0 12px;font-size:11px;font-weight:600;line-height:24px;overflow:hidden}.browser-chrome-address b{color:#96a0ae;font-weight:600}.browser-chrome-actions{color:#96a0ae;display:inline-flex}.view-frame[data-platform=desktop]{gap:0}.view-frame[data-platform=desktop] .view-frame-header{margin-bottom:9px}.view-frame[data-platform=desktop] .canvas{border-top:0;border-radius:0 0 12px 12px;box-shadow:0 24px 64px #15192229}.view-frame[data-platform=desktop].active .canvas{box-shadow:0 26px 70px #15192233,0 0 0 3px #6558d924}}.projects-home-content{width:min(1320px,100% - clamp(36px,7vw,112px));margin:0 auto;padding:clamp(26px,3.5vw,46px) 0 80px}.projects-page.projects-home{background-color:#efedf4;background-image:radial-gradient(circle,#72678938 1px,#0000 1.2px),radial-gradient(circle at 50% 10%,#ffffffe6,#f6f3fa6b 38%,#0000 72%);background-position:0 0,top;background-size:18px 18px,auto}.projects-ai-stage{place-items:center;padding:30px 0 22px;display:grid;position:relative}.projects-ai-stage:before,.projects-ai-stage:after{display:none}.projects-ai-stage .ai-onboarding{z-index:2;view-transition-name:easy-ai-composer;width:min(1180px,100%);margin:0;position:relative;inset:auto;transform:none}.projects-ai-stage .ai-prompt-field,.projects-ai-stage .ai-prompt-field:focus-within{background:#fff}.app-shell .ai-chat-panel{view-transition-name:easy-ai-composer}.projects-home .projects-heading{align-items:end;margin:18px 0 24px}.projects-home .projects-heading h1{letter-spacing:-.035em;font-size:clamp(25px,3vw,32px)}.projects-home .projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}.projects-home .project-card{min-height:300px}.projects-home .project-card-open{grid-template-rows:194px minmax(0,1fr);min-height:300px}::view-transition-group(easy-ai-composer){z-index:100;animation-duration:.62s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root){animation-duration:.42s;animation-timing-function:ease-out}::view-transition-new(root){animation-duration:.42s;animation-timing-function:ease-out}@media (max-width:720px){.projects-home-content{width:calc(100% - 24px);padding-top:18px}.projects-ai-stage{padding:12px 0 8px}.projects-ai-stage .ai-onboarding{width:100%}.projects-home .projects-heading{margin-top:24px}}@media (prefers-reduced-motion:reduce){::view-transition-group(easy-ai-composer){animation-duration:1ms}::view-transition-old(root){animation-duration:1ms}::view-transition-new(root){animation-duration:1ms}}.projects-page{min-height:100vh;color:var(--studio-text);background:radial-gradient(circle at 12% 0,#6558d914,#0000 340px),#f8f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.projects-topbar{z-index:10;-webkit-backdrop-filter:blur(18px);background:#fff;border-bottom:1px solid #40384e1a;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:12px clamp(24px,5vw,72px);display:flex;position:sticky;top:0;box-shadow:0 4px 16px #2822330f}.projects-brand{align-items:center;gap:12px;display:flex}.projects-brand img{object-fit:contain;filter:drop-shadow(0 1px 1px #704d084d)drop-shadow(0 4px 8px #493a5e1a);width:38px;height:48px}.projects-brand strong{color:#211d2b;letter-spacing:-.03em;font-size:20px;font-weight:800}.projects-avatar{color:#5447bb;background:linear-gradient(145deg,#f2efff,#dcecff);border:1px solid #dcd6e4;border-radius:999px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 4px 12px #2f283d1a}.projects-account-menu{gap:12px;width:240px;padding:12px;display:grid}.projects-account-menu>div{gap:3px;min-width:0;padding:4px 6px;display:grid}.projects-account-menu strong,.projects-account-menu small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.projects-account-menu strong{font-size:13px}.projects-account-menu small{color:var(--ed-ink-muted);font-size:10px}.projects-account-menu button{justify-content:flex-start}.projects-new-button{color:#fff;background:var(--studio-accent);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:13px;font-weight:750;display:inline-flex;box-shadow:0 8px 18px #5548ca33}.projects-new-button:hover{background:var(--studio-accent-strong);box-shadow:0 10px 24px #5548ca42}.projects-new-button:focus-visible,.project-card-open:focus-visible,.project-card-delete:focus-visible,.projects-search:focus-within{outline-offset:2px;outline:3px solid #6558d933}.projects-content{width:min(1480px,100% - clamp(48px,10vw,144px));margin:0 auto;padding:clamp(42px,6vw,72px) 0 80px}.projects-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:30px;display:flex}.projects-heading>div{gap:5px;display:grid}.projects-overline{color:var(--studio-accent);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.projects-heading h1{color:#211d2b;letter-spacing:-.045em;margin:0;font-size:clamp(30px,4vw,44px);font-weight:780;line-height:1.05}.projects-heading p{color:var(--studio-muted);margin:0;font-size:13px}.projects-search{color:#7a7283;background:#ffffffdb;border:1px solid #ddd8e3;border-radius:17px;align-items:center;gap:10px;width:min(360px,38vw);min-height:48px;padding:0 16px;transition:border-color .14s,background .14s;display:flex}.projects-search:focus-within{background:#fff;border-color:#9d93e8}.projects-search input{color:#292431;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.projects-search input::placeholder{color:#8d8695}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));gap:22px;display:grid}.project-card{color:#282331;text-align:left;background:#fff;border:1px solid #e1dce5;border-radius:24px;min-width:0;min-height:326px;padding:0;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden;box-shadow:0 1px 1px #28223305}.project-card:hover{border-color:#b9b0ea;transform:translateY(-2px);box-shadow:0 16px 38px #2d253f1a}.project-create-card{text-align:center;background:#fff;border-style:dashed;align-content:center;place-items:center;gap:18px;padding:28px;display:grid}.project-create-icon{width:64px;height:64px;color:var(--studio-accent);background:var(--studio-accent-soft);border-radius:22px;place-items:center;display:grid}.project-create-copy{gap:6px;display:grid}.project-create-copy strong{color:#282331;letter-spacing:-.025em;font-size:18px;font-weight:750}.project-create-copy small{color:var(--studio-muted);font-size:11px;font-weight:600}.project-saved-card{display:block}.project-card-open{width:100%;min-height:326px;color:inherit;text-align:left;background:0 0;border:0;grid-template-rows:210px minmax(0,1fr);padding:0;display:grid}.project-card-delete{z-index:3;color:#6f6678;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #49405424;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:color .14s,background .14s;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 14px #2822331a}.project-card-delete:hover{color:#a72f28;background:#fff1ef}.project-delete-backdrop{z-index:80}.project-delete-modal{background:#fff;border:1px solid #e0d9e5;border-radius:22px;grid-template-columns:auto minmax(0,1fr);gap:16px;width:min(430px,100vw - 40px);padding:22px;display:grid;box-shadow:0 28px 80px #231c2d38}.project-delete-icon{color:#a72f28;background:#fff0ee;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.project-delete-modal h2{color:#282331;letter-spacing:-.03em;margin:1px 0 7px;font-size:21px}.project-delete-modal p{color:#6f6678;margin:0;font-size:12px;line-height:1.55}.project-delete-name{color:#3a3342;text-overflow:ellipsis;white-space:nowrap;margin-top:12px;font-size:13px;display:block;overflow:hidden}.project-delete-modal footer{grid-column:1/-1;justify-content:flex-end;gap:9px;padding-top:4px;display:flex}.project-thumbnail{background:#fff;border-bottom:1px solid #453d5114;place-items:center;min-height:0;display:grid;overflow:hidden}.project-mini-device{background:#fff;position:relative;overflow:hidden;box-shadow:0 12px 30px #211c2b2b,0 0 0 1px #211c2b1f}.project-mini-device[data-platform=mobile]{border:4px solid #27232e;border-radius:18px;max-width:48%;height:178px}.project-mini-device[data-platform=mobile]:after{z-index:2;content:"";background:#1e1a25;border-radius:999px;width:5px;height:5px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.project-mini-device[data-platform=desktop]{border:4px solid #37323f;border-top-width:12px;border-radius:9px;width:calc(100% - 38px);max-height:164px}.project-mini-device[data-platform=desktop]:before{z-index:2;content:"";background:#e46d67;border-radius:999px;width:4px;height:4px;position:absolute;top:-8px;left:7px;box-shadow:7px 0 #e7bb58,14px 0 #6eb46e}.project-mini-canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.project-mini-node{opacity:.96;border-style:solid;border-width:1px;min-width:1px;min-height:1px;display:block;position:absolute;overflow:hidden}.project-mini-node.kind-text{border:0;border-radius:999px!important;height:2px!important}.project-card-copy{align-content:center;gap:7px;min-width:0;padding:18px 20px 19px;display:grid}.project-card-copy>strong{color:#282331;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:750;overflow:hidden}.project-card-copy>span{color:#5f576a;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:11px;font-weight:650;display:flex;overflow:hidden}.project-card-copy>small{color:#8a8292;font-size:10px;font-weight:600}.projects-empty-search{min-height:190px;color:var(--studio-muted);text-align:center;align-content:center;place-items:center;gap:6px;display:grid}.projects-empty-search svg{color:var(--studio-accent)}.projects-empty-search strong{color:#282331;font-size:14px}.projects-empty-search span{font-size:11px}.project-document-title{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.project-document-title>strong{color:#211d2b;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:18px;font-weight:780;line-height:1.2;overflow:hidden}.project-exit-button{color:#5f576a;background:#f1eef5;border:0;border-radius:12px;place-items:center;width:34px;height:34px;padding:0;transition:color .14s,background .14s;display:grid}.project-exit-button:hover{color:#4f43bf;background:#e9e5ff}.project-exit-button:focus-visible{outline-offset:2px;outline:3px solid #6558d933}.project-route-loading{background:var(--studio-canvas);min-height:100vh}@media (max-width:720px){.projects-topbar{min-height:68px;padding-inline:18px}.projects-new-button{width:44px;padding:0;font-size:0}.projects-content{width:calc(100% - 36px);padding-top:34px}.projects-heading{flex-direction:column;align-items:stretch;gap:20px}.projects-search{width:100%}.project-card{min-height:308px}}@layer studio{:root{--studio-ink:#1e1b2b;--studio-ink-soft:#2b263c;--studio-accent:#6558d9;--studio-accent-strong:#5548ca;--studio-accent-soft:#efedff;--studio-lilac:#dcd7ff;--studio-panel:#fbfafc;--studio-canvas:#f3f1f6;--studio-line:#e4e0e8;--studio-text:#201d29;--studio-muted:#706a7b;--panel-width:312px;--ed-accent:var(--studio-accent);--ed-accent-hover:var(--studio-accent-strong);--ed-accent-soft:var(--studio-accent-soft);--ed-accent-border:#bbb3f2;--ed-bg:var(--studio-canvas);--ed-panel:var(--studio-panel);--ed-panel-soft:#f5f2f8;--ed-elevated:#fff;--ed-border:var(--studio-line);--ed-border-strong:#c7c0ce;--ed-text:var(--studio-text);--ed-muted:var(--studio-muted);--ed-grid:#5a50742e;--ed-focus:0 0 0 3px #6558d929}body{color:var(--studio-text);background:var(--studio-canvas);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{grid-template-columns:var(--panel-width) minmax(520px,1fr) 272px;background:var(--studio-canvas)}.left-panel{width:var(--panel-width);border-right:1px solid var(--studio-line);background:var(--studio-panel);grid-template-columns:56px minmax(0,256px);gap:0;padding:0;display:grid;overflow:hidden}.sidebar-rail{background:radial-gradient(circle at 50% 0%,#907eff3d,transparent 180px),var(--studio-ink);border:0;grid-auto-rows:min-content;align-content:start;justify-items:center;gap:8px;height:100vh;padding:14px 6px;display:grid}.rail-mark{color:#fff;width:38px;height:54px;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;margin:0 0 10px;display:grid;overflow:visible}.rail-mark img{object-fit:contain;width:100%;max-width:none;height:100%;display:block}.rail-mark:after{display:none}.rail-item{color:#aaa3bd;background:0 0;border:0;border-radius:13px;align-content:center;place-items:center;gap:4px;width:44px;min-height:48px;padding:5px 2px;font-size:9px;font-weight:600;line-height:1;display:grid}.rail-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.rail-item svg{width:19px;height:19px}.rail-item:hover{color:#fff;background:#ffffff14}.rail-item.active{color:#fff;background:#8f81ff3b;box-shadow:inset 0 0 0 1px #bcb3ff2e}.sidebar-main,.components-browser{background:var(--studio-panel);scrollbar-color:#c9c3d0 transparent;min-width:0;height:100vh}.sidebar-document{border-bottom:1px solid var(--studio-line);background:#ffffff9e;gap:7px;padding:18px 18px 15px}.project-select-shell select{height:27px;color:var(--studio-text);letter-spacing:-.02em;font-size:17px;font-weight:750}.project-meta-row input{height:25px;color:var(--studio-muted);font-size:12px}.project-meta-row span{color:#4e43b7;background:var(--studio-accent-soft);border-radius:999px;height:23px;padding:0 8px;font-size:10px;font-weight:700}.sidebar-block,.sidebar-disclosure{border-bottom:1px solid var(--studio-line);background:0 0}.sidebar-block{gap:9px;padding:16px 12px 16px 16px}.sidebar-block-title strong,.sidebar-disclosure>summary span{color:var(--studio-text);letter-spacing:.01em;font-size:12px;font-weight:750}.sidebar-disclosure>summary{min-height:45px;padding:0 12px 0 16px}.sidebar-disclosure>summary>svg{color:#918a9d;order:1;width:14px;margin:0}.sidebar-actions{gap:3px}.sidebar-actions button{width:27px;height:27px;color:var(--studio-muted);border-radius:9px}.view-list{gap:4px}.view-row-shell{border-radius:10px;grid-template-columns:minmax(0,1fr) 28px;min-height:34px}.view-row{border-radius:10px;height:34px;padding:0 10px;font-size:12px;font-weight:650}.view-row-shell.active{background:var(--studio-accent-soft)}.view-row-shell.active .view-row{color:#4b40b3}.layer-list{gap:2px;padding:0 10px 14px}.layer-row{color:#786ccf;border-radius:9px;grid-template-columns:12px 14px minmax(0,1fr);gap:7px;min-height:31px;padding:0 8px}.layer-row:hover{background:#f5f2fa}.layer-row.active{color:#4f42bd;background:var(--studio-accent-soft)}.layer-diamond{border-width:1.5px;border-color:currentColor;width:10px;height:10px}.layer-row strong{font-size:11px;font-weight:550}.appearance-disclosure .theme-panel,.appearance-disclosure .background-panel,.appearance-disclosure .system-bars-panel{margin:0 12px 14px 16px}.components-browser{grid-template-rows:auto auto minmax(0,1fr)}.components-browser-header{border-bottom:1px solid var(--studio-line);background:#ffffffa8;padding:20px 18px 16px}.components-browser-header strong{color:var(--studio-text);letter-spacing:-.025em;font-size:18px;font-weight:780}.components-browser-header span{color:var(--studio-muted);margin-top:5px;font-size:10px;font-weight:550}.components-browser-header button{border-radius:10px;width:30px;height:30px}.components-browser>.import-library-button{color:#5145bc;background:#f5f2ff;border-color:#c9c2df;border-radius:12px;min-height:36px;margin:13px 16px 6px;font-size:11px}.components-browser>.palette-groups{gap:18px;padding:8px 12px 24px 16px}.palette-group{gap:4px}.palette-group>span{color:#8a8492;letter-spacing:.09em;text-transform:uppercase;padding:0 8px 4px;font-size:9px;font-weight:800}.palette-item{color:#302c39;background:0 0;border-color:#0000;border-radius:10px;grid-template-columns:24px minmax(0,1fr);min-height:36px;padding:5px 9px;font-size:11px;font-weight:650;transition:color .14s,background .14s,transform .14s}.palette-item svg{color:#827a91;width:16px;height:16px}.palette-item:hover{color:#493db5;background:var(--studio-accent-soft);border-color:#0000;transform:translate(2px)}.workspace{background:var(--studio-canvas);grid-template-rows:56px auto minmax(0,1fr)}.topbar{background:#fcfbfde0;border-bottom:1px solid #352d451a;grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr);gap:12px;height:56px;padding:7px 14px;box-shadow:0 1px #ffffffb3}.topbar h1{color:var(--studio-text);font-size:13px;font-weight:700}.topbar .eyebrow{color:#8b8495;letter-spacing:.08em;font-size:8px}.editor-tools{background:#fff;border-color:#ded9e4;border-radius:14px;gap:1px;padding:3px;box-shadow:0 8px 24px #251f3312}.icon-tool{border-radius:10px;width:30px;height:30px}.icon-tool.active{background:var(--studio-accent);box-shadow:0 5px 12px #6558d93d}.device-profile-select{background:0 0;border-left:1px solid #e2dee7;border-radius:0;max-width:168px;height:30px;padding:0 7px 0 9px}.device-profile-select select{color:#403a49;font-size:10px;font-weight:700}.zoom-chip{color:#766f7e;height:29px;margin:0;font-size:10px}.tool-button{color:#514b59;background:0 0;border-radius:10px;min-height:32px;padding:0 10px;font-size:10px}.tool-button:hover{color:#4438ae;background:var(--studio-accent-soft)}.ai-command-center{background:linear-gradient(110deg,#efedffeb,#fffffff5 46%),#fff;border:1px solid #6558d92e;border-radius:20px;grid-template-columns:164px minmax(0,1fr);gap:7px 14px;width:min(900px,100% - 40px);margin:12px auto 9px;padding:11px 12px;display:grid;box-shadow:0 12px 34px #2a234117,inset 0 1px #fffc}.ai-command-heading{grid-row:1/span 2;align-self:center;gap:9px}.ai-command-icon{color:#fff;background:linear-gradient(145deg,#8a7df1,#5c4dce);border-radius:13px;width:38px;height:38px;box-shadow:0 8px 18px #5c4dce3d}.ai-command-heading strong{color:#30285d;font-size:13px;font-weight:800}.ai-command-heading div>span{color:#7b7394;font-size:10px}.ai-command-input{grid-template-columns:50px minmax(0,1fr) 130px;gap:8px}.ai-reference-file-input{display:none}.ai-reference-control{width:50px;height:50px;position:relative}.ai-reference-button{color:#6c6280;background:#ffffffad;border:1px dashed #c7c0d3;border-radius:14px;place-items:center;width:50px;height:50px;padding:0;transition:border-color .14s,color .14s,background .14s;display:grid;overflow:hidden}.ai-reference-button:hover{color:#5548c2;background:#fff;border-color:#7668dc}.ai-reference-control.has-image .ai-reference-button{border-style:solid;border-color:#5b4cae4d}.ai-reference-button img{object-fit:cover;width:100%;height:100%}.ai-reference-remove{color:#fff;background:#302940;border:2px solid #fff;border-radius:999px;place-items:center;width:18px;height:18px;padding:0;display:grid;position:absolute;top:-5px;right:-5px;box-shadow:0 3px 8px #231d3033}.ai-command-input textarea{color:#312d38;background:#ffffffd1;border-color:#ded9e5;border-radius:14px;min-height:50px;max-height:76px;padding:10px 12px;font-size:11px;line-height:1.4}.ai-command-input textarea:focus{box-shadow:var(--ed-focus);background:#fff;border-color:#7769df}.ai-command-generate{background:linear-gradient(145deg,#6f61db,#5748c5);border-radius:14px;min-width:0;min-height:50px;padding:0 14px;font-size:11px;box-shadow:0 8px 18px #5748c538}.ai-command-meta{grid-column:2;padding:0 2px;font-size:9px}.ai-command-meta kbd{background:#ffffffb3;border-color:#d9d3e2;border-radius:6px;padding:2px 6px}.ai-command-feedback{grid-column:1/-1}.canvas-area{background-color:var(--studio-canvas);background-image:radial-gradient(circle,#5b517340 1px,#0000 1.2px),radial-gradient(circle at 50% 10%,#7565d714,#0000 38%);background-position:0 0,50%;background-size:22px 22px,100% 100%;padding:26px 0 64px;position:relative}.views-canvas-stack{gap:62px;padding-top:5px}.view-frame{gap:9px}.view-frame-header strong{color:#5549bd;font-size:10px;font-weight:750}.view-frame-header span{color:#756e7f;background:#ffffffe0;border:1px solid #5c4f7e24;border-radius:999px;min-height:27px;padding:0 9px;font-size:9px;box-shadow:0 6px 18px #2c23410f}.canvas{border-color:#31284526;border-radius:32px;box-shadow:0 26px 70px #261e3729,0 0 0 7px #ffffff9e}.view-frame.active .canvas{box-shadow:0 28px 76px #261e3733,0 0 0 7px #ffffffb3,0 0 0 10px #6558d91a}.right-panel{border-left:1px solid var(--studio-line);background:#faf9fc;gap:0;width:272px;padding:0 12px 12px}.right-panel>.panel-title{border-bottom:1px solid var(--studio-line);color:#393441;letter-spacing:0;text-transform:none;gap:9px;min-height:50px;padding:0 2px;font-size:11px;font-weight:750}.right-panel>.panel-title svg{color:#5d50c9;background:#efecff;border-radius:9px;width:28px;height:28px;padding:6px}.empty-inspector{min-height:0;color:var(--studio-muted);background:linear-gradient(145deg,#f2eff8,#f8f6fa);border:0;border-radius:14px;place-items:start;gap:5px;padding:14px;display:grid}.empty-inspector svg{color:#6b5dd2;width:18px;height:18px;margin-bottom:7px}.empty-inspector strong{color:#383241;font-size:12px}.empty-inspector span{color:#857e8e;font-size:10px}.inspector{scrollbar-color:#cdc8d5 transparent;scrollbar-width:thin;gap:13px;padding:14px 1px 18px}.inspector-selection{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:38px;display:grid}.inspector-selection-icon{color:#5d50c9;background:#efecff;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.inspector-selection div{min-width:0}.inspector-selection strong,.inspector-selection div>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.inspector-selection strong{color:#2f2a35;font-size:12px;font-weight:750}.inspector-selection div>span{color:#8a8391;margin-top:1px;font-size:9px}.inspector-selection small{color:#6759cd;background:#f0edff;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:750}.inspector-section-title{color:#948d9c;letter-spacing:.035em;align-items:center;gap:9px;margin-top:2px;font-size:9px;font-weight:750;display:flex}.inspector-section-title:after{content:"";background:#e7e3ea;flex:1;height:1px}.field>span,.color-row span{color:#777180;letter-spacing:.01em;text-transform:none;font-size:9px;font-weight:700}.field input,.field textarea,.field select{min-height:34px;box-shadow:none;background:#f1eff4;border-color:#0000;border-radius:9px;padding-inline:10px;font-size:11px;transition:border-color .14s,background .14s,box-shadow .14s}.field input:hover,.field textarea:hover,.field select:hover{background:#f7f5f8;border-color:#ddd8e2}.field input:focus,.field textarea:focus,.field select:focus{background:#fff;border-color:#7769df;box-shadow:0 0 0 3px #7769df1f}.field-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.field-heading output{color:#918a99;letter-spacing:0;font-size:9px;font-weight:650}.field-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.field-grid .field{gap:5px}.number-field input{text-align:center;padding:0 7px}.inspector input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:18px;box-shadow:none;background:0 0;border:0;outline:0;padding:0}.inspector input[type=range]::-webkit-slider-runnable-track{background:#dcd8e1;border-radius:999px;height:4px}.inspector input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#6b5dd2;border:2px solid #fff;border-radius:999px;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 4px #4a3da04d}.inspector input[type=range]::-moz-range-track{background:#dcd8e1;border:0;border-radius:999px;height:4px}.inspector input[type=range]::-moz-range-progress{background:#7769df;border-radius:999px;height:4px}.inspector input[type=range]::-moz-range-thumb{background:#6b5dd2;border:2px solid #fff;border-radius:999px;width:12px;height:12px;box-shadow:0 1px 4px #4a3da04d}.color-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.color-row label{gap:5px}.color-row input{background:#f1eff4;border:1px solid #0000;border-radius:9px;height:34px;padding:4px}.color-row input:hover{border-color:#d9d4df}.color-row input::-webkit-color-swatch-wrapper{padding:0}.color-row input::-webkit-color-swatch{border:0;border-radius:6px}.color-row input::-moz-color-swatch{border:0;border-radius:6px}.right-actions{border-top:1px solid var(--studio-line);gap:6px;padding-top:9px}.right-actions button{border-radius:9px;min-height:32px;font-size:9px}.right-actions .secondary-button{background:0 0;border-color:#0000}.right-actions .secondary-button:hover{background:#f0edf3}.right-actions .danger-button{color:#c74436;background:#fff7f5;border-color:#f4d2cd}.inspector-actions{gap:7px;padding-top:4px}.inspector-actions button{border-radius:9px;min-height:34px;font-size:9px}@media (max-width:1260px){:root{--panel-width:286px}.app-shell{grid-template-columns:var(--panel-width) minmax(480px,1fr) 252px}.left-panel{width:var(--panel-width);grid-template-columns:54px minmax(0,232px)}.right-panel{width:252px}.ai-command-center{grid-template-columns:142px minmax(0,1fr);width:calc(100% - 28px)}.ai-command-input{grid-template-columns:46px minmax(0,1fr) 118px}.ai-reference-control,.ai-reference-button{width:46px;height:50px}}@media (max-width:1040px){.app-shell{grid-template-columns:var(--panel-width) minmax(460px,1fr)}.right-panel{z-index:8;border:1px solid var(--studio-line);border-radius:18px;width:252px;max-height:calc(100vh - 24px);position:fixed;bottom:12px;right:12px;box-shadow:0 20px 60px #231c322e}}@media (max-width:820px){:root{--panel-width:248px}.app-shell{grid-template-columns:var(--panel-width) minmax(420px,1fr)}.left-panel{width:var(--panel-width);grid-template-columns:52px minmax(0,196px)}.ai-command-center{grid-template-columns:minmax(0,1fr)}.ai-command-heading{display:none}.ai-command-meta{grid-column:1}.ai-command-input{grid-template-columns:46px minmax(0,1fr)}.ai-command-generate{grid-column:1/-1;min-height:42px}}}.ai-onboarding{width:min(760px,100% - 64px);box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;gap:16px;padding:0;display:grid}.ai-onboarding-header{justify-content:space-between;align-items:center;gap:24px;min-width:0;display:flex}.ai-onboarding .ai-onboarding-header h2{min-width:0;color:var(--m3-on-surface);letter-spacing:-.035em;margin:0;font-size:clamp(30px,3.2vw,48px);font-weight:650;line-height:1.05}.ai-onboarding .ai-onboarding-composer{width:100%;min-width:0;display:block}.ai-onboarding .ai-onboarding-composer textarea{width:100%;min-width:0;min-height:126px;max-height:none;margin:0;padding:18px 72px 8px 20px;font-size:16px;line-height:1.5}.ai-onboarding .ai-prompt-field{border-radius:24px;position:relative}.ai-onboarding .ai-reference-chips{padding-right:68px}.ai-onboarding .ai-prompt-field-actions .ai-model-row{width:220px;min-width:0;margin-left:auto;padding:0;display:block}.ai-onboarding .ai-prompt-field-actions .ai-model-row>label,.ai-onboarding .ai-prompt-field-actions .ai-model-row>small{display:none}.ai-onboarding .ai-prompt-field-actions .ai-model-select{border-radius:12px;height:38px}.ai-onboarding .ai-prompt-field-actions .ai-command-generate{border-radius:14px;place-items:center;width:42px;min-width:42px;min-height:42px;padding:0;display:grid;position:absolute;top:14px;right:14px}.ai-onboarding>.ai-command-feedback{width:100%}@media (max-width:1050px){.ai-onboarding{width:min(680px,100% - 40px)}}@media (max-width:720px){.ai-onboarding{gap:12px;width:calc(100% - 24px);top:24px;transform:translate(-50%)}.ai-onboarding .ai-onboarding-header h2{font-size:28px}.ai-onboarding .ai-onboarding-composer textarea{min-height:112px;padding:16px 60px 8px 16px;font-size:14px}.ai-onboarding .ai-prompt-field-actions .ai-model-row{width:min(160px,42vw)}}:root{--background:var(--ed-bg,#f3f1f6);--foreground:var(--ed-text,#201d29);--card:var(--ed-panel,#fbfafc);--card-foreground:var(--ed-text,#201d29);--popover:var(--ed-panel,#fbfafc);--popover-foreground:var(--ed-text,#201d29);--primary:var(--ed-accent,#6558d9);--primary-foreground:#fff;--secondary:var(--ed-panel-soft,#f5f2f8);--secondary-foreground:var(--ed-text,#201d29);--muted:var(--ed-panel-soft,#f5f2f8);--muted-foreground:var(--ed-muted,#706a7b);--accent:var(--ed-accent-soft,#efedff);--accent-foreground:var(--ed-accent,#6558d9);--destructive:var(--ed-danger,#dc2626);--border:var(--ed-border,#e4e0e8);--input:var(--ed-border,#e4e0e8);--ring:var(--ed-accent,#6558d9);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--radius:.625rem;--sidebar:var(--ed-panel,#fbfafc);--sidebar-foreground:var(--ed-text,#201d29);--sidebar-primary:var(--ed-accent,#6558d9);--sidebar-primary-foreground:#fff;--sidebar-accent:var(--ed-accent-soft,#efedff);--sidebar-accent-foreground:var(--ed-accent,#6558d9);--sidebar-border:var(--ed-border,#e4e0e8);--sidebar-ring:var(--ed-accent,#6558d9)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}.ai-reference-add{width:36px;height:36px;color:var(--m3-on-surface-variant);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;padding:0;transition:border-color .14s,color .14s,background .14s,transform .14s;display:grid}.ai-reference-add:hover,.ai-reference-add[data-state=open]{color:var(--m3-primary);background:var(--m3-primary-container)}.ai-reference-add:active{transform:scale(.96)}.ai-create-blank{min-height:38px;color:var(--m3-on-primary-container);background:var(--m3-primary-container);white-space:nowrap;border:0;border-radius:12px;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:750;display:inline-flex}.ai-create-blank:hover{background:var(--m3-primary-container)}@supports (color:color-mix(in lab,red,red)){.ai-create-blank:hover{background:color-mix(in srgb,var(--m3-primary-container) 82%,var(--m3-primary))}}.ai-platform-switch{border:1px solid var(--m3-outline-variant);background:var(--m3-surface-container);border-radius:13px;align-items:center;gap:2px;min-height:38px;padding:3px;display:inline-flex}.ai-platform-switch button{min-height:30px;color:var(--m3-on-surface-variant);background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.ai-platform-switch button.active{color:var(--m3-on-surface);background:var(--m3-surface-container-lowest);box-shadow:0 2px 7px #2721341f}.ai-design-system-trigger{border:1px solid var(--m3-outline-variant);width:38px;height:38px;color:var(--m3-on-surface-variant);background:var(--m3-surface-container-lowest);border-radius:12px;flex:0 0 38px;place-items:center;padding:0;display:grid}.ai-design-system-trigger:hover,.ai-design-system-trigger[data-state=open]{color:var(--m3-primary);border-color:var(--m3-primary);background:var(--m3-primary-container)}.ai-design-system-menu{border:1px solid var(--m3-outline-variant);background:var(--m3-surface-container-lowest);border-radius:14px;gap:4px;width:240px;padding:6px}.ai-design-system-menu>button{width:100%;min-height:52px;color:var(--m3-on-surface);text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.ai-design-system-menu>button:hover:not(:disabled),.ai-design-system-menu>button.active{color:var(--m3-on-primary-container);background:var(--m3-primary-container)}.ai-design-system-menu>button:disabled{cursor:not-allowed;opacity:.42}.ai-design-system-menu>button>span{gap:2px;display:grid}.ai-design-system-menu strong{font-size:13px}.ai-design-system-menu small{color:var(--m3-on-surface-variant);font-size:10px}.ai-reference-menu{border:1px solid var(--m3-outline-variant);background:var(--m3-surface-container-lowest);border-radius:14px;width:190px;padding:6px;box-shadow:0 14px 34px #251e3c29}.ai-reference-menu-item{width:100%;min-height:42px;color:var(--m3-on-surface);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 11px;font-size:13px;font-weight:750;display:flex}.ai-reference-menu-item:hover{color:var(--m3-on-primary-container);background:var(--m3-primary-container)}.ai-prompt-field{border:1px solid var(--m3-outline-variant);background:var(--m3-surface-container-low);border-radius:18px;min-width:0;transition:border-color .14s,background .14s,box-shadow .14s;display:grid;overflow:hidden}.ai-prompt-field:focus-within{border-color:var(--m3-primary);background:var(--m3-surface-container-lowest);box-shadow:0 0 0 3px var(--m3-primary)}@supports (color:color-mix(in lab,red,red)){.ai-prompt-field:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--m3-primary) 14%,transparent)}}.ai-prompt-field-actions{align-items:center;gap:4px;min-height:42px;padding:0 10px 8px;display:flex}.ai-reference-chips{flex-wrap:wrap;gap:7px;min-width:0;padding:10px 12px 0;display:flex}.ai-reference-chip{border:1px solid var(--m3-outline-variant);align-items:center;gap:8px;min-width:0;max-width:min(230px,100%);height:36px;padding:4px 5px 4px 6px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.ai-reference-chip{border:1px solid color-mix(in srgb,var(--m3-outline-variant) 76%,transparent)}}.ai-reference-chip{color:var(--m3-on-surface);background:var(--m3-surface-container-lowest);border-radius:999px;box-shadow:0 2px 8px #261f390f}.ai-reference-chip>img{object-fit:cover;border-radius:999px;flex:0 0 26px;width:26px;height:26px}.ai-reference-chip>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.ai-reference-chip>button{width:26px;height:26px;color:var(--m3-on-surface-variant);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:0 0 26px;place-items:center;padding:0;display:grid}.ai-reference-chip>button:hover{color:var(--m3-on-surface);background:var(--m3-surface-container-high)}.ai-onboarding .ai-onboarding-composer .ai-prompt-field textarea,.ai-chat-input .ai-prompt-field textarea{box-shadow:none;background:0 0;border:0;border-radius:0}.ai-onboarding .ai-onboarding-composer .ai-prompt-field textarea:focus,.ai-chat-input .ai-prompt-field textarea:focus{box-shadow:none;background:0 0;border-color:#0000}.ai-chat-input .ai-prompt-field{background:var(--ed-panel);border-radius:12px}.ai-chat-input .ai-reference-chips{padding:8px 8px 0}.ai-chat-input .ai-reference-chip{max-width:100%;height:32px}.ai-chat-input .ai-reference-chip>img{flex-basis:22px;width:22px;height:22px}.ai-message-references{flex-wrap:wrap;gap:5px;min-width:0;display:flex}.ai-context-row{grid-template-columns:minmax(0,1fr)}.projects-ai-stage .ai-create-blank{color:#fff;background:#2f2b37;border:1px solid #2f2b37;border-radius:14px;flex:none;min-height:42px;padding:0 14px;box-shadow:0 6px 18px #231f2b29}.projects-ai-stage .ai-create-blank:hover{background:#201d26}@media (max-width:720px){.ai-onboarding .ai-reference-add{border-radius:10px;width:36px;height:36px}.projects-ai-stage .ai-prompt-field-actions{flex-wrap:wrap}.projects-ai-stage .ai-create-blank{justify-content:center;width:38px;padding:0}.projects-ai-stage .ai-create-blank span,.projects-ai-stage .ai-platform-switch button span{display:none}.projects-ai-stage .ai-platform-switch button{justify-content:center;width:34px;padding:0}.projects-ai-stage .ai-prompt-field-actions .ai-model-row{flex:150px;width:auto;margin-left:0}}.canvas-zoom-control{border:1px solid var(--ed-border);background:var(--ed-panel-soft);border-radius:9px;align-items:center;height:30px;margin-left:2px;display:inline-flex;overflow:hidden}.canvas-zoom-button,.canvas-zoom-value{height:100%;color:var(--ed-text);background:0 0;border:0;place-items:center;padding:0;display:grid}.canvas-zoom-button{width:28px}.canvas-zoom-value{border-right:1px solid var(--ed-border);border-left:1px solid var(--ed-border);min-width:46px;color:var(--ed-muted);padding-inline:4px;font-size:10px;font-weight:800}.canvas-zoom-button:not(:disabled):hover,.canvas-zoom-value:hover{color:var(--ed-accent);background:var(--ed-panel)}.canvas-zoom-button:disabled{cursor:not-allowed;opacity:.35}.canvas-zoom-button:focus-visible,.canvas-zoom-value:focus-visible{z-index:1;outline:2px solid var(--ed-accent);position:relative}@supports (color:color-mix(in lab,red,red)){.canvas-zoom-button:focus-visible,.canvas-zoom-value:focus-visible{outline:2px solid color-mix(in srgb,var(--ed-accent) 36%,transparent)}}.canvas-zoom-button:focus-visible,.canvas-zoom-value:focus-visible{outline-offset:-2px}.editor-tools>.zoom-chip{border-left:0;margin-left:0;padding-left:7px}@media (max-width:860px){.editor-tools>.zoom-chip{display:none}}.canvas-window{display:contents}.view-frame[data-platform=desktop] .canvas-window{width:var(--view-frame-width,1440px);background:#fff;border:1px solid #15192224;border-radius:12px;display:grid;overflow:hidden;box-shadow:0 24px 64px #15192229}.view-frame[data-platform=desktop] .browser-chrome{width:100%;box-shadow:none;border:0;border-bottom:1px solid #1519221a;border-radius:0}.view-frame[data-platform=desktop] .canvas{box-shadow:none;border:0;border-radius:0}.view-frame[data-platform=desktop].active .canvas-window{box-shadow:0 26px 70px #15192233,0 0 0 3px #6558d924}.view-frame[data-platform=desktop].active .canvas{box-shadow:none}.app-shell{--panel-width:0px;grid-template-columns:minmax(0,1fr) 280px;position:relative}.left-panel{z-index:50;background:0 0;border:0;align-items:flex-start;gap:12px;width:auto;height:auto;min-height:0;padding:0;display:flex;position:fixed;top:70px;left:18px;overflow:visible}.left-panel .sidebar-rail{-webkit-backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #2c273629;border-radius:22px;flex-direction:column;align-items:center;gap:5px;width:auto;height:auto;min-height:0;padding:6px;display:flex;box-shadow:0 2px 6px #231e2d14,0 14px 36px #231e2d24}.left-panel .rail-mark{display:none}.left-panel .rail-item{color:#514b59;background:0 0;border:0;border-radius:16px;place-items:center;width:48px;min-height:48px;padding:0;display:grid}.left-panel .rail-item span{display:none}.left-panel .rail-item svg{width:21px;height:21px}.left-panel .rail-item:hover{color:#28232f;background:#f0edf3}.left-panel .rail-item.active{color:#fff;background:#342f3c;box-shadow:0 7px 18px #25202e33}.left-panel .rail-item:focus-visible{outline-offset:2px;outline:3px solid #6558d93d}.left-panel .sidebar-main{-webkit-backdrop-filter:blur(22px);background:#fffffff7;border:1px solid #2c273624;border-radius:24px;flex-direction:column;width:min(370px,100vw - 112px);min-width:0;height:min(760px,100dvh - 106px);min-height:0;animation:.16s ease-out workspace-panel-enter;display:flex;position:absolute;top:0;left:66px;overflow:hidden;box-shadow:0 3px 10px #231e2d14,0 24px 64px #231e2d2e}.sidebar-panel-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ed-border-strong) transparent;flex:1;min-height:0;overflow:auto}.sidebar-panel-content>.components-browser,.sidebar-panel-content>.ai-chat-panel{background:0 0;height:100%;min-height:0}.sidebar-panel-content>.components-browser{overflow-y:auto}.workspace-panel-heading{border-bottom:1px solid var(--ed-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:8px 12px 8px 16px;display:flex}.workspace-panel-heading h2{min-width:0;color:var(--ed-text);margin:0;font-size:13px;font-weight:700;line-height:1.35}.workspace-panel-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.workspace-panel-actions>button{min-width:30px;height:30px;color:var(--ed-muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 6px;font-size:11px;display:inline-flex}.workspace-panel-actions>button:hover{color:var(--ed-text);background:var(--ed-panel-soft)}.workspace-panel-actions>button.armed,.workspace-panel-actions>.inspector-danger-action:hover{color:var(--ed-danger);background:var(--ed-danger-soft)}.workspace-panel-actions>button:focus-visible,.inspector-section-trigger:focus-visible{outline:2px solid var(--ed-accent);outline-offset:-2px}@keyframes workspace-panel-enter{0%{opacity:0;transform:translate(-8px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@media (max-width:1050px){.app-shell{grid-template-columns:minmax(0,1fr)}.left-panel{top:64px;left:12px}.left-panel .sidebar-main{width:min(350px,100vw - 90px);height:min(720px,100dvh - 92px)}.views-canvas-stack{padding-inline:max(48px,calc((100vw - var(--view-frame-width)) / 2))}}@media (prefers-reduced-motion:reduce){.left-panel .sidebar-main{animation:none}}.app-shell{grid-template-columns:minmax(0,1fr)}.right-panel{z-index:50;background:0 0;border:0;width:auto;height:auto;min-height:0;padding:0;display:block;position:fixed;top:70px;right:18px;overflow:visible}.inspector-floating-trigger{color:#514b59;-webkit-backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #2c273629;border-radius:22px;place-items:center;width:60px;height:60px;padding:0;display:grid;box-shadow:0 2px 6px #231e2d14,0 14px 36px #231e2d24}.inspector-floating-trigger:hover{color:#28232f;background:#f0edf3}.inspector-floating-trigger.active{color:#fff;background:#342f3c;box-shadow:0 7px 18px #25202e33}.inspector-floating-trigger:focus-visible{outline-offset:2px;outline:3px solid #6558d93d}.inspector-floating-card{-webkit-backdrop-filter:blur(22px);background:#fffffff7;border:1px solid #2c273624;border-radius:24px;flex-direction:column;width:min(340px,100vw - 112px);height:min(760px,100dvh - 106px);min-height:0;animation:.16s ease-out inspector-panel-enter;display:flex;position:absolute;top:0;right:66px;overflow:hidden;box-shadow:0 3px 10px #231e2d14,0 24px 64px #231e2d2e}.inspector-floating-card>.inspector{flex-direction:column;flex:1;gap:0;min-height:0;padding:0;display:flex;overflow:hidden}.inspector-node-heading{border-bottom:1px solid var(--ed-border);background:var(--ed-panel-soft);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:14px 12px 14px 16px;display:flex}.inspector-node-title{gap:3px;min-width:0;display:grid}.inspector-node-title>span{color:var(--ed-muted);font-size:10px}.inspector-node-title>strong{color:var(--ed-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.inspector-sections{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ed-border-strong) transparent;flex:1;min-height:0;overflow-y:auto}.inspector-section+.inspector-section{border-top:1px solid var(--ed-border)}.inspector-section-trigger{width:100%;min-height:42px;color:var(--ed-text);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 16px;font-size:11px;font-weight:700;display:flex}.inspector-section-trigger:hover{background:var(--ed-panel-soft)}.inspector-section-trigger>svg{color:var(--ed-muted)}.inspector-section-trigger[data-state=closed]>svg{transform:rotate(-90deg)}.inspector-section-fields{gap:14px;padding:0 16px 16px}.inspector-section-fields input:not([type=color]),.inspector-section-fields [data-slot=select-trigger]{background:#fff;border-radius:8px;min-height:32px}.inspector-section-fields textarea{background:#fff;border-radius:8px;min-height:56px}.inspector-section-fields output{color:var(--ed-muted);font-variant-numeric:tabular-nums;font-size:10px}.inspector-floating-card>.empty-inspector{margin:12px}.inspector-floating-actions{border-top:1px solid var(--ed-border);background:#fffffff0;flex-shrink:0;gap:6px;margin-top:auto;padding:10px 12px;display:grid}.inspector-floating-actions>span{color:var(--ed-muted);padding-inline:4px;font-size:10px}.inspector-floating-actions>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.inspector-floating-actions button{border-radius:8px;gap:5px;height:30px;padding:0 6px;font-size:11px;font-weight:500}.inspector-floating-actions .inspector-danger-action{color:var(--ed-danger)}@keyframes inspector-panel-enter{0%{opacity:0;transform:translate(8px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}.views-canvas-stack{padding-inline:max(48px,calc((100vw - var(--view-frame-width)) / 2))}@media (max-width:1050px){.right-panel{top:64px;right:12px}.inspector-floating-card{width:min(340px,100vw - 90px);height:min(720px,100dvh - 92px)}}@media (prefers-reduced-motion:reduce){.inspector-floating-card{animation:none}}.workspace{grid-template-rows:minmax(0,1fr);position:relative}.topbar{z-index:45;height:auto;min-height:0;box-shadow:none;pointer-events:none;-webkit-backdrop-filter:none;background:0 0;border:0;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:start;gap:14px;padding:0;display:grid;position:absolute;top:14px;left:18px;right:18px}.topbar-file,.topbar .editor-tools,.topbar .toolbar{pointer-events:auto}.topbar-file{-webkit-backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #2c273624;border-radius:14px;align-content:center;justify-self:start;min-width:0;max-width:260px;min-height:46px;padding:7px 12px;display:grid;box-shadow:0 2px 6px #231e2d12,0 12px 30px #231e2d1c}.topbar .editor-tools{-webkit-backdrop-filter:blur(18px);background:#fffffff0;border-color:#2c273624;border-radius:14px;align-self:start;box-shadow:0 2px 6px #231e2d12,0 12px 30px #231e2d1c}.topbar .toolbar{-webkit-backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #2c273624;border-radius:14px;place-self:start end;gap:2px;min-height:40px;padding:3px;box-shadow:0 2px 6px #231e2d12,0 12px 30px #231e2d1c}.topbar .tool-button{border-radius:10px}.canvas-area{padding-top:92px}.left-panel,.right-panel{top:88px}@media (max-width:1050px){.topbar{grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);gap:8px;top:10px;left:12px;right:12px}.topbar-file{max-width:190px}.left-panel,.right-panel{top:80px}.canvas-area{padding-top:84px}}@media (max-width:760px){.topbar-file{max-width:140px}.topbar-file .eyebrow,.topbar .toolbar .tool-button span{display:none}}.ai-chat-composer{gap:7px;padding:12px}.ai-chat-input{display:block}.ai-chat-input .ai-prompt-field{background:#fff;border-radius:18px;min-height:184px;position:relative;overflow:visible}.ai-chat-input .ai-prompt-field textarea{resize:none;width:100%;min-height:112px;max-height:180px;color:var(--ed-text);padding:13px 52px 8px 13px;font-size:12px;line-height:1.45}.ai-chat-input .ai-reference-chips,.ai-chat-context-chips{padding:9px 52px 0 9px}.ai-chat-context-chips{flex-wrap:wrap;gap:5px;min-width:0;display:flex}.ai-chat-send{z-index:2;width:38px;height:38px;color:var(--m3-on-primary);background:var(--m3-primary);box-shadow:0 7px 16px var(--m3-primary);border:0;border-radius:12px;place-items:center;padding:0;display:grid;position:absolute;top:10px;right:10px}@supports (color:color-mix(in lab,red,red)){.ai-chat-send{box-shadow:0 7px 16px color-mix(in srgb,var(--m3-primary) 22%,transparent)}}.ai-chat-send:not(:disabled):hover{box-shadow:0 9px 20px var(--m3-primary);transform:translateY(-1px)}@supports (color:color-mix(in lab,red,red)){.ai-chat-send:not(:disabled):hover{box-shadow:0 9px 20px color-mix(in srgb,var(--m3-primary) 28%,transparent)}}.ai-chat-send:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.ai-chat-compact-actions{align-items:center;gap:4px;min-height:44px;padding:2px 8px 8px;display:flex}.ai-chat-compact-actions .ai-reference-add,.ai-chat-compact-actions .ai-view-picker-compact>summary{width:34px;min-width:34px;height:34px;min-height:34px;color:var(--ed-muted);background:0 0;border:0;border-radius:10px;justify-content:center;padding:0}.ai-chat-compact-actions .ai-reference-add:hover,.ai-chat-compact-actions .ai-view-picker-compact>summary:hover{color:var(--ed-text);background:var(--ed-panel-soft)}.ai-view-picker-compact{flex:0 0 34px}.ai-view-picker-compact>summary{position:relative}.ai-view-picker-compact>summary span{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ai-view-picker-compact>summary b{min-width:17px;height:17px;font-size:8px;position:absolute;top:-3px;right:-3px}.ai-view-picker-compact>div{width:min(260px,100vw - 140px)}.ai-chat-compact-actions .ai-intent-toggle{border-radius:10px;flex:126px;gap:2px;min-width:112px;height:34px;padding:2px}.ai-chat-compact-actions .ai-intent-toggle button{min-height:28px;padding:0 4px;font-size:8px}.ai-chat-compact-actions .ai-model-row{flex:0 0 118px;width:118px;margin-left:auto;display:block}.ai-chat-compact-actions .ai-model-row>label,.ai-chat-compact-actions .ai-model-row>small{display:none}.ai-chat-compact-actions .ai-model-select{border-radius:10px;width:100%;height:34px;font-size:10px}.ai-chat-composer .ai-command-feedback:empty{display:none}.canvas-area{overflow-anchor:none}.canvas-area.pinching{scroll-behavior:auto!important}.canvas-pan-stage{box-sizing:border-box;width:max-content;min-width:100%;min-height:100%;padding:max(42vh,320px) max(100vw,720px)}.canvas-pan-stage>.views-canvas-stack{margin:0!important;padding:0!important}.sidebar-main[data-mode=ai] .sidebar-panel-content{overflow:hidden}.sidebar-main .ai-chat-panel{background:0 0;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;min-height:0;display:grid}.sidebar-main .ai-chat-thread{overscroll-behavior:contain;gap:16px;padding:16px}.sidebar-main .ai-chat-empty{text-align:left;align-content:start;place-items:start;gap:6px;min-height:0;padding:8px 0}.sidebar-main .ai-chat-empty strong{font-size:13px}.sidebar-main .ai-chat-empty span{font-size:11px}.sidebar-main .ai-message{overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;gap:6px;width:100%;max-width:100%;padding:2px 0}.sidebar-main .ai-message.user{border:1px solid var(--ed-border);background:var(--ed-panel-soft);border-radius:14px;width:auto;max-width:94%;padding:9px 11px}.sidebar-main .ai-message>small{display:none}.sidebar-main .ai-message>p{font-size:12px;line-height:1.55}.sidebar-main .ai-chat-composer{border-top:1px solid var(--ed-border);background:#fff;gap:5px;min-height:0;padding:10px}.ai-generate-images{border:1px solid var(--ed-border);width:fit-content;color:var(--ed-accent);background:var(--ed-panel-soft);border-radius:9px;align-items:center;gap:6px;margin-bottom:4px;padding:7px 9px;font-size:11px;font-weight:600;display:inline-flex}.ai-generate-images:disabled{opacity:.5;cursor:not-allowed}.ai-generate-images:focus-visible{outline:2px solid var(--ed-accent);outline-offset:2px}.ai-generation-status{gap:4px;min-width:0;display:grid}.ai-generation-status small{color:var(--ed-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:400;overflow:hidden}.sidebar-main .ai-chat-input .ai-prompt-field{border:1px solid var(--ed-border-strong);border-radius:16px;min-height:0}.sidebar-main .ai-chat-input .ai-prompt-field:focus-within{border-color:var(--ed-accent);box-shadow:var(--ed-focus)}.sidebar-main .ai-chat-input .ai-prompt-field textarea{min-height:84px;max-height:128px;padding:12px 48px 8px 12px;font-size:12px}.sidebar-main .ai-chat-send{border-radius:11px;width:34px;height:34px}.sidebar-main .ai-chat-compact-actions{grid-template-columns:34px 34px minmax(0,1fr);gap:6px;min-height:0;padding:2px 8px 8px;display:grid}.sidebar-main .ai-chat-compact-actions .ai-intent-toggle{width:100%;min-width:0}.sidebar-main .ai-chat-compact-actions .ai-intent-toggle button{font-size:10px}.sidebar-main .ai-chat-compact-actions .ai-model-row{grid-column:1/-1;width:100%;margin:2px 0 0;padding:0}.sidebar-main .ai-chat-compact-actions .ai-model-select{font-size:11px}.projects-topbar-actions,.language-select{align-items:center;display:flex}.projects-topbar-actions{gap:10px}.language-select{color:var(--ed-ink-muted);gap:6px}.language-select-trigger{border:1px solid var(--ed-border);width:112px;height:36px;color:var(--ed-ink);background:#fff;border-radius:12px;font-size:12px;font-weight:700}.language-select.compact .language-select-trigger{border-radius:10px;width:88px;height:32px;font-size:10px}.language-select-content{min-width:132px}.ai-model-content{min-width:max(260px,var(--radix-select-trigger-width))}.ai-model-option[data-disabled]{opacity:.46}@media (max-width:1120px){.topbar .language-select>svg{display:none}.language-select.compact .language-select-trigger{width:74px}}.session-loading{background-color:#efedf4;background-image:radial-gradient(circle,#72678933 1px,#0000 1.2px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh}.settings-page{color:#211d2b;background-color:#efedf4;background-image:radial-gradient(circle,#72678933 1px,#0000 1.2px),radial-gradient(circle at 20% 5%,#fffffff5,#0000 34%);background-size:18px 18px,auto;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.settings-topbar .projects-brand{color:inherit;background:0 0;border:0;text-decoration:none}.settings-error{color:#8f241d;background:#fff0ee;border:1px solid #f2bbb4;border-radius:14px;padding:12px 14px;font-size:12px;line-height:1.45}.settings-topbar{position:sticky;top:0}.settings-shell{grid-template-columns:260px minmax(0,1fr);gap:54px;width:min(1380px,100% - 40px);margin:0 auto;padding:42px 0 80px;display:grid}.settings-navigation{align-self:start;position:sticky;top:118px}.settings-back{border-radius:999px;justify-content:flex-start;margin-bottom:24px}.settings-user{border-block:1px solid #dcd6e4;align-items:center;gap:12px;padding:18px 4px;display:flex}.settings-user>span{color:#fff;background:#5e50d6;border-radius:999px;flex:none;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.settings-user div{gap:3px;min-width:0;display:grid}.settings-user strong,.settings-user small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-user strong{font-size:13px}.settings-user small{color:#77717f;font-size:10px}.settings-navigation nav{margin-top:18px}.settings-navigation nav span{color:#30266e;background:#e3dcff;border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:0 14px;font-size:13px;font-weight:750;display:flex}.settings-content{min-width:0}.settings-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.settings-heading h1{letter-spacing:-.05em;margin:8px 0 6px;font-size:clamp(34px,4vw,48px)}.settings-heading p{color:#716b79;max-width:640px;margin:0;line-height:1.55}.settings-workspace-select{background:#fff;border-radius:14px;min-width:220px;height:42px}.settings-workspace-chip{background:#fff;border:1px solid #d8d2df;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:750}.settings-security-note{color:#403679;background:#f2efff;border:1px solid #cfc7ee;border-radius:18px;align-items:center;gap:13px;padding:16px 18px;display:flex}.settings-security-note>div{gap:3px;display:grid}.settings-security-note strong{font-size:13px}.settings-security-note span{color:#6b6480;font-size:11px}.settings-loading{color:#716b79;justify-content:center;align-items:center;gap:10px;min-height:240px;display:flex}.settings-default-model{background:#fff;border:1px solid #d9d3e0;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin:24px 0 16px;padding:20px 22px;display:flex}.settings-default-model h2,.provider-row h2{letter-spacing:-.02em;margin:0;font-size:17px}.settings-default-model p{color:#7a7482;margin:5px 0 0;font-size:12px}.settings-model-select{background:#f7f4fa;border-radius:14px;width:min(360px,42vw);height:42px}.provider-list{gap:14px;display:grid}.provider-row{background:#fff;border:1px solid #d9d3e0;border-radius:22px;grid-template-columns:minmax(230px,.9fr) minmax(300px,1.15fr) auto;align-items:center;gap:24px;padding:22px;display:grid}.provider-identity{align-items:flex-start;gap:13px;min-width:0;display:flex}.provider-icon{color:#5144ba;background:#eee9ff;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid}.provider-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.provider-identity p{color:#77717f;max-width:380px;margin:6px 0;font-size:11px;line-height:1.45}.provider-identity a{color:#5547bd;align-items:center;gap:5px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.provider-status{color:#746e7c;background:#f0edf3;border-radius:999px;align-items:center;gap:4px;padding:4px 7px;font-size:9px;font-weight:750;display:inline-flex}.provider-status.configured{color:#176440;background:#e2f5e9}.provider-fields{grid-template-columns:minmax(180px,.8fr) minmax(220px,1.2fr);gap:10px;display:grid}.provider-fields label{color:#665f6e;gap:6px;font-size:10px;font-weight:750;display:grid}.provider-fields .h-8{background:#fbf9fc;border-radius:13px;height:42px}.provider-key-field{position:relative}.provider-key-field>svg{z-index:1;color:#787080;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.provider-key-field .h-8{padding-left:36px}.provider-actions{flex-wrap:wrap;justify-content:flex-end;align-items:stretch;gap:7px;max-width:156px;display:flex}.provider-enabled{color:#696270;justify-content:flex-end;align-items:center;gap:7px;width:100%;font-size:11px;font-weight:700;display:flex}.provider-enabled input{accent-color:#5e50d6;width:16px;height:16px}.settings-notice{z-index:50;color:#194f36;background:#e2f5e9;border-radius:14px;padding:12px 16px;font-size:12px;font-weight:750;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #1f352b29}.settings-error{z-index:51;max-width:420px;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #50221c29}@media (max-width:1080px){.settings-shell{grid-template-columns:1fr}.settings-navigation{position:static}.settings-navigation nav,.settings-user{display:none}.provider-row{grid-template-columns:1fr}.provider-actions{justify-content:flex-start;max-width:none}.provider-enabled{justify-content:flex-start;width:auto;margin-right:auto}}@media (max-width:760px){.settings-shell{width:calc(100% - 24px);padding-top:22px}.settings-heading,.settings-default-model{flex-direction:column;align-items:stretch}.settings-model-select,.settings-workspace-select{width:100%}.provider-fields{grid-template-columns:1fr}.settings-logout{width:36px;padding:0;overflow:hidden}.settings-logout svg{flex:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}