.app,.build-sidebar,.palette,.props,.topbar{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:hsla(0,0%,5%,.9);color:#fff}.build-sidebar :focus-visible,.modal :focus-visible,.palette :focus-visible,.props :focus-visible,.topbar :focus-visible,.tweaks :focus-visible{outline:2px solid hsla(0,0%,5%,.28);outline-offset:1px}.build-sidebar,.fancy-select__menu,.modal .modal__body,.pages-panel,.palette,.props,.section-kit-panel{scrollbar-width:thin;scrollbar-color:#d9d9d9 transparent}.fancy-select__menu::-webkit-scrollbar,.modal .modal__body::-webkit-scrollbar,.palette::-webkit-scrollbar,.props::-webkit-scrollbar{width:10px}.fancy-select__menu::-webkit-scrollbar-thumb,.modal .modal__body::-webkit-scrollbar-thumb,.palette::-webkit-scrollbar-thumb,.props::-webkit-scrollbar-thumb{background:#dbdbdb;border-radius:999px;border:3px solid transparent;background-clip:padding-box}.modal .modal__body::-webkit-scrollbar-thumb:hover,.palette::-webkit-scrollbar-thumb:hover,.props::-webkit-scrollbar-thumb:hover{background:#c4c4c4;border:3px solid transparent;background-clip:padding-box}.modal .modal__body::-webkit-scrollbar-track,.palette::-webkit-scrollbar-track,.props::-webkit-scrollbar-track{background:transparent}.anim-group__label,.pages-panel__eyebrow,.palette__label,.props__group>summary,.props__section h4,.props__tab-empty small,.section-layout-card__preview>span,.viewport-pop__head{font-family:var(--font-ui);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.save-indicator,.section-kit-library__count,.slider-row__value,.unit-number em,.viewport-btn{font-family:var(--font-ui);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.unit-number em{font-size:9px;font-weight:600;color:var(--muted-2)}.slider-row__value{font-size:11px;font-weight:500;color:var(--ink)}.props__tag{font-family:var(--font-ui);font-weight:600;letter-spacing:.08em;color:var(--ink-soft);background:var(--surface)}.palette__hint{font-family:var(--font-ui);font-size:10.5px;letter-spacing:0;line-height:1.55;color:var(--muted)}.chip{font-family:var(--font-ui);font-weight:500;letter-spacing:.03em;color:var(--ink-soft)}.chip,.chip--slot{background:var(--surface);border-color:transparent}.chip--slot{color:var(--ink)}.app{background:var(--paper)}.topbar{background:hsla(0,0%,100%,.85);border-bottom-color:var(--line)}.build-sidebar,.palette,.props{background:var(--paper)}.props__header{border-bottom-color:var(--line)}.props__tabs{background:var(--paper)}.compact-color input[type=text],.field input[type=number],.field input[type=text],.field select,.field textarea,.mini-input,.mini-select,.page-create-pop__field input[type=text],.unit-number input,.viewport-pop__row input[type=number]{background:var(--surface);border:1px solid transparent;border-radius:8px;color:var(--ink);transition:background .16s var(--ease-out),box-shadow .16s var(--ease-out),border-color .16s var(--ease-out)}.compact-color input[type=text]:hover,.field input[type=number]:hover,.field input[type=text]:hover,.field select:hover,.field textarea:hover,.mini-input:hover,.mini-select:hover,.page-create-pop__field input[type=text]:hover,.unit-number input:hover,.viewport-pop__row input[type=number]:hover{background:var(--surface-hover);border-color:transparent}.compact-color input[type=text]:focus,.field input:focus,.field select:focus,.field textarea:focus,.mini-input:focus,.mini-select:focus,.page-create-pop__field input[type=text]:focus,.unit-number input:focus,.viewport-pop__row input[type=number]:focus{outline:none;background:var(--paper);border-color:transparent;box-shadow:0 0 0 1.5px var(--ink)}::placeholder{color:var(--muted-2)}.mini-input,.mini-select,.unit-number input{height:28px;border-radius:8px}.prop-row{min-height:30px}.fancy-select__trigger{border-color:var(--line);border-radius:10px;background:var(--paper)}.fancy-select__trigger:hover{border-color:var(--line-2)}.fancy-select.is-open .fancy-select__trigger{border-color:var(--ink);box-shadow:none}.fancy-select__menu{border-color:var(--line);border-radius:12px;padding:6px}.fancy-select__option{border-radius:8px;padding:8px 9px}.fancy-select__option:hover{background:var(--surface)}.fancy-select__option.is-selected{color:var(--ink);font-weight:600;background:var(--surface)}.fancy-select__option svg{color:var(--ink)}.url-box{background:var(--surface);border-color:transparent;border-radius:10px}.url-box__copy{background:var(--paper);border-color:transparent;border-radius:7px;box-shadow:var(--shadow-sm)}.modal__meta{background:var(--paper-2);border-color:var(--line-3);border-radius:10px}.props__canvas-hint{background:var(--paper-2);border-color:var(--line-2)}.slider-row input[type=range]{background:var(--line)}.slider-row input[type=range]::-webkit-slider-thumb{background:var(--ink);box-shadow:0 0 0 3px var(--paper),0 0 0 4px var(--line-2);-webkit-transition:transform .15s var(--ease-snap);transition:transform .15s var(--ease-snap)}.slider-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.12)}.color-input-row input[type=color],.compact-color input[type=color]{border-color:var(--line);border-radius:8px;background:var(--paper)}.lb-switch{width:36px;height:21px;background:#57575b;transition:background .2s var(--ease-out)}.lb-switch:hover{background:#48484c}.lb-switch.is-on{background:var(--success)}.lb-switch.is-on:hover{background:#549572}.lb-switch__thumb{width:17px;height:17px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.18)}.lb-switch.is-on .lb-switch__thumb{transform:translateX(15px)}.device-toggle,.icon-seg,.seg,.tab-bar{background:var(--surface);border-radius:9px;box-shadow:none}.seg{padding:3px;gap:2px}.device-toggle button,.icon-seg button,.seg button,.tab-bar__btn{border-radius:6px;font-weight:550}.device-toggle button.active,.icon-seg button.active,.seg button.active,.tab-bar__btn.active{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px rgba(10,10,12,.08)}.icon-seg button:focus-visible,.seg button:focus-visible{outline:2px solid hsla(0,0%,5%,.28);outline-offset:1px}.device-toggle{border-radius:8px}.props__tabs{padding:0 16px;border-bottom:1px solid var(--line)}.props__tabs__track{display:flex;gap:18px;padding:0;background:transparent;border-radius:0}.props__tabs__track button{position:relative;flex:0 0 auto;padding:11px 1px 10px;border-radius:0;font-size:12.5px;font-weight:550;letter-spacing:-.005em;color:var(--muted);background:transparent}.props__tabs__track button:hover{color:var(--ink-soft)}.props__tabs__track button.active{background:transparent;color:var(--ink);font-weight:650;box-shadow:none}.props__tabs__track button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:50% 50%;transition:transform .28s var(--ease-out)}.props__tabs__track button.active:after{transform:scaleX(1)}.props__tabs__track button:focus-visible{outline:2px solid hsla(0,0%,5%,.28);outline-offset:-2px}.props__group>summary:after{border-color:transparent;background:var(--surface);color:var(--muted);transition:background .15s var(--ease-out),color .15s var(--ease-out),transform .25s var(--ease-out)}.props__group>summary:hover:after{background:var(--surface-hover);color:var(--ink)}.field__label b{color:var(--ink);font-weight:500}.prop-row__label{color:var(--muted)}.palette__item{background:var(--surface);border-color:transparent;border-radius:12px;box-shadow:none}.palette__item:before{display:none}.palette__item:hover{background:var(--surface-hover);border-color:transparent;transform:translateY(-1px);box-shadow:none}.palette__item:active{transform:scale(.98)}.palette__item__label{font-weight:500}.palette__item__hint{font-family:var(--font-ui);font-weight:600;letter-spacing:.06em}.palette__section--megamenu{border-color:var(--line);background:var(--paper-2)}.palette__section--megamenu .palette__label{color:var(--ink-soft)}.pbp__line{border-radius:1px}.page-row{background:var(--surface);border-color:transparent;border-radius:11px}.page-row:hover{background:var(--surface-hover);border-color:transparent;box-shadow:none}.page-row.active{background:var(--surface);border-color:transparent;box-shadow:inset 0 0 0 1.5px var(--ink)}.pages-new-btn{border-radius:9px}.page-create-pop{border-color:var(--line);border-radius:14px}.page-create-pop__submit{border-radius:9px}.tb-btn{border-radius:8px;font-weight:500}.tb-btn:hover{background:var(--surface)}.tb-btn:active{transform:scale(.97)}.publish-btn{border-radius:9px;font-weight:550;letter-spacing:.005em}.publish-btn__dot{background:var(--success);box-shadow:0 0 0 3px rgba(96,163,125,.22)}.viewport-btn{border-radius:8px}.viewport-btn.is-open,.viewport-btn:hover{background:var(--surface)}.viewport-pop{border-color:var(--line);border-radius:14px}.viewport-pop__row input[type=range]{accent-color:var(--ink)}.viewport-pop__presets button{border-color:transparent;background:var(--surface);border-radius:9px}.viewport-pop__presets button:hover{border-color:transparent;background:var(--surface-hover)}.viewport-pop__presets button.active{border-color:transparent;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--ink)}.viewport-pop__presets button small{font-family:var(--font-ui);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.modal-scrim{background:rgba(12,12,13,.24);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{border-radius:16px;box-shadow:0 32px 80px -24px rgba(0,0,0,.22),0 6px 20px rgba(0,0,0,.07)}.modal,.tweaks{border-color:var(--line)}.tweaks{border-radius:16px}.tweaks__title:before{background:var(--success)}.section-kit-back,.section-kit-card,.section-kit-library{background:var(--surface);border-color:transparent;border-radius:12px;transition:background .16s var(--ease-out),transform .16s var(--ease-out)}.section-kit-back:hover,.section-kit-card:hover,.section-kit-library:hover{background:var(--surface-hover);border-color:transparent;transform:translateY(-1px)}.section-kit-library__icon{background:var(--paper);border-radius:8px}.section-kit-card__preview{background:var(--paper);border-color:var(--line-3);border-radius:8px}.section-kit-card__preview--image{background:var(--paper);box-shadow:none}.section-kit-empty{border-color:var(--line-2);border-radius:10px}.item-kit-card{background:var(--surface);border-color:transparent;border-radius:12px}.item-kit-card:hover{background:var(--surface-hover);border-color:transparent;box-shadow:none}.section-layout-card{background:var(--surface);border-color:transparent;border-radius:12px}.section-layout-card:hover{border-color:transparent;background:var(--surface-hover);box-shadow:none}.anim-choice{background:var(--surface);border-color:transparent;border-radius:12px;padding:.625rem .65rem}.anim-choice:hover{border-color:transparent;background:var(--surface-hover)}.anim-choice.active{border-color:transparent;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--ink)}.anim-choice__label{color:var(--ink)}.anim-choice__hint{color:var(--muted)}.shadow-choice{background:var(--surface);border-color:transparent;border-radius:10px}.shadow-choice.active{border-color:transparent;box-shadow:inset 0 0 0 1.5px var(--ink)}.shadow-choice__preview{border-radius:6px}.color-dot.active{box-shadow:0 0 0 2px var(--paper),0 0 0 3.5px var(--ink)}.props__footer button{border-radius:9px}.theme-editor__lock{color:var(--ink-soft);border-radius:10px}.kbd,.theme-editor__lock{background:var(--surface)}.kbd{font-size:10px;border-color:transparent;border-radius:5px;padding:2px 6px}@keyframes ds-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-fade{0%{opacity:0}to{opacity:1}}.props__body{animation:ds-rise .3s var(--ease-out) both}.palette__section{animation:ds-rise .34s var(--ease-out) both}.palette__section:nth-child(2){animation-delay:35ms}.palette__section:nth-child(3){animation-delay:.07s}.palette__section:nth-child(4){animation-delay:.105s}.palette__section:nth-child(n+5){animation-delay:.14s}.pages-panel{animation:ds-rise .3s var(--ease-out) both}.fancy-select__menu,.page-create-pop,.viewport-pop{animation:ds-rise .22s var(--ease-out) both}.device-toggle button:active,.icon-seg button:active,.pages-new-btn:active,.seg button:active,.tab-bar__btn:active,.url-box__copy:active,.viewport-pop__presets button:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.fancy-select__menu,.page-create-pop,.pages-panel,.palette__section,.props__body,.viewport-pop{animation:none}}.fx-stack{gap:0}.fx-row{border:0;border-radius:0;background:transparent;border-bottom:1px solid var(--line-3)}.fx-row:last-child{border-bottom:0}.fx-row.is-open{border-color:var(--line-3)}.fx-row__head{padding:10px 2px}.fx-row__label{font-weight:500}.fx-row__body{border-top:0;background:var(--paper-2);border-radius:10px;padding:12px 10px;margin:2px 0 10px}.anim-preview-btn,.blur-dir button,.fx-reset,.props__footer button,.section-order button{background:var(--surface);border-color:transparent;border-radius:8px;color:var(--ink-soft)}.anim-preview-btn:hover,.fx-reset:hover,.props__footer button:hover,.section-order button:hover:not(:disabled){background:var(--surface-hover);border-color:transparent;color:var(--ink)}.props__footer button.danger:hover{background:#fbedeb;color:#b3402f;border-color:transparent}.blur-dir button:hover{border-color:transparent;background:var(--surface-hover);color:var(--ink)}.blur-dir button.active{border-color:transparent;background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.overlay-preset{border-color:var(--line-2)}.gradient-choice.active,.overlay-preset.is-active{box-shadow:0 0 0 2px var(--paper),0 0 0 3.5px var(--ink)}.gradient-choice.active{border-color:var(--ink)}.header-style-choice{border-radius:10px}.asset-drop,.bg-image__drop{border-radius:12px}.modal__header h3{font-weight:600;letter-spacing:-.01em}.modal__close{border-radius:8px}.modal__close:hover{background:var(--surface)}.modal__footer button{border-radius:9px;font-weight:500}.modal__footer button.secondary{background:var(--surface);border-color:transparent;color:var(--ink-soft)}.modal__footer button.secondary:hover{background:var(--surface-hover);border-color:transparent;color:var(--ink)}.modal__footer button.primary{border-radius:9px}.asset-manager__search{height:38px;padding:0 12px;border:1.5px solid var(--ink);border-radius:11px;background:var(--paper);color:var(--ink)}.asset-manager__search:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px hsla(0,0%,5%,.07)}.asset-manager__search input{font-size:13px}.asset-tile{border-radius:12px}.asset-tile:hover{border-color:var(--line-2)}.theme-card{border-radius:14px}.theme-card.active{border-color:var(--ink);box-shadow:0 0 0 1.5px var(--ink)}.code-panel{border-radius:12px}.dvlog__search{background:var(--surface);border-color:transparent;border-radius:8px}.dvlog__search:focus{background:var(--paper);border-color:transparent;box-shadow:0 0 0 1.5px var(--ink)}.dvlog__chip{background:var(--surface);border-color:transparent;font-family:var(--font-ui);font-weight:500}.viewport{border-radius:14px}.viewport__chrome{border-bottom-color:var(--line-3)}.viewport__url{background:var(--surface);border-color:transparent;border-radius:7px;font-family:var(--font-ui);letter-spacing:.01em}.txt-tb{filter:drop-shadow(0 14px 32px rgba(0,0,0,.14))}.txt-tb__inner{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px rgba(10,10,12,.05);-webkit-backdrop-filter:none;backdrop-filter:none}.txt-tb__btn{color:var(--muted);font-family:var(--font-ui);font-weight:600;letter-spacing:.03em}.txt-tb__btn.active,.txt-tb__btn:hover{background:var(--surface);color:var(--ink)}.txt-tb__sep{background:var(--line)}.txt-tb__label{color:var(--muted-2);font-family:var(--font-ui);font-weight:600}.txt-tb__link-input{background:var(--surface);color:var(--ink);border:none;border-radius:7px}.txt-tb__link-input:focus{box-shadow:0 0 0 1.5px var(--ink)}.txt-tb__clr{border:1px solid var(--line-2)}.txt-tb__clr.active{box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--ink)}.theme-workspace{color:#f4f4f5}.theme-workspace__brand strong,.theme-workspace__preview-head strong{color:#fff}.theme-file-group__head,.theme-workspace__eyebrow,.theme-workspace__field span,.theme-workspace__path{color:hsla(240,5%,96%,.52)}.theme-workspace__field input{color:#f4f4f5}.theme-file{color:hsla(240,5%,96%,.74);border-radius:8px}.theme-file:hover{color:#fff}.theme-file.active{background:hsla(0,0%,100%,.13);border-color:hsla(0,0%,100%,.14);color:#fff}.theme-file-empty{color:hsla(240,5%,96%,.38)}.theme-workspace__actions .secondary{color:hsla(240,5%,96%,.78)}.theme-workspace__actions .primary{background:#fff;border-color:#fff;color:#101114}.theme-workspace__hint{color:hsla(240,5%,96%,.55)}.theme-workspace__hint code{color:#fff}.theme-workspace__schema span{color:hsla(240,5%,96%,.48)}.item-hover,.pack-hover,.section-hover{border-radius:16px;box-shadow:var(--shadow-lg)}.bm-margin{background:var(--surface);border:1.5px dashed var(--line-2)}.bm-padding{background:var(--paper)}.bm-element{background:var(--paper-2)}.bm-cell__value:hover{background:var(--surface-hover);color:var(--ink)}.bm-cell__value--scrubbing{background:var(--ink);color:var(--paper)}.bm-cell__value--override{color:var(--ink);font-weight:600}.bm-cell__input{border-color:var(--ink)}.props__empty small,.save-indicator{font-family:var(--font-ui);letter-spacing:.06em;font-weight:550}.pages-list__group,.section-kit-group{font-family:var(--font-ui);font-size:10.5px;font-weight:600;letter-spacing:.1em;color:var(--muted)}.page-row.active .page-row__icon{color:var(--paper);background:var(--ink);border-color:var(--ink)}.page-row.active .page-row__settings{border-left-color:var(--line)}.page-row__icon{background:var(--paper);border-color:transparent}.page-row__path{font-family:var(--font-ui);letter-spacing:.01em}.page-row__icon--menu,.page-settings__icon--menu{color:var(--ink-soft)}.page-settings__input{background:var(--surface);border-color:transparent}.page-settings__input:focus{background:var(--paper);border-color:transparent;box-shadow:0 0 0 1.5px var(--ink)}.page-settings__back,.page-settings__delete,.page-settings__open-menu{background:var(--surface);border-color:transparent;border-radius:9px}.page-settings__back:hover,.page-settings__open-menu:hover{background:var(--surface-hover);border-color:transparent;color:var(--ink)}.modal-scrim{background:rgba(12,12,13,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.canvas-wrap{background:var(--canvas-bg)}.canvas-wrap:before{display:none}.page-settings__icon{background:var(--surface);color:var(--ink-soft)}.advanced-design>summary small,.bm-element,.bm-layer-label{font-family:var(--font-ui);font-weight:600;letter-spacing:.08em}:root{--floor:#f4f4f5;--floor-well:#ededee;--track:var(--surface)}.app,.topbar{background:var(--floor)}.topbar{border-bottom:0;-webkit-backdrop-filter:none;backdrop-filter:none}.build-sidebar,.palette,.props{background:transparent;border-left:0;border-right:0}.props__header{border-bottom:0;padding-bottom:6px}.props__tabs{background:var(--floor)}.build-sidebar,.palette,.props,.topbar{--surface:#fff;--surface-hover:#f7f7f8;--track:#e9e9ea}.fancy-select__menu,.item-hover,.modal,.pack-hover,.page-create-pop,.section-hover,.tweaks,.txt-tb,.viewport-pop{--surface:#f2f2f2;--surface-hover:#ececec;--track:#f2f2f2}.device-toggle,.icon-seg,.seg,.tab-bar{background:var(--track)}.item-kit-card:hover,.page-row:hover,.palette__item:hover,.section-kit-card:hover,.section-kit-library:hover{box-shadow:0 6px 16px -10px rgba(18,18,22,.18)}.page-row__icon,.palette__section--megamenu,.section-kit-library__icon{background:var(--floor)}.section-kit-card__preview{border-color:var(--line)}.fx-row__body,.props__canvas-hint{background:var(--surface)}.bm-margin{background:var(--floor-well)}.bm-element,.bm-padding{background:var(--surface)}.palette .slider-row input[type=range]::-webkit-slider-thumb,.props .slider-row input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--floor),0 0 0 4px var(--line-2)}.canvas-wrap{background:transparent;padding:24px 28px 96px}.viewport{border-radius:12px;box-shadow:0 0 0 1px rgba(18,18,22,.04),0 1px 2px rgba(18,18,22,.05),0 10px 24px -6px rgba(18,18,22,.07),0 32px 72px -24px rgba(18,18,22,.16)}.viewport__chrome{display:none}@media (prefers-reduced-motion:no-preference){.viewport{transition:box-shadow .32s var(--ease-out),width .5s var(--ease-out),max-width .5s var(--ease-out),transform .32s var(--ease-out)}}:root{--floor:#f1f1f2;--floor-well:#e9e9eb}.build-sidebar,.palette,.props,.topbar{--track:#e4e4e6}.anim-choice,.item-kit-card,.page-row,.palette__item,.section-kit-back,.section-kit-card,.section-kit-library,.shadow-choice{box-shadow:0 0 0 1px rgba(18,18,22,.04),0 1px 2px rgba(18,18,22,.03)}.item-kit-card:hover,.page-row:hover,.palette__item:hover,.section-kit-card:hover,.section-kit-library:hover{box-shadow:0 0 0 1px rgba(18,18,22,.05),0 6px 16px -10px rgba(18,18,22,.2)}.anim-choice.active,.page-row.active,.shadow-choice.active{box-shadow:inset 0 0 0 1.5px var(--ink),0 0 0 1px rgba(18,18,22,.03)}.section-kit-library__icon--kit{color:var(--ink-soft)}.canvas-wrap{margin:12px 18px 18px;padding:0;background:var(--card);border-radius:14px;overflow:auto;box-shadow:0 0 0 1px rgba(18,18,22,.04),0 2px 4px rgba(18,18,22,.04),0 16px 40px -12px rgba(18,18,22,.12),0 40px 80px -32px rgba(18,18,22,.16);scrollbar-width:thin;scrollbar-color:#d9d9d9 transparent}.canvas-wrap::-webkit-scrollbar{width:10px}.canvas-wrap::-webkit-scrollbar-thumb{background:#dbdbdb;border-radius:999px;border:3px solid transparent;background-clip:padding-box}.canvas-wrap::-webkit-scrollbar-track{background:transparent}.viewport{border-radius:0;box-shadow:none}.viewport__chrome{display:flex;background:var(--paper);border-bottom:1px solid var(--line-3)}.anim-footnote,.section-props__hint{display:none}.viewport--section-drag{transform:none;box-shadow:none}.mode-switch--four{grid-template-columns:repeat(4,minmax(96px,1fr))}.mode-switch--four .mode-switch__thumb{width:calc((100% - 8px) / 4)}.mode-switch--four[data-mode=elements] .mode-switch__thumb{transform:translateX(0)}.mode-switch--four[data-mode=sections] .mode-switch__thumb{transform:translateX(100%)}.mode-switch--four[data-mode=items] .mode-switch__thumb{transform:translateX(200%)}.mode-switch--four[data-mode=pages] .mode-switch__thumb{transform:translateX(300%)}.mode-switch--five{grid-template-columns:repeat(5,minmax(88px,1fr))}.mode-switch--five .mode-switch__thumb{width:calc((100% - 8px) / 5)}.mode-switch--five[data-mode=elements] .mode-switch__thumb{transform:translateX(0)}.mode-switch--five[data-mode=sections] .mode-switch__thumb{transform:translateX(100%)}.mode-switch--five[data-mode=items] .mode-switch__thumb{transform:translateX(200%)}.mode-switch--five[data-mode=pages] .mode-switch__thumb{transform:translateX(300%)}.mode-switch--five[data-mode=site] .mode-switch__thumb{transform:translateX(400%)}.history-controls{display:flex;align-items:center;gap:2px}.tb-btn:disabled{opacity:.32;cursor:default;pointer-events:none}.canvas-section__empty-choice{width:100%;display:grid;grid-template-columns:minmax(0,.86fr) auto minmax(0,1.14fr);align-items:stretch;grid-gap:1rem;gap:1rem;padding:1rem;font-family:var(--font-ui);letter-spacing:normal;text-transform:none}.canvas-section__empty-option{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:.75rem;gap:.75rem;min-width:0;padding:1rem;border:1px dashed var(--line-2);border-radius:.875rem;background:color-mix(in srgb,var(--paper-2) 88%,transparent)}.canvas-section__empty-icon{width:2.25rem;height:2.25rem;display:grid;place-items:center;flex:none;border-radius:.75rem;background:var(--paper);color:var(--muted);box-shadow:0 0 0 1px rgba(18,18,22,.06),0 .25rem .75rem -.5rem rgba(18,18,22,.18)}.canvas-section__empty-icon--designer{background:var(--ink);color:var(--paper)}.canvas-section__empty-copy{min-width:0;display:grid;grid-gap:.25rem;gap:.25rem}.canvas-section__empty-copy strong{font-size:.8125rem;line-height:1.25;letter-spacing:-.01em}.canvas-section__empty-copy small{color:var(--muted);font-size:.6875rem;line-height:1.45}.canvas-section__empty-divider{display:grid;place-items:center;color:var(--muted-2);font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.08em;text-transform:uppercase}.canvas-section__empty-divider span{width:1.75rem;height:1.75rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--paper)}.canvas-section__empty-action{display:inline-flex;align-items:center;gap:.25rem;padding:.4375rem .625rem;border-radius:999rem;background:var(--surface);color:var(--ink-soft);font-size:.625rem;font-weight:600;white-space:nowrap;transition:background .16s var(--ease-out),transform .16s var(--ease-out)}.canvas-section__layout-prompt:hover .canvas-section__empty-action{background:var(--ink);color:var(--paper);transform:translateX(2px)}.canvas-section:has(.canvas-section__empty-choice) .empty-zone{min-height:12rem;margin:1.5rem clamp(1rem,4vw,3rem);border-color:var(--line);background-size:1.5rem 1.5rem;container-type:inline-size}.section-catalog-scrim{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:1.5rem;background:rgba(12,12,14,.46);-webkit-backdrop-filter:blur(14px) saturate(.8);backdrop-filter:blur(14px) saturate(.8);animation:section-catalog-scrim-in .24s var(--ease-out) both}.section-catalog{width:min(92rem,calc(100vw - 3rem));height:min(54rem,calc(100vh - 3rem));min-height:34rem;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid hsla(0,0%,100%,.1);border-radius:1.125rem;background:#151517;color:#f7f7f8;box-shadow:0 3rem 7rem -2rem rgba(0,0,0,.72),0 .75rem 2rem rgba(0,0,0,.28);animation:section-catalog-in .34s var(--ease-snap) both}.section-catalog__header{position:relative;min-height:4.5rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:1rem;gap:1rem;padding:0 1.25rem;border-bottom:1px solid hsla(0,0%,100%,.075);background:rgba(25,25,27,.94)}.section-catalog__brand,.section-catalog__brand>span:last-child{display:flex;align-items:center}.section-catalog__brand{gap:.75rem;min-width:0}.section-catalog__brand>span:last-child{align-items:flex-start;flex-direction:column;gap:.125rem;min-width:0}.section-catalog__brand strong{font-size:.875rem;line-height:1.2}.section-catalog__brand small{color:#8f8f95;font-size:.6875rem}.section-catalog__mark{width:2.125rem;height:2.125rem;display:grid;place-items:center;border-radius:.6875rem;background:linear-gradient(135deg,#f7f7f8,#bdbdc4);color:#151517;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.45)}.section-catalog__mode{align-self:stretch;min-width:12rem;display:grid;place-items:center;padding:.5rem 1.5rem;border-inline:1px solid hsla(0,0%,100%,.06);background:hsla(0,0%,100%,.025)}.section-catalog__mode-pill{display:inline-flex;align-items:center;min-height:2.25rem;padding:0 1.25rem;border-radius:.625rem;background:hsla(0,0%,100%,.08);color:#fff;font-size:.75rem;font-weight:600}.section-catalog__header-meta{justify-self:end;display:flex;align-items:center;gap:1rem;color:#77777e;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.05em;text-transform:uppercase}.section-catalog__close{width:2.25rem;height:2.25rem;display:grid;place-items:center;border:1px solid hsla(0,0%,100%,.08);border-radius:.625rem;color:#aaaab0;transition:color .16s,background .16s,transform .16s}.section-catalog__close:hover{color:#fff;background:hsla(0,0%,100%,.08);transform:rotate(2deg)}.section-catalog__workspace{min-height:0;display:grid;grid-template-columns:15.5rem minmax(0,1fr)}.section-catalog__rail{min-height:0;display:flex;flex-direction:column;padding:1.25rem .875rem 1rem;border-right:1px solid hsla(0,0%,100%,.07);background:#18181a;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#38383c transparent}.section-catalog__rail-heading{display:grid;grid-gap:.375rem;gap:.375rem;padding:0 .625rem 1rem}.section-catalog__rail-heading>span{font-size:.6875rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.section-catalog__rail-heading small{color:#77777e;font-size:.6875rem;line-height:1.5}.section-catalog__categories{display:grid;grid-gap:.1875rem;gap:.1875rem}.section-catalog__categories button{width:100%;min-height:2.375rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 .75rem;border-radius:.5625rem;color:#a2a2a8;text-align:left;font-size:.75rem;transition:color .15s,background .15s,transform .15s}.section-catalog__categories button:hover{color:#fff;background:hsla(0,0%,100%,.055);transform:translateX(2px)}.section-catalog__categories button.active{color:#fff;background:hsla(0,0%,100%,.095)}.section-catalog__categories button small{color:#68686f;font-family:var(--font-mono);font-size:.625rem}.section-catalog__categories button.active small{color:#bcbcc2}.section-catalog__rail-note{margin-top:auto;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;grid-gap:.625rem;gap:.625rem;padding:.875rem .75rem;border:1px solid hsla(0,0%,100%,.07);border-radius:.75rem;background:hsla(0,0%,100%,.025);color:#77777e;font-size:.625rem;line-height:1.5}.section-catalog__main{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:#121214}.section-catalog__toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid hsla(0,0%,100%,.055);background:rgba(18,18,20,.92)}.section-catalog__eyebrow{color:#68686f;font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.11em;text-transform:uppercase}.section-catalog__toolbar h2{margin:.25rem 0 0;font-size:1.25rem;letter-spacing:-.025em}.section-catalog__search{width:min(18rem,40%);min-height:2.5rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:.5rem;gap:.5rem;padding:0 .75rem;border:1px solid hsla(0,0%,100%,.08);border-radius:.625rem;background:hsla(0,0%,100%,.045);color:#77777e;transition:border-color .15s,box-shadow .15s,background .15s}.section-catalog__search:focus-within{border-color:hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.065);box-shadow:0 0 0 3px hsla(0,0%,100%,.045)}.section-catalog__search input{min-width:0;border:0;outline:0;background:transparent;color:#f7f7f8;font-family:var(--font-ui);font-size:.75rem}.section-catalog__search input::placeholder{color:#707077}.section-catalog__search button{display:grid;place-items:center;color:#8f8f95}.section-catalog__scroller{min-height:0;overflow-y:auto;padding:1.25rem 1.5rem 2rem;scrollbar-width:thin;scrollbar-color:#38383c transparent;overscroll-behavior:contain}.section-catalog__rail::-webkit-scrollbar,.section-catalog__scroller::-webkit-scrollbar{width:.625rem}.section-catalog__rail::-webkit-scrollbar-thumb,.section-catalog__scroller::-webkit-scrollbar-thumb{border:.1875rem solid transparent;border-radius:999rem;background:#38383c;background-clip:padding-box}.section-catalog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;grid-gap:1.25rem 1rem;gap:1.25rem 1rem}.section-catalog-card{min-width:0;display:grid;grid-gap:.6875rem;gap:.6875rem;color:#f1f1f3;text-align:left;opacity:0;transform:translateY(1rem) scale(.985);transition:opacity .5s var(--ease-out) var(--reveal-delay),transform .5s var(--ease-out) var(--reveal-delay)}.section-catalog-card[data-visible=true]{opacity:1;transform:translateY(0) scale(1)}.section-catalog-card__media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;border:1px solid hsla(0,0%,100%,.08);border-radius:.75rem;background:#202023;box-shadow:0 .5rem 1.5rem -.875rem rgba(0,0,0,.65);transition:border-color .18s,transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.section-catalog-card:focus-visible .section-catalog-card__media,.section-catalog-card:hover .section-catalog-card__media{border-color:hsla(0,0%,100%,.28);transform:translateY(-3px);box-shadow:0 1rem 2rem -1rem rgba(0,0,0,.82)}.section-catalog-card:focus-visible{outline:none}.section-catalog-card:focus-visible .section-catalog-card__media{box-shadow:0 0 0 3px hsla(0,0%,100%,.14),0 1rem 2rem -1rem rgba(0,0,0,.82)}.section-catalog-card__media>.section-kit-card__preview{position:absolute;inset:0;min-height:0;border:0;border-radius:0;background:#f3f3f3;padding:.5rem}.section-catalog-card__media .section-kit-card__thumbnail{width:100%;height:100%;min-height:0;border-radius:.25rem;object-fit:contain}.section-catalog-card__media .section-kit-card__preview--live{padding:0}.section-catalog-card__media .section-kit-card__preview--live iframe{width:500%;height:500%;transform:scale(.2)}.section-catalog-card__use{position:absolute;right:.625rem;bottom:.625rem;display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .625rem;border-radius:999rem;background:rgba(18,18,20,.9);color:#fff;box-shadow:0 .375rem 1rem rgba(0,0,0,.24);font-size:.625rem;font-weight:600;opacity:0;transform:translateY(.375rem);transition:opacity .18s,transform .18s var(--ease-out)}.section-catalog-card:focus-visible .section-catalog-card__use,.section-catalog-card:hover .section-catalog-card__use{opacity:1;transform:translateY(0)}.section-catalog-card__body{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:0 .125rem}.section-catalog-card__body>span:first-child{min-width:0;display:grid;grid-gap:.1875rem;gap:.1875rem}.section-catalog-card__body strong{overflow:hidden;color:#eaeaed;font-size:.75rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.section-catalog-card__body small{color:#6f6f76;font-size:.625rem}.section-catalog-card__source{flex:none;padding:.25rem .4375rem;border-radius:999rem;background:hsla(0,0%,100%,.05);color:#85858c;font-family:var(--font-mono);font-size:.5rem;letter-spacing:.05em;text-transform:uppercase}.section-catalog__empty{min-height:18rem;display:grid;place-items:center;align-content:center;grid-gap:.5rem;gap:.5rem;color:#8a8a91;text-align:center}.section-catalog__empty>span{width:2.75rem;height:2.75rem;display:grid;place-items:center;border:1px solid hsla(0,0%,100%,.08);border-radius:.75rem;background:hsla(0,0%,100%,.035)}.section-catalog__empty strong{color:#d0d0d4;font-size:.8125rem}.section-catalog__empty small{font-size:.6875rem}@keyframes section-catalog-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes section-catalog-in{0%{opacity:0;transform:translateY(1rem) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@container (max-width: 50rem){.canvas-section__empty-choice{grid-template-columns:1fr;gap:.625rem}.canvas-section__empty-divider{height:0;overflow:visible}.canvas-section__empty-divider span{position:relative;z-index:3}}@container (max-width: 28rem){.canvas-section__empty-action{display:none}}@media (max-width:74rem){.section-catalog__workspace{grid-template-columns:13rem minmax(0,1fr)}.section-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-section__empty-choice{grid-template-columns:1fr;gap:.625rem}.canvas-section__empty-divider{height:0;overflow:visible}.canvas-section__empty-divider span{position:relative;z-index:3}}@media (max-width:48rem){.section-catalog-scrim{padding:.75rem}.section-catalog{width:calc(100vw - 1.5rem);height:calc(100vh - 1.5rem)}.section-catalog__header{grid-template-columns:1fr auto}.section-catalog__header-meta>span,.section-catalog__mode{display:none}.section-catalog__workspace{grid-template-columns:1fr}.section-catalog__rail{max-height:7rem;border-right:0;border-bottom:1px solid hsla(0,0%,100%,.07)}.section-catalog__rail-heading,.section-catalog__rail-note{display:none}.section-catalog__categories{display:flex;overflow-x:auto}.section-catalog__categories button{width:auto;flex:none}.section-catalog__toolbar{align-items:center;padding:1rem}.section-catalog__search{width:min(15rem,55%)}.section-catalog__scroller{padding:1rem}}@media (max-width:34rem){.section-catalog__grid{grid-template-columns:1fr}.section-catalog__toolbar{align-items:stretch;flex-direction:column}.section-catalog__search{width:100%}.canvas-section__empty-action{display:none}}@media (prefers-reduced-motion:reduce){.section-catalog,.section-catalog-card,.section-catalog-scrim{animation:none;transition:none}.section-catalog-card{opacity:1;transform:none}}.floating-props .props__tabs{background:oklch(99% .002 285/.72);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3)}.floating-props--pinned .props__tabs{background:var(--floor);backdrop-filter:none;-webkit-backdrop-filter:none}.floating-props .props .slider-row input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 3px transparent,0 0 0 4px var(--line-2)}