@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--design-primary:#1e1e1e;--design-background:#fafafa;--design-text:#232323;--font-size:12px;--text-h1:32px;--text-h2:24px;--text-h3:18px;--text-h4:14px;--text-base:12px;--text-label:11px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--background:#fff;--foreground:#000;--card:#0000;--card-foreground:#000;--popover:#fff;--popover-foreground:#000;--primary:#eaff00;--primary-foreground:#000;--secondary:#0000;--secondary-foreground:#000;--muted:#f3f4f6;--muted-foreground:#9ca3af;--accent:#eaff00;--accent-foreground:#000;--destructive:#dc2626;--destructive-foreground:#fff;--border:#e5e7eb;--input-background:#fff;--ring:#eaff00;--elevation-sm:0 1px 2px 0 #0000000d;--font-weight-medium:500;--font-weight-normal:400;--font-weight-semibold:600;--radius:12px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px}.dark{--background:#121212;--foreground:#fff;--card:#27272a;--card-foreground:#fff;--popover:#27272a;--popover-foreground:#fff;--primary:#bc0;--primary-foreground:#000;--secondary:#3f3f46;--secondary-foreground:#fff;--muted:#3f3f46;--muted-foreground:#a1a1aa;--accent:#bc0;--accent-foreground:#000;--destructive:#b91c1c;--destructive-foreground:#fff;--border:#3f3f46;--input-background:#27272a;--ring:#bc0;--elevation-sm:0 1px 2px 0 #00000040;--font-weight-medium:500;--font-weight-normal:400;--font-weight-semibold:600}*,:before,:after{box-sizing:border-box;border-color:var(--border)}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:GT America,Inter,sans-serif}h1{font-family:GT America,Inter,sans-serif;font-size:var(--text-h1);font-weight:var(--font-weight-semibold);line-height:1.5}h2{font-family:GT America,Inter,sans-serif;font-size:var(--text-h2);font-weight:var(--font-weight-semibold);line-height:1.5}h3{font-family:GT America,Inter,sans-serif;font-size:var(--text-h3);font-weight:var(--font-weight-medium);line-height:1.5}h4{font-family:GT America,Inter,sans-serif;font-size:var(--text-h4);font-weight:var(--font-weight-medium);line-height:1.5}p{font-family:GT America,Inter,sans-serif;font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}label{font-family:GT America,Inter,sans-serif;font-size:var(--text-label);font-weight:var(--font-weight-normal);line-height:1.5}button,input,textarea,select{font-family:GT America,Inter,sans-serif;font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}html{font-size:var(--font-size)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--design-font);color:var(--design-text);background:var(--design-background);min-height:100vh;margin:0;line-height:1.5}body.show-grid{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' shape-rendering='crispEdges'%3E%3Cpath d='M10 0V20M0 9.5H20' stroke='%23000' stroke-opacity='0.08' stroke-width='1'/%3E%3C/svg%3E");background-position:50%;background-size:20px 20px}.page-wrapper{flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex;container:page/inline-size}.content *,.content :before,.content :after{box-sizing:border-box}.builder-canvas__blocks h1,.builder-canvas__blocks h2,.builder-canvas__blocks p,.content h1,.content h2,.content p{min-height:20px;line-height:20px}.builder-canvas__blocks h1,.content h1{font-family:var(--design-font,"GT America", Inter, sans-serif);min-height:40px;font-size:32px;font-weight:600;line-height:40px}.builder-canvas__blocks h2,.content h2{font-family:var(--design-font,"GT America", Inter, sans-serif);min-height:40px;font-size:24px;font-weight:600;line-height:40px}.builder-canvas__blocks p,.content p{font-family:var(--design-font,"GT America", Inter, sans-serif);min-height:20px;font-size:12px;line-height:20px}.header-block{width:100%;min-height:40px}.header-block__inner{justify-content:space-between;align-items:center;width:100%;max-width:1000px;min-height:40px;margin:0 auto;padding:0;display:flex}.header-block__logo{font-family:var(--design-font,inherit);color:var(--design-text,inherit);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;text-decoration:none}.header-block__logo:hover{opacity:.8}.header-block__nav{align-items:center;gap:1.5rem;display:flex}.header-block__link{border:1px solid var(--design-border,#0000001a);border-radius:var(--design-radius,8px);background:var(--design-background,#fff);color:var(--design-text,#1e1e1e);font-family:var(--design-font,inherit);cursor:pointer;align-items:center;padding:10px 20px;font-size:12px;font-weight:500;text-decoration:none;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;display:inline-flex}.header-block__link:hover{background:#00000008;border-color:#0003}.header-block__nav-item{transition:transform .15s ease-out}.header-block__nav-item--dragging{opacity:1}.header-block__link--cta{background:var(--design-primary,#1e1e1e);color:#fff;border-color:var(--design-primary,#1e1e1e)}.header-block__link--cta:hover{opacity:.9;background:var(--design-primary,#1e1e1e);border-color:var(--design-primary,#1e1e1e)}.header-block__link--dragging{opacity:1}.divider-block{width:100%;min-height:20px;padding:9.5px 0}.divider-block__line{background:var(--design-border,#ccc);border:none;width:100%;height:1px;margin:0}.button-block{min-height:40px;display:inline-block}.button-block__btn{background:var(--design-primary,#1e1e1e);color:var(--design-background,#fff);border-radius:var(--design-radius,8px);font-family:var(--design-font,inherit);cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 24px;font-size:1rem;font-weight:500;text-decoration:none;transition:opacity .15s ease-in-out;display:inline-flex}.button-block__btn:hover{opacity:.9}.button-block__input{color:inherit;font:inherit;text-align:center;background:0 0;border:none;outline:none;width:auto;min-width:60px}.language-picker-block{min-height:40px;display:inline-block}.language-picker-block__wrapper{background:var(--design-background,#fff);border:1px solid var(--design-border,#0000001a);border-radius:var(--design-radius,8px);font-family:var(--design-font,inherit);align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.language-picker-block__icon{color:var(--design-text-muted,#00000080);flex-shrink:0}.language-picker-block__select{appearance:none;color:var(--design-text,#1e1e1e);cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 100% no-repeat;border:none;padding-right:16px;font-family:inherit;font-size:.875rem;font-weight:500}.language-picker-block__select:focus{outline:none}.language-picker-block__single-lang{font-size:14px;font-family:var(--design-font,inherit);color:var(--design-text,inherit)}.language-picker-block--single .language-picker-block__wrapper{cursor:default}.footer-block{border-top:1px solid var(--design-border,#0000001a);width:100%;min-height:120px;margin-top:auto}.footer-block__inner{flex-direction:column;gap:20px;width:100%;max-width:1000px;margin:0 auto;padding:40px 0;display:flex}.footer-block__top{justify-content:space-between;align-items:center;display:flex}.footer-block__brand{color:var(--design-text,#1e1e1e);font-size:1.25rem;font-weight:600}.footer-block__nav{align-items:center;gap:1rem;display:flex}.footer-block__link{color:var(--design-text-muted,#00000080);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;text-decoration:none;transition:color .15s ease-in-out}.footer-block__link:hover{color:var(--design-text,#1e1e1e)}.footer-block__bottom{border-top:1px solid var(--design-border,#0000001a);padding-top:20px}.footer-block__copyright{color:var(--design-text-muted,#00000080);font-size:.875rem}.table-block{border-radius:var(--design-radius,8px);width:100%;min-height:80px;overflow:hidden}.table-block__table{border-collapse:collapse;width:100%}.table-block__head{background:var(--design-muted,#f5f5f5)}.table-block__cell{border:1px solid var(--design-border,#e5e5e5);text-align:left;height:40px;font-family:var(--design-font,inherit);color:var(--design-text,#1e1e1e);box-sizing:border-box;padding:0 16px;line-height:40px}.table-block__head .table-block__cell{background:var(--design-muted,#f5f5f5);font-weight:600}.gallery-block{width:100%}.gallery-block__grid{grid-template-columns:repeat(var(--gallery-columns,3), minmax(0, 1fr));gap:20px;display:grid}.gallery-block__empty{border-radius:var(--design-radius,8px);height:200px;color:var(--design-text-muted,#00000080);background:#00000008;justify-content:center;align-items:center;display:flex}.gallery-block__item{border-radius:var(--design-radius,8px);background:#00000008;height:200px;position:relative;overflow:hidden}.gallery-block__img{object-fit:cover;width:100%;height:100%;display:block}.gallery-block__controls{margin-top:10px}.gallery-block__add{border-radius:var(--design-radius,8px);border:1px solid var(--design-border,#0000001a);background:var(--design-background,#fff);height:40px;color:var(--design-text,#1e1e1e);font-family:var(--design-font,inherit);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0 14px;font-size:.875rem;display:inline-flex}.gallery-block__remove{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:999px;width:28px;height:28px;font-size:18px;line-height:28px;position:absolute;top:8px;right:8px}.accordion-block{width:100%}.accordion-block__items{flex-direction:column;display:flex}.accordion-block__item{border:1px solid var(--design-border,#0000001a);border-radius:var(--design-radius,8px);background:var(--design-background,#fff);overflow:hidden}.accordion-block__item:not(:last-child){margin-bottom:20px}.accordion-block__summary{cursor:pointer;min-height:40px;font-family:var(--design-font,inherit);color:var(--design-text,#1e1e1e);padding:10px 12px;font-size:12px;font-weight:600;line-height:20px;list-style:none}.accordion-block__summary::-webkit-details-marker{display:none}.accordion-block__summary-inner{justify-content:space-between;align-items:center;display:flex}.accordion-block__title{flex:1;min-width:0}.accordion-block__title--editable{cursor:text}.accordion-block__title--placeholder{color:var(--muted-foreground,#00000080)}.accordion-block__title-input{width:100%;font:inherit;color:inherit;background:0 0;border:none;outline:none;padding:0}.accordion-block__remove-btn{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:999px;flex:none;width:28px;height:28px;margin-left:12px;font-size:18px;line-height:28px}.accordion-block__panel{border-top:1px solid var(--design-border,#00000014);padding:20px}.accordion-block__text{color:var(--design-text,#1e1e1e);font-family:var(--design-font,inherit);white-space:pre-wrap;margin:0;font-size:12px;line-height:20px}.accordion-block__text--editable{cursor:text}.accordion-block__text--placeholder{color:var(--muted-foreground,#00000080)}.accordion-block__content-input{width:100%;font-family:var(--design-font,inherit);color:var(--design-text,#1e1e1e);resize:vertical;background:0 0;border:none;outline:none;padding:0;font-size:12px;line-height:20px}.accordion-block__add-btn{border-radius:var(--design-radius,8px);border:1px solid var(--design-border,#0000001f);background:var(--design-background,#fff);height:40px;color:var(--design-text,#1e1e1e);font-family:var(--design-font,inherit);cursor:pointer;margin-top:20px;padding:0 14px;font-size:12px}.content{text-align:left;flex-direction:column;flex:1;gap:20px;width:100%;max-width:1000px;margin:0 auto;padding:20px;display:flex;position:relative}.content>*{text-align:left;margin-left:0;margin-right:auto}@container page (width<=1040px){.content{max-width:960px}}@container page (width<=1000px){.content{max-width:920px}}@container page (width<=960px){.content{max-width:880px}}@container page (width<=920px){.content{max-width:840px}}@container page (width<=880px){.content{max-width:800px}}@container page (width<=840px){.content{max-width:760px}}@container page (width<=800px){.content{max-width:720px}}@container page (width<=760px){.content{max-width:680px}}@container page (width<=720px){.content{max-width:640px}}@container page (width<=680px){.content{max-width:600px}}@container page (width<=640px){.content{max-width:560px}}@container page (width<=600px){.content{max-width:520px}}@container page (width<=560px){.content{max-width:480px}}@container page (width<=520px){.content{max-width:440px}}@container page (width<=480px){.content{max-width:400px}}@container page (width<=440px){.content{max-width:360px}}@container page (width<=400px){.content{max-width:320px}}@container page (width<=360px){.content{max-width:280px}}@container page (width<=320px){.content{max-width:240px}}@container page (width<=280px){.content{max-width:200px}}h1{color:var(--design-text,#1e1e1e);text-align:left;margin-bottom:1rem;font-size:2.5rem;font-weight:600}h2{color:var(--design-text,#1e1e1e);text-align:left;margin-bottom:.75rem;font-size:1.75rem;font-weight:600}p{color:var(--design-text,#1e1e1e);text-align:left;margin-bottom:1rem}.image-placeholder{height:200px;color:var(--design-text-muted,#00000080);border-radius:var(--design-radius,8px);background:#00000008;justify-content:center;align-items:center;display:flex}.c-badge{z-index:10;align-self:flex-start;align-items:flex-end;gap:4px;margin-top:auto;display:flex;position:sticky;bottom:20px}.c-badge__trigger,.c-badge__option{white-space:nowrap;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:500;line-height:1.35;text-decoration:none;display:block;position:relative;overflow:hidden}.c-badge__label{z-index:1;padding:4px 8px 6px;display:block;position:relative}.c-badge__trigger{color:var(--c-badge-text,#fff);cursor:pointer}.c-badge__shader{pointer-events:none;display:block;position:absolute;top:0;left:0}.c-badge__option--blank{background:#0003;background:color-mix(in srgb, var(--design-background,#fff) 80%, #000);color:var(--design-text,#1e1e1e)}.c-badge__option--template{color:#fff;background:#1e1e1e}.c-badge__option{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),visibility 0s .25s;transform:translate(-20px)}.c-badge__option--template{transition-delay:60ms,60ms,.31s}.c-badge:hover .c-badge__option,.c-badge:focus-within .c-badge__option,.c-badge--open .c-badge__option{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;transform:translate(0)}.c-badge:hover .c-badge__option--template,.c-badge:focus-within .c-badge__option--template,.c-badge--open .c-badge__option--template{transition-delay:60ms,60ms,0s}@media (prefers-reduced-motion:reduce){.c-badge__option{transition:none}}:root{--builder-panel-width:340px}*,:before,:after{corner-shape:squircle}svg{shape-rendering:geometricprecision;image-rendering:auto}[class*=icon] svg,svg[class*=icon],.component-library__icon svg,.builder-topbar__toggle-icon svg,.device-cycle-btn__icon svg,.block-chooser__tab-icon svg,.block-chooser__page-icon svg,.block-chooser__expand-icon svg,.block-chooser__element-icon svg,.address-bar__home-icon svg,.property-inspector__icon svg,.layers-panel__icon svg,.publish-btn__icon svg,.settings-panel__icon-btn svg{shape-rendering:geometricprecision;image-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.builder-app{width:100vw;height:100vh;color:var(--foreground);flex-direction:column;display:flex}.dev-grid-toggle{z-index:9999;color:#fff;cursor:pointer;opacity:.8;background:#333;border:none;border-radius:8px;padding:8px 16px;font-family:monospace;font-size:12px;transition:opacity .15s ease-in-out;position:fixed;bottom:20px;right:20px}.dev-grid-toggle:hover{opacity:1}.builder-app--no-grid .builder-canvas{background-image:none!important}.builder-app--no-grid .builder-canvas:before{display:none}.builder-app__body{flex:1;margin-top:52px;transition:margin .3s ease-out;display:flex;position:relative;overflow:visible}.builder-app--topbar-hidden .builder-app__body{margin-top:0}.builder-app--banner-visible .builder-app__body{margin-top:92px}.builder-app--banner-visible.builder-app--topbar-hidden .builder-app__body{margin-top:40px}.builder-app--left-panel-open .builder-app__body{margin-left:calc(var(--builder-panel-width) + 16px)}.builder-app--right-panel-open .builder-app__body{margin-right:calc(var(--builder-panel-width) + 16px)}.builder-app--bottom-panel-open .builder-app__body{margin-bottom:356px}.builder-app__main{flex-direction:column;flex:1;display:flex;position:relative;overflow:visible}.builder-app__content{flex:1;display:flex;position:relative;overflow:visible}.builder-app__floating-dimensions{z-index:150;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.builder-app--bottom-panel-open .builder-app__floating-dimensions{top:auto;bottom:8px;left:8px;transform:none}.builder-app__side-panel{width:var(--builder-panel-width);z-index:500;isolation:isolate;background:0 0;border-radius:20px;flex-direction:column;font-family:GT-America-Standard-Regular,Inter,system-ui,-apple-system,sans-serif;transition:transform .3s ease-out,opacity .3s ease-out;display:flex;position:fixed;top:8px;bottom:8px;overflow:hidden;transform:none;box-shadow:0 2px 8px #0000000f,0 8px 24px #00000014,0 0 0 1px #0000000a}.builder-app__side-panel:before,.builder-app__side-panel:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.builder-app__side-panel:before{-webkit-backdrop-filter:blur(8px)saturate(1.1);backdrop-filter:blur(8px)saturate(1.1);background:#ffffffa6}.builder-app__side-panel:after{-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);background:#ffffff29}.builder-app__side-panel>*{z-index:1;position:relative}.builder-app__side-panel--left:after{-webkit-mask-image:linear-gradient(90deg,#000 0% 55%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 55%,#0000 100%)}.builder-app__side-panel--right:after{-webkit-mask-image:linear-gradient(270deg,#000 0% 55%,#0000 100%);mask-image:linear-gradient(270deg,#000 0% 55%,#0000 100%)}.builder-app--banner-visible .builder-app__side-panel{top:48px}.builder-app__side-panel--left{left:8px}.builder-app__side-panel--left.builder-app__side-panel--hidden{opacity:0;pointer-events:none;transform:translate(calc(-100% - 16px))}.builder-app__side-panel--right{right:8px}.builder-app__side-panel--right.builder-app__side-panel--hidden{opacity:0;pointer-events:none;transform:translate(calc(100% + 16px))}.builder-app__bottom-panel{z-index:500;isolation:isolate;background:0 0;border-radius:20px;flex-direction:column;height:340px;max-height:calc(50vh - 16px);transition:transform .3s ease-out,opacity .3s ease-out;display:flex;position:fixed;bottom:8px;left:8px;right:8px;overflow:hidden;transform:none;box-shadow:0 -2px 8px #0000000a,0 -8px 24px #0000000f,0 0 0 1px #0000000a}.builder-app__bottom-panel:before,.builder-app__bottom-panel:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.builder-app__bottom-panel:before{-webkit-backdrop-filter:blur(8px)saturate(1.1);backdrop-filter:blur(8px)saturate(1.1);background:#ffffffa6}.builder-app__bottom-panel:after{-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);background:#ffffff29;-webkit-mask-image:linear-gradient(#0000 0%,#000 45% 100%);mask-image:linear-gradient(#0000 0%,#000 45% 100%)}.builder-app__bottom-panel>*{z-index:1;position:relative}.builder-app__bottom-panel--hidden{opacity:0;pointer-events:none;transform:translateY(100%)}.builder-app__bottom-panel>.block-chooser{background:0 0;border-top:none;flex:1;min-height:0}.builder-app__side-panel .block-chooser{flex:1}.builder-topbar__wrapper{z-index:500;isolation:isolate;pointer-events:none;height:52px;transition:transform .3s ease-in-out,opacity .3s ease-in-out,top .3s ease-out,left .3s ease-out,right .3s ease-out;position:fixed;top:0;left:0;right:0;overflow:visible}.builder-app--banner-visible .builder-topbar__wrapper{top:40px}.builder-app--left-panel-open .builder-topbar__wrapper{left:calc(var(--builder-panel-width) + 16px)}.builder-app--right-panel-open .builder-topbar__wrapper{right:calc(var(--builder-panel-width) + 16px)}.builder-topbar__wrapper--hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.builder-topbar{z-index:1;pointer-events:none;background:0 0;justify-content:center;align-items:center;height:52px;padding:0 12px;display:flex;position:relative}.builder-topbar__hover-zone{z-index:100;height:52px;position:fixed;top:0;left:0;right:0}.builder-topbar__show-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--muted);width:16px;height:16px;color:var(--foreground);cursor:pointer;z-index:101;justify-content:center;align-items:center;transition:background-color .2s ease-in-out;display:flex;position:absolute;top:12px;left:12px}.builder-topbar__show-btn:hover{background:color-mix(in srgb, var(--border) 50%, transparent)}.builder-topbar__show-btn--right{left:auto;right:12px}.builder-topbar__center{pointer-events:auto;align-items:center;transition:left .3s ease-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.builder-topbar__help-btn{cursor:pointer;width:30px;height:30px;color:var(--muted-foreground);background:0 0;border:none;border-radius:24px;justify-content:center;align-items:center;padding:0;transition:color .15s ease-in-out;display:flex}.builder-topbar__help-btn:hover{color:var(--foreground)}.builder-topbar__avatar{cursor:pointer;background:#eeeed7;border:none;border-radius:24px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:opacity .15s ease-in-out;display:flex}.builder-topbar__avatar:hover{opacity:.85}.builder-topbar__avatar-initial{color:#6a6a6a;letter-spacing:-.4px;font-size:14px;font-weight:400;line-height:20px}.builder-topbar__avatar-wrapper{position:relative}.builder-topbar__avatar-menu{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:100;min-width:120px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 12px #0000001a}.builder-topbar__avatar-menu-item{width:100%;color:var(--foreground);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background-color .15s ease-in-out;display:flex}.builder-topbar__avatar-menu-item:hover{background:var(--muted)}.builder-topbar__left{pointer-events:auto;align-items:center;gap:4px;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.builder-topbar__toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--muted);width:16px;height:16px;color:var(--foreground);cursor:pointer;opacity:0;justify-content:center;align-items:center;transition:background-color .2s ease-in-out,opacity .15s ease-in-out;display:flex;position:relative;top:auto;left:auto;transform:none}.builder-topbar__left:hover .builder-topbar__toggle{opacity:1}.builder-topbar__toggle:hover{background:color-mix(in srgb, var(--border) 50%, transparent)}.builder-topbar__toggle-icon{width:12px;height:12px}.builder-topbar__toggle--right{left:auto;right:12px}.panel-chrome{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 8px;display:flex;position:relative}.panel-chrome__left{align-items:center;gap:4px;display:flex}.panel-chrome__btn{width:26px;height:26px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:color .15s ease-in-out;display:flex}.panel-chrome__btn:hover{color:var(--foreground)}.panel-chrome__btn ds-icon{justify-content:center;align-items:center;width:12px;height:12px;display:flex}.panel-chrome__avatar{cursor:pointer;background:#eeeed7;border:none;border-radius:24px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:opacity .15s ease-in-out;display:flex}.panel-chrome__avatar:hover{opacity:.85}.panel-chrome__avatar-initial{color:#6a6a6a;letter-spacing:-.4px;font-size:12px;font-weight:400;line-height:1}.panel-chrome__position-controls{align-items:center;gap:0;margin-left:2px;display:flex}.panel-chrome__tabs{align-items:center;gap:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel-chrome__tab{font-size:12px;font-weight:var(--font-weight-regular);color:var(--muted-foreground);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;padding:6px 8px;transition:color .15s ease-in-out;display:flex}.panel-chrome__tab:hover,.panel-chrome__tab--active{color:var(--foreground)}.panel-chrome__tab--disabled{opacity:.4;cursor:not-allowed}.panel-chrome__tab--disabled:hover{color:var(--muted-foreground)}.panel-chrome__feature-wrapper{align-items:center;display:flex;position:relative}.panel-chrome__upgrade-tooltip{z-index:10;opacity:0;pointer-events:none;margin-left:4px;transition:opacity .15s ease-in-out;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.panel-chrome__feature-wrapper:hover .panel-chrome__upgrade-tooltip{opacity:1;pointer-events:auto}.panel-chrome__upgrade-btn{font-size:10px;font-weight:var(--font-weight-medium);color:var(--muted-foreground);background:var(--accent);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:4px;padding:2px 6px;transition:all .15s ease-in-out;display:block}.panel-chrome__upgrade-btn:hover{color:var(--foreground);background:var(--border)}.panel-handle{z-index:600;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px)saturate(1.1);backdrop-filter:blur(8px)saturate(1.1);width:26px;height:26px;color:var(--muted-foreground);cursor:pointer;background:#ffffffa6;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:color .15s ease-in-out,background-color .15s ease-in-out;display:flex;position:fixed}.panel-handle:hover{color:var(--foreground);background:#ffffffc7}.panel-handle--bottom-left{top:8px;left:8px}.panel-handle--bottom-right{top:8px;right:8px}.panel-handle--bottom{bottom:8px;left:50%;transform:translate(-50%)}.builder-app--banner-visible .panel-handle--bottom-left,.builder-app--banner-visible .panel-handle--bottom-right{top:48px}.device-cycle-btn{cursor:pointer;background:0 0;border:none;align-items:stretch;height:16px;padding:0;transition:opacity .15s ease-in-out;display:inline-flex;overflow:hidden}.device-cycle-btn:hover{opacity:.85}.device-cycle-btn__green{color:#1e1e1e;background:#99ff73;align-items:center;gap:4px;padding:0 6px;display:flex}.device-cycle-btn__icon{justify-content:center;align-items:center;width:12px;height:12px;display:flex}.device-cycle-btn__icon svg{width:12px;height:12px}.device-cycle-btn__label{letter-spacing:-.4px;font-size:12px;font-weight:500}.device-cycle-btn__black{color:#fff;background:#1e1e1e;align-items:center;padding:0 6px;display:flex}.device-cycle-btn__dimensions{letter-spacing:-.4px;font-size:12px;font-weight:500}.block-chooser{background:var(--card);flex-direction:column;min-height:0;font-family:GT-America-Standard-Regular,Inter,system-ui,-apple-system,sans-serif;transition:transform .3s ease-in-out;display:flex;overflow:hidden}body.block-chooser--dragging .block-chooser,body.block-chooser--dragging .builder-app__bottom-panel,body.block-chooser--dragging .builder-app__side-panel,body.block-chooser--tree-dragging .block-chooser,body.block-chooser--tree-dragging .block-chooser__content,body.block-chooser--tree-dragging .builder-app__side-panel{overflow:visible}.block-chooser--detached{z-index:10}.block-chooser__hover-zone{z-index:9999;height:40px;position:fixed;bottom:0;left:0;right:0}.block-chooser__hover-toggle{left:var(--spacing-4);bottom:var(--spacing-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--muted);cursor:pointer;justify-content:center;align-items:center;width:20px;height:20px;transition:opacity .2s ease-in-out;display:flex;position:absolute}.block-chooser__hover-toggle:hover{opacity:.8}.block-chooser__header{align-items:center;gap:var(--spacing-4);height:40px;padding:0 var(--spacing-4);border-bottom:1px solid var(--border);display:flex;position:relative}.block-chooser__tabs{flex:1;align-items:center;gap:0;display:flex}.block-chooser__tab{border-radius:var(--radius-sm);color:var(--muted-foreground);font-size:var(--text-label);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:4px;padding:6px 8px;transition:color .15s ease-in-out;display:flex}.block-chooser__tab-icon{align-items:center;display:flex}.block-chooser__tab:hover{color:var(--foreground)}.block-chooser__tab--active{color:var(--foreground);background:0 0}.block-chooser__controls{align-items:center;gap:2px;display:flex}.block-chooser__control-button{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s ease-in-out;display:flex}.block-chooser__control-button:hover{color:var(--foreground)}.block-chooser__control-button ds-icon{justify-content:center;align-items:center;width:12px;height:12px;display:flex}.block-chooser__control-button--active{background:var(--primary);color:var(--primary-foreground)}.block-chooser__control-button--danger:hover{background:color-mix(in srgb, var(--destructive) 20%, transparent)}.block-chooser__dimensions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.block-chooser__ai-btn{border-radius:var(--radius-sm);color:var(--muted-foreground);font-size:var(--text-label);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:6px 8px;transition:color .15s;display:flex}.block-chooser__ai-btn:hover{color:var(--foreground)}.block-chooser__ai-btn--disabled{opacity:.4;cursor:not-allowed}.block-chooser__ai-btn--disabled:hover{color:var(--muted-foreground)}.block-chooser__ai-btn--active{color:var(--foreground);background:var(--accent)}.block-chooser__paid-features{align-items:center;gap:4px;margin-left:auto;display:flex}.block-chooser__feature-wrapper{align-items:center;display:flex;position:relative}.block-chooser__upgrade-tooltip{z-index:10;opacity:0;pointer-events:none;margin-left:4px;transition:opacity .15s ease-in-out;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.block-chooser__feature-wrapper:hover .block-chooser__upgrade-tooltip{opacity:1;pointer-events:auto}.block-chooser__upgrade-btn{font-size:10px;font-weight:var(--font-weight-medium);color:var(--muted-foreground);background:var(--muted);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:2px 6px;transition:all .15s ease-in-out;display:block}.block-chooser__upgrade-btn:hover{color:var(--foreground);background:var(--border)}.block-chooser__tab--disabled{opacity:.4;cursor:not-allowed}.block-chooser__tab--disabled:hover{color:var(--muted-foreground)}.block-chooser__content{min-height:0;padding:var(--spacing-4);flex-direction:column;flex:1;padding-bottom:32px;display:flex;overflow:hidden auto}.block-chooser__empty{height:100%;color:var(--muted-foreground);font-size:var(--text-base);justify-content:center;align-items:center;display:flex}.block-chooser__pages{flex-direction:column;flex:1;min-height:0;padding:0;display:flex}.builder-app__bottom-panel .block-chooser__pages{gap:var(--spacing-4);grid-template-columns:1fr 1fr;align-items:start;display:grid}.block-chooser__setting{padding:var(--spacing-2) 0;border-bottom:1px solid var(--border);margin-bottom:var(--spacing-2)}.block-chooser__setting-label{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--foreground);cursor:pointer;display:flex}.block-chooser__setting-checkbox{width:14px;height:14px;accent-color:var(--primary);cursor:pointer}.block-chooser__pages-section{min-width:0}.block-chooser__pages-section--notion{margin-bottom:var(--spacing-2)}.block-chooser__pages-header{justify-content:space-between;align-items:center;height:32px;padding:0;display:flex}.block-chooser__pages-header--clickable{cursor:pointer;justify-content:flex-start;gap:var(--spacing-2);text-align:left;border-radius:var(--radius-sm);background:0 0;border:none;width:100%;transition:background-color .15s}.block-chooser__pages-header--clickable:hover{background-color:var(--muted)}.block-chooser__pages-section--archive{padding-top:var(--spacing-2);margin-top:auto}.block-chooser__pages-title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--foreground);align-items:center;display:flex}.block-chooser__pages-title--muted{color:var(--muted-foreground)}.block-chooser__pages-actions{align-items:center;gap:var(--spacing-1);display:flex}.block-chooser__pages-action{border-radius:var(--radius);width:28px;height:28px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s ease-in-out;display:flex}.block-chooser__pages-action:hover{background:var(--muted);color:var(--foreground)}.block-chooser__pages-list{border-radius:var(--radius-sm);flex-direction:column;min-height:32px;display:flex}.block-chooser__pages-list--empty{border:1px dashed var(--border);min-height:40px;margin:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm)}.block-chooser__pages-list--drag-over{background-color:color-mix(in srgb, var(--primary) 10%, transparent)}.block-chooser__tree-item--dragging{opacity:1}.block-chooser__tree-item--dragging .block-chooser__page-item{background:var(--muted)}.block-chooser__page-item{align-items:center;gap:var(--spacing-2);padding:0 var(--spacing-3);cursor:pointer;border-radius:12px;min-width:0;height:32px;display:flex;overflow:hidden}.block-chooser__page-item:hover,.block-chooser__page-item--active{background:var(--muted)}.block-chooser__notion-empty{margin:var(--spacing-1) var(--spacing-3);padding:var(--spacing-2) var(--spacing-2);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--muted-foreground);font-size:var(--text-sm)}.block-chooser__notion-empty--muted{padding:0 var(--spacing-3);border-style:solid;border-color:#0000;margin:0}.block-chooser__notion-connect{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--background);width:100%;height:32px;color:var(--foreground);font-size:var(--text-sm);cursor:pointer;transition:background-color .15s,border-color .15s}.block-chooser__notion-connect:hover{background:var(--muted)}.block-chooser__notion-connect:disabled{opacity:.6;cursor:not-allowed}.block-chooser__notion-pill{border:1px solid var(--border);color:var(--muted-foreground);background:color-mix(in srgb, var(--muted) 60%, transparent);border-radius:999px;margin-left:auto;padding:2px 6px;font-size:11px}.block-chooser__icon-toggle{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;place-items:center;width:20px;height:20px;padding:0;display:grid}.block-chooser__icon-toggle>*{grid-area:1/1}.block-chooser__icon-toggle:hover{background:var(--muted)}.block-chooser__icon-toggle--no-elements{cursor:default}.block-chooser__icon-toggle--no-elements:hover{background:0 0}.block-chooser__page-icon{color:var(--muted-foreground);flex-shrink:0;transition:opacity .1s}.block-chooser__page-icon--hidden{opacity:0}.block-chooser__page-icon--home{color:var(--foreground)}.block-chooser__page-icon--unlinked{color:#999}.block-chooser__expand-chevron{opacity:0;color:var(--muted-foreground);transition:opacity .1s,transform .15s}.block-chooser__expand-chevron--visible{opacity:1}.block-chooser__expand-chevron--expanded{transform:rotate(90deg)}.block-chooser__page-name{font-size:var(--text-sm);color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.block-chooser__page-slug{font-size:var(--text-xs);color:var(--muted-foreground);text-align:right;flex-shrink:0;margin-left:auto}.block-chooser__notion-meta{font-size:var(--text-xs);color:var(--muted-foreground);white-space:nowrap;flex-shrink:0;margin-left:auto}.block-chooser__notion-load-more{color:var(--muted-foreground);justify-content:center}.block-chooser__notion-badge{border:1px solid var(--border);width:18px;height:18px;color:var(--muted-foreground);background:color-mix(in srgb, var(--muted) 55%, transparent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-left:6px;font-size:11px;font-weight:700;display:inline-flex}.block-chooser__microsoft-badge{border:1px solid color-mix(in srgb, #2563eb 25%, var(--border));width:18px;height:18px;color:color-mix(in srgb, #2563eb 70%, var(--muted-foreground));background:color-mix(in srgb, #2563eb 10%, var(--background));border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-left:6px;font-size:11px;font-weight:700;display:inline-flex}.block-chooser__pages-action--notion{font-weight:700}.block-chooser__notion-importing-indicator{color:var(--muted-foreground);align-items:center;gap:6px;padding:6px 12px;font-size:12px;animation:1.5s ease-in-out infinite notion-import-pulse;display:flex}@keyframes notion-import-pulse{0%,to{opacity:.5}50%{opacity:1}}.block-chooser__pages-action-letter{justify-content:center;align-items:center;width:16px;height:16px;line-height:1;display:inline-flex}.block-chooser__page-slug input{text-align:right}.block-chooser__archive-btn{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--muted-foreground);cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;padding:0;transition:all .15s;display:flex}.block-chooser__archive-btn--visible{opacity:1}.block-chooser__archive-btn:hover{background:color-mix(in srgb, var(--destructive) 15%, transparent);color:var(--destructive)}.block-chooser__pages-footer{padding-top:16px}.block-chooser__archive-page-btn{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 12px;font-size:13px;transition:all .15s;display:flex}.block-chooser__archive-page-btn:hover{color:var(--foreground)}.block-chooser__tree-item,.block-chooser__elements-list{flex-direction:column;display:flex}.block-chooser__element-item{align-items:center;gap:var(--spacing-2);padding:0 var(--spacing-3) 0 38px;cursor:pointer;height:32px;font-size:var(--text-sm);color:var(--muted-foreground);border-radius:12px;display:flex}.block-chooser__element-item:hover{background:var(--muted);color:var(--foreground)}.block-chooser__element-item--selected{background:var(--muted);color:var(--foreground);font-weight:var(--font-weight-medium)}.block-chooser__element-item--selected:hover{background:var(--muted)}.block-chooser__element-item--dragging{box-shadow:0 2px 8px #0000001f;background:var(--muted)!important}.block-chooser__element-item--drag-source{opacity:.4}.block-chooser__element-index{color:var(--muted-foreground);text-align:right;opacity:.6;flex-shrink:0;width:16px;font-size:10px}.block-chooser__element-icon{opacity:.7;flex-shrink:0}.block-chooser__element-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.block-chooser__title{margin-bottom:var(--spacing-6);font-size:var(--text-h4);font-weight:var(--font-weight-semibold)}.block-chooser__list{gap:var(--spacing-4);grid-template-columns:repeat(3,80px);display:grid}.builder-app__bottom-panel .block-chooser__list{grid-template-columns:repeat(4,80px)}.block-chooser__build{gap:var(--spacing-4);flex-direction:column;display:flex}.block-chooser__import{justify-content:center;align-items:center;display:flex}.block-chooser__import-btn{border:1px dashed var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--muted) 70%, transparent);width:100%;color:var(--foreground);font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;padding:10px 12px;transition:background .15s ease-in-out,border-color .15s ease-in-out}.block-chooser__import-btn:hover{background:color-mix(in srgb, var(--muted) 85%, transparent);border-color:color-mix(in srgb, var(--border) 70%, var(--foreground))}.notion-import-dialog,.ui-dialog__content.notion-import-dialog{max-width:720px}.notion-import-dialog__step{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.notion-import-dialog__status{border:1px solid var(--border);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.notion-import-dialog__status-left{flex-direction:column;gap:2px;display:flex}.notion-import-dialog__status-label{color:var(--muted-foreground);font-size:11px}.notion-import-dialog__status-value{font-size:13px;font-weight:var(--font-weight-medium);color:var(--foreground)}.notion-import-dialog__callout{border:1px solid var(--border);background:color-mix(in srgb, var(--accent) 20%, transparent);border-radius:14px;padding:12px}.notion-import-dialog__callout-title{font-size:13px;font-weight:var(--font-weight-semibold);margin-bottom:4px}.notion-import-dialog__callout-body{color:var(--muted-foreground);font-size:13px;line-height:1.4}.notion-import-dialog__actions{justify-content:flex-end;gap:10px;display:flex}.notion-import-dialog__selected-count{color:var(--muted-foreground);align-items:center;margin-right:auto;font-size:12px;display:inline-flex}.notion-import-dialog__error{border:1px solid color-mix(in srgb, var(--destructive) 55%, var(--border));background:color-mix(in srgb, var(--destructive) 12%, transparent);color:var(--foreground);border-radius:14px;margin-top:10px;padding:10px 12px;font-size:13px}.notion-import-dialog__result-title{font-size:13px;font-weight:var(--font-weight-semibold);margin-bottom:6px}.notion-import-dialog__result-body{color:var(--muted-foreground);flex-direction:column;gap:6px;font-size:13px;display:flex}.notion-import-dialog__page-title{color:var(--foreground);font-weight:var(--font-weight-medium)}.notion-import-dialog__skipped{padding-top:6px}.notion-import-dialog__skipped-title{color:var(--foreground);font-size:12px;font-weight:var(--font-weight-medium);margin-bottom:2px}.notion-import-dialog__skipped-list{color:var(--muted-foreground);font-size:12px}.notion-page-list{flex-direction:column;gap:10px;display:flex}.notion-page-list__search{grid-template-columns:1fr auto;gap:8px;display:grid}.notion-page-list__items{border:1px solid var(--border);background:#fff;border-radius:14px;max-height:360px;overflow:auto}.notion-page-list__item{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.notion-page-list__item--multi{cursor:default;-webkit-user-select:none;user-select:none}.notion-page-list__item--checked{background:color-mix(in srgb, var(--primary) 6%, transparent)}.notion-page-list__checkbox{width:14px;height:14px;accent-color:var(--primary);flex-shrink:0}.notion-page-list__item:hover{background:color-mix(in srgb, var(--muted) 65%, transparent)}.notion-page-list__item:disabled{opacity:.6;cursor:not-allowed}.notion-page-list__icon{border:1px solid var(--border);background:color-mix(in srgb, var(--muted) 65%, transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;overflow:hidden}.notion-page-list__icon img{object-fit:cover;width:100%;height:100%}.notion-page-list__icon-fallback{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--muted-foreground)}.notion-page-list__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.notion-page-list__title{font-size:13px;font-weight:var(--font-weight-medium);color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.notion-page-list__subtitle{color:var(--muted-foreground);font-size:12px}.notion-page-list__loading,.notion-page-list__empty{color:var(--muted-foreground);padding:16px 12px;font-size:13px}.notion-page-list__footer{justify-content:center;display:flex}.block-chooser__item{cursor:grab;transition:opacity .2s ease-in-out;position:relative}.block-chooser__item--clone{opacity:.4;cursor:default}.block-chooser__item--drag-preview{pointer-events:none}body.block-chooser--dragging .block-chooser__item{opacity:.7}body.block-chooser--dragging .block-chooser__item--drag-source{opacity:.35}body.block-chooser--dragging .block-chooser__item--drag-preview{opacity:1}.block-chooser__preview{background:var(--card);border:1px solid var(--border);width:100%;height:100%;padding:0 var(--spacing-4);justify-content:center;align-items:center;display:flex}.block-chooser__tooltip{left:50%;bottom:calc(100% + var(--spacing-2));background:var(--foreground);color:var(--background);border-radius:var(--radius);white-space:nowrap;opacity:0;pointer-events:none;font-size:var(--text-label);padding:4px 8px;transition:opacity .2s ease-in-out;position:absolute;transform:translate(-50%)}.block-chooser__item:hover .block-chooser__tooltip{opacity:1}.address-bar{isolation:isolate;background:0 0;border-radius:999px;align-items:center;min-width:300px;max-width:500px;height:36px;padding:0 6px 0 16px;font-family:GT America,GT-America-Standard-Regular,Inter,system-ui,sans-serif;transition:box-shadow .2s;display:flex;position:relative;overflow:visible;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000a,0 0 0 1px #0000000f}.address-bar--playground{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:0 10px 0 14px;display:grid}.address-bar--playground .address-bar__slug-dropdown{justify-self:center;width:auto;min-width:0;max-width:100%}.address-bar--playground .address-bar__slug-trigger{text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:100%;display:block;overflow:hidden}.address-bar__playground-save{color:#fff;letter-spacing:-.3px;cursor:pointer;white-space:nowrap;background:#2f8f18;border:none;border-radius:999px;height:28px;padding:0 14px;font-family:GT America,GT-America-Standard-Regular,Inter,system-ui,sans-serif;font-size:14px;font-weight:600;transition:opacity .15s ease-in-out}.address-bar__playground-save:hover{opacity:.9}.address-bar:before,.address-bar:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.address-bar:before{-webkit-backdrop-filter:blur(6px)saturate(1.05);backdrop-filter:blur(6px)saturate(1.05);background:#ffffff73}.address-bar:after{-webkit-backdrop-filter:blur(10px)saturate(1.05);backdrop-filter:blur(10px)saturate(1.05);background:#ffffff14;-webkit-mask-image:radial-gradient(closest-side,#000 0% 45%,#0000 100%);mask-image:radial-gradient(closest-side,#000 0% 45%,#0000 100%)}.address-bar>*{z-index:1;position:relative}.address-bar:hover{box-shadow:0 2px 6px #0000001a,0 8px 24px #0000000f,0 0 0 1px #00000014}.address-bar__domain{letter-spacing:-.4px;color:color-mix(in srgb, #000 60%, var(--builder-bg,#fff));height:16px;align-items:center;font-size:14px;font-weight:400;line-height:20px;display:flex}.address-bar__connect-btn{color:#1e1e1e;letter-spacing:-.4px;cursor:pointer;background:#73d4ff;border:none;align-items:center;gap:2px;height:16px;margin-left:10px;padding:0;font-size:14px;font-weight:400;line-height:20px;transition:opacity .15s ease-in-out;display:inline-flex}.address-bar__globe{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.address-bar__connected{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.address-bar__status-pill{letter-spacing:-.3px;white-space:nowrap;border:none;border-radius:999px;align-items:center;height:28px;padding:0 14px;font-family:GT America,GT-America-Standard-Regular,Inter,system-ui,sans-serif;font-size:13px;font-weight:500;display:inline-flex}.address-bar__status-pill--connect{background:color-mix(in srgb, var(--builder-bg,#fff) 70%, #3b82f6 30%);color:#3b82f6;cursor:pointer;transition:opacity .15s ease-in-out}.address-bar__status-pill--connect:hover{opacity:.8}.address-bar__status-pill--unpublished{color:#b91c1c;background:#fef2f2}.address-bar__status-pill--archived{color:#fff;background:#2563eb}.exit-save-dialog .ui-dialog__content{padding:0}.exit-save-dialog .ui-dialog__header{border-bottom:1px solid var(--border);padding:16px 20px}.exit-save-dialog__body{flex-direction:column;gap:8px;padding:20px;display:flex}.exit-save-dialog__label{color:#1e1e1e;font-size:13px;font-weight:500}.exit-save-dialog__input{border:1px solid var(--border);color:#1e1e1e;background:#fff;border-radius:12px;width:100%;padding:10px 12px;font-size:13px}.exit-save-dialog__input:focus{border-color:#1e1e1e;outline:none}.exit-save-dialog__error{color:#ef4444;font-size:13px}.exit-save-dialog__success{color:#1e1e1e;font-size:13px}.exit-save-dialog .ui-dialog__footer{border-top:1px solid var(--border);flex-direction:row;justify-content:flex-end;padding:16px 20px}.exit-save-dialog__btn{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.exit-save-dialog__btn:disabled{opacity:.5;cursor:not-allowed}.exit-save-dialog__btn--ghost{color:#666;border-color:var(--border);background:0 0}.exit-save-dialog__btn--ghost:hover{color:#1e1e1e;background:#f5f5f5}.exit-save-dialog__btn--primary{color:#fff;background:#1e1e1e;border-color:#1e1e1e}.exit-save-dialog__btn--primary:hover:not(:disabled){opacity:.9}.address-bar__globe-link{cursor:pointer;border-radius:var(--radius-sm);justify-content:center;align-items:center;transition:opacity .15s ease-in-out;display:flex}.address-bar__globe-link:hover{opacity:.7}.address-bar__globe-check{color:#666;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative}.address-bar__globe-check--off{opacity:.4}.address-bar__globe-check--off:after{content:"";background:currentColor;border-radius:1px;height:1.5px;position:absolute;top:50%;left:-1px;right:-1px;transform:rotate(-45deg)}.address-bar__site-dropdown{display:inline-flex;position:relative}.address-bar__globe-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:10px;align-items:center;gap:2px;padding:4px 6px;transition:background .15s;display:flex}.address-bar__globe-btn:hover{background:#0000000f}.address-bar__globe-chevron{opacity:.6}.address-bar__site-menu{border:1px solid var(--border);z-index:1000;background:#fff;border-radius:12px;min-width:200px;margin-top:4px;padding:4px;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #00000026}.address-bar__site-item{cursor:pointer;color:#333;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;transition:background .15s;display:flex}.address-bar__site-item:hover{background:#0000000a}.address-bar__site-item--active{color:#007aff;background:#007aff14}.address-bar__site-item--active:hover{background:#007aff1f}.address-bar__site-item-domain{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.address-bar__slug-dropdown{flex:1 1 0;align-items:center;width:0;min-width:0;display:inline-flex;position:relative}.address-bar__globe-wrapper.address-bar__slug-dropdown{flex:none;width:auto}.address-bar__slug-trigger{letter-spacing:-.4px;color:color-mix(in srgb, #000 60%, var(--builder-bg,#fff));cursor:pointer;white-space:nowrap;font-size:14px;font-weight:400;line-height:20px;display:block;overflow:hidden}.address-bar__slug-menu{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);z-index:100;opacity:0;visibility:hidden;min-width:280px;max-width:400px;padding:12px 4px 4px;transition:all .15s ease-in-out;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(-4px);box-shadow:0 4px 12px #0000001a}.address-bar__slug-add{border:1px dashed var(--border);background:color-mix(in srgb, var(--card) 60%, transparent);color:var(--foreground);cursor:pointer;border-radius:10px;align-items:center;gap:6px;width:100%;margin-top:4px;padding:8px 10px;font-size:13px;display:inline-flex}.address-bar__slug-add:hover{background:color-mix(in srgb, var(--card) 85%, transparent)}.address-bar__slug-dropdown:focus-within .address-bar__slug-menu,.address-bar__slug-dropdown:hover .address-bar__slug-menu{opacity:1;visibility:visible;transform:translate(-50%)}.address-bar__slug-item{border-radius:var(--radius-sm);width:100%;font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;transition:background-color .15s ease-in-out;display:flex;overflow:hidden}.address-bar__slug-item:hover,.address-bar__slug-item--active{background:var(--muted)}.address-bar__slug-item-name{color:var(--foreground);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.address-bar__home-icon{vertical-align:middle;flex-shrink:0;display:inline-block}.address-bar__slug-item-path{color:var(--muted-foreground);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0}.address-bar__dialog{max-width:500px}.address-bar__dialog-body{gap:var(--spacing-4);padding:var(--spacing-4) 0;flex-direction:column;display:flex}.address-bar__field{gap:var(--spacing-2);flex-direction:column;display:flex}.address-bar__label{font-size:var(--text-label);font-weight:var(--font-weight-medium)}.address-bar__input{border:1px solid var(--border);border-radius:var(--radius);background:var(--input-background);width:100%;color:var(--foreground);padding:8px 12px}.address-bar__card{border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-4)}.address-bar__card-title{margin:0 0 var(--spacing-2);font-size:var(--text-label);font-weight:var(--font-weight-semibold)}.address-bar__card-text{margin:0 0 var(--spacing-3);font-size:var(--text-base);color:var(--muted-foreground)}.address-bar__stack{gap:var(--spacing-2);flex-direction:column;display:flex}.address-bar__row{gap:var(--spacing-2);display:flex}.address-bar__code{background:var(--muted);border-radius:var(--radius);font-size:var(--text-label);padding:4px 8px;display:block}.address-bar__code--fill{flex:1}.address-bar__actions{justify-content:flex-end;gap:var(--spacing-3);display:flex}.address-bar__divider{text-align:center;color:var(--muted-foreground);font-size:var(--text-sm);margin:var(--spacing-1) 0}.address-bar__field-error{color:#ef4444;font-size:var(--text-sm);margin-top:var(--spacing-1)}.address-bar__status{align-items:center;gap:var(--spacing-3);padding:var(--spacing-6) var(--spacing-4);text-align:center;flex-direction:column;display:flex}.address-bar__spinner{color:var(--muted-foreground);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.address-bar__status--success .address-bar__success-icon{color:#22c55e}.address-bar__status--error .address-bar__error-icon{color:#ef4444}.address-bar__status-hint{font-size:var(--text-sm);color:var(--muted-foreground)}.address-bar__status-actions{gap:var(--spacing-3);margin-top:var(--spacing-2);display:flex}.component-library{background:var(--background);width:256px;overflow-y:auto}.component-library__header{padding:var(--spacing-4);border-bottom:1px solid var(--border)}.component-library__grid{padding:var(--spacing-4);gap:var(--spacing-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.component-library__item{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--card);cursor:move;flex-direction:column;transition:background-color .2s ease-in-out,opacity .2s ease-in-out;display:flex}.component-library__item:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.component-library__icon{width:20px;height:20px;color:var(--foreground)}.component-library__label{font-size:var(--text-label);color:var(--foreground)}.builder-canvas{z-index:1;text-align:left;isolation:isolate;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' shape-rendering='crispEdges'%3E%3Cpath d='M10 0V20M0 9.5H20' stroke='%23000' stroke-opacity='0.08' stroke-width='1'/%3E%3C/svg%3E");background-size:20px 20px;background-attachment:local;flex-direction:column;align-items:center;padding:52px 0 0;transition:padding-left .3s ease-out,padding-right .3s ease-out,padding-bottom .3s ease-out,padding-top .3s ease-out;display:flex;position:fixed;inset:0;overflow:auto;container:canvas/inline-size}.builder-canvas:before{content:"";pointer-events:none;z-index:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:40px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000000d9 0,#0000 40px);mask-image:linear-gradient(#000000d9 0,#0000 40px)}.builder-canvas:after{content:none}.builder-canvas>*{z-index:1;position:relative}.builder-app--topbar-hidden .builder-canvas{padding-top:8px}.builder-app--banner-visible .builder-canvas{padding-top:92px}.builder-app--banner-visible.builder-app--topbar-hidden .builder-canvas{padding-top:48px}.builder-app--left-panel-open .builder-canvas{padding-left:calc(var(--builder-panel-width) + 16px)}.builder-app--right-panel-open .builder-canvas{padding-right:calc(var(--builder-panel-width) + 16px)}.builder-app--bottom-panel-open .builder-canvas{padding-bottom:356px}.builder-canvas__blocks{flex-direction:column;flex:1;width:100%;max-width:1000px;padding:20px;display:flex;position:relative}@container canvas (width<=1040px){.builder-canvas__blocks{max-width:960px}}@container canvas (width<=1000px){.builder-canvas__blocks{max-width:920px}}@container canvas (width<=960px){.builder-canvas__blocks{max-width:880px}}@container canvas (width<=920px){.builder-canvas__blocks{max-width:840px}}@container canvas (width<=880px){.builder-canvas__blocks{max-width:800px}}@container canvas (width<=840px){.builder-canvas__blocks{max-width:760px}}@container canvas (width<=800px){.builder-canvas__blocks{max-width:720px}}@container canvas (width<=760px){.builder-canvas__blocks{max-width:680px}}@container canvas (width<=720px){.builder-canvas__blocks{max-width:640px}}@container canvas (width<=680px){.builder-canvas__blocks{max-width:600px}}@container canvas (width<=640px){.builder-canvas__blocks{max-width:560px}}@container canvas (width<=600px){.builder-canvas__blocks{max-width:520px}}@container canvas (width<=560px){.builder-canvas__blocks{max-width:480px}}@container canvas (width<=520px){.builder-canvas__blocks{max-width:440px}}@container canvas (width<=480px){.builder-canvas__blocks{max-width:400px}}@container canvas (width<=440px){.builder-canvas__blocks{max-width:360px}}@container canvas (width<=400px){.builder-canvas__blocks{max-width:320px}}@container canvas (width<=360px){.builder-canvas__blocks{max-width:280px}}@container canvas (width<=320px){.builder-canvas__blocks{max-width:240px}}@container canvas (width<=280px){.builder-canvas__blocks{max-width:200px}}.consistency-badge-wrapper{z-index:10;align-self:flex-start;margin-top:auto;position:sticky;bottom:20px;left:0}.consistency-badge-wrapper .consistency-badge{line-height:0;text-decoration:none;display:block;position:relative}.consistency-badge__tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:#000000e6;border-radius:12px;padding:8px 12px;font-size:12px;font-weight:500;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #00000026}.consistency-badge__tooltip:after{content:"";border:6px solid #0000;border-top-color:#000000e6;position:absolute;top:100%;left:50%;transform:translate(-50%)}.consistency-badge-wrapper:hover .consistency-badge__tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.gap-indicator{pointer-events:none;justify-content:center;align-items:center;height:20px;display:flex;position:relative}.gap-indicator__line{background:#18a0fb99;height:1px;position:absolute;top:50%;left:0;right:0}.gap-indicator__label{color:#fff;z-index:1;background:#18a0fbe6;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:500;position:relative}.gap-indicator__bracket{border:1px solid #18a0fb99;border-right:none;width:6px;position:absolute;top:0;bottom:0}.gap-indicator__bracket--left{border-radius:3px 0 0 3px;left:0}.gap-indicator__bracket--right{border-left:none;border-right:1px solid #18a0fb99;border-radius:0 3px 3px 0;right:0}.canvas-element{max-width:100%;margin-bottom:20px}.canvas-element:last-child{margin-bottom:0}.canvas-element:not(.canvas-element--full-width){width:fit-content}.canvas-element--dragging{opacity:1}.canvas-element--dragging .selection-frame__border{display:none}.canvas-element--origin{pointer-events:none;background:#ffb6c199!important;outline:2px dashed #ff69b4!important}.canvas-element--drag-source{pointer-events:none}.canvas-element--full-width{width:100%!important}.builder-canvas--over{border:2px dashed var(--primary)}.builder-canvas__empty{flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:400px;display:flex}.builder-canvas__content{flex-direction:column;gap:20px;min-height:100%;padding:0;display:flex}.draggable-element{position:relative}.draggable-element--dragging{opacity:1}.draggable-element--over{outline-offset:2px;outline:2px dashed #f97316}.selection-frame{position:relative}.canvas-element--full-width .selection-frame{width:100%}.canvas-element:not(.canvas-element--full-width) .selection-frame{width:fit-content}.selection-frame__border{pointer-events:none;z-index:10;border:2px solid #f97316;position:absolute;inset:-2px}.selection-frame__handle{z-index:11;pointer-events:none;background:#fff;border:2px solid #f97316;border-radius:1px;width:8px;height:8px;position:absolute}.selection-frame__handle--tl{top:-6px;left:-6px}.selection-frame__handle--tr{top:-6px;right:-6px}.selection-frame__handle--bl{bottom:-6px;left:-6px}.selection-frame__handle--br{bottom:-6px;right:-6px}.builder-canvas__context-overlay{z-index:1000;position:fixed;inset:0}.builder-canvas__context-menu{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);min-width:160px;box-shadow:var(--elevation-sm);padding:4px 0;position:fixed}.builder-canvas__context-item{width:100%;color:var(--foreground);text-align:left;cursor:pointer;background:0 0;border:none;padding:8px 12px}.builder-canvas__context-item:hover{background:color-mix(in srgb, var(--muted) 20%, transparent)}.builder-element__input{color:var(--design-text,var(--foreground));caret-color:var(--design-text,var(--foreground));background:0 0;border:none;border-radius:0;outline:none;width:auto;min-width:100px;padding:0}.builder-element__button{border-radius:var(--radius);background:var(--primary);color:var(--primary-foreground);cursor:pointer;border:none;padding:8px 16px;transition:opacity .2s ease-in-out}.builder-element__button:hover{opacity:.9}.builder-element__container{border:2px dashed var(--border);border-radius:var(--radius);padding:var(--spacing-4);background:color-mix(in srgb, var(--card) 50%, transparent)}.builder-element__image{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--muted) 10%, transparent);justify-content:center;align-items:center;height:200px;display:flex}.builder-element__image--loaded{background:0 0;border:none;height:auto;display:block}.builder-element__image--empty{border:2px dashed var(--border);background:var(--card)}.builder-element__image-button{background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:10px 20px;transition:opacity .15s}.builder-element__image-button:hover{opacity:.9}.property-inspector{background:var(--background);width:340px;overflow-y:auto}.property-inspector__header{padding:var(--spacing-4);border-bottom:1px solid var(--border)}.property-inspector__subtitle{font-size:var(--text-label);color:var(--muted-foreground);text-transform:capitalize;margin-top:4px}.property-inspector__body{padding:var(--spacing-4);gap:var(--spacing-4);flex-direction:column;display:flex}.property-inspector__empty{padding:var(--spacing-12) var(--spacing-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.property-inspector__icon{width:32px;height:32px;color:var(--muted-foreground)}.property-inspector__section{gap:var(--spacing-3);flex-direction:column;display:flex}.property-inspector__section-title{font-size:var(--text-h4);font-weight:var(--font-weight-medium)}.property-inspector__field{gap:var(--spacing-2);flex-direction:column;display:flex}.property-inspector__row{align-items:center;gap:var(--spacing-2);display:flex}.property-inspector__color-input{width:48px;height:36px;padding:4px}.layers-panel{background:var(--background);width:256px;overflow-y:auto}.layers-panel__header{padding:var(--spacing-4);border-bottom:1px solid var(--border)}.layers-panel__body{padding:var(--spacing-2)}.layers-panel__empty{padding:var(--spacing-8) var(--spacing-4);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-2);flex-direction:column;display:flex}.layers-panel__icon{width:32px;height:32px;color:var(--muted-foreground)}.layers-panel__list{gap:var(--spacing-1);flex-direction:column;display:flex}.layers-panel__item{padding:var(--spacing-2);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;transition:background-color .2s ease-in-out,color .2s ease-in-out;display:flex}.layers-panel__item:hover{background:color-mix(in srgb, var(--muted) 20%, transparent)}.layers-panel__item--active{background:var(--primary);color:var(--primary-foreground)}.layers-panel__label{text-transform:capitalize}.layers-panel__delete{width:24px;height:24px;padding:0}.layers-panel__delete-icon{width:12px;height:12px}.ui-button{border-radius:var(--radius);font-size:var(--text-base);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;transition:background-color .2s ease-in-out,color .2s ease-in-out,opacity .2s ease-in-out;display:inline-flex}.ui-button:disabled{opacity:.5;cursor:not-allowed}.ui-button--default{background:var(--primary);color:var(--primary-foreground)}.ui-button--secondary{background:var(--secondary);color:var(--secondary-foreground)}.ui-button--ghost{color:var(--foreground);background:0 0}.ui-button--ghost:hover{background:color-mix(in srgb, var(--muted) 20%, transparent)}.ui-button--outline{border-color:var(--border);background:var(--background);color:var(--foreground)}.ui-button--destructive{background:var(--destructive);color:var(--destructive-foreground)}.ui-button--link{color:var(--primary);background:0 0;text-decoration:underline}.ui-button--size-default{height:36px;padding:0 16px}.ui-button--size-sm{height:32px;padding:0 12px}.ui-button--size-lg{height:40px;padding:0 24px}.ui-button--size-icon{width:36px;height:36px;padding:0}.ui-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--input-background);width:100%;height:36px;color:var(--foreground);padding:0 12px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.ui-input:focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 40%, transparent);outline:none}.ui-input--color{width:48px;padding:4px}.ui-label{font-size:var(--text-label);font-weight:var(--font-weight-medium);align-items:center;gap:8px;display:inline-flex}.ui-separator{background:var(--border);flex-shrink:0}.ui-separator--horizontal{width:100%;height:1px}.ui-separator--vertical{width:1px;height:100%}.ui-dialog__overlay{z-index:2000;background:#0006;animation:.15s ease-out fadeIn;position:fixed;inset:0}.ui-dialog__content{z-index:2001;background:#fff;border:none;border-radius:16px;flex-direction:column;width:calc(100% - 2rem);max-width:420px;padding:0;animation:.2s ease-out slideUp;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 40px #00000026}.ui-dialog__close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.ui-dialog__close:hover{color:#1e1e1e;background:#f5f5f5}.ui-dialog__header{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:16px 20px;display:flex}.ui-dialog__footer{border-top:1px solid var(--border);flex-direction:row;justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.ui-dialog__title{color:#1e1e1e;margin:0;font-size:16px;font-weight:600}.ui-dialog__description{color:#666;margin:0;font-size:13px}.new-page-dialog{max-width:400px}.new-page-dialog__fields{gap:var(--spacing-4);flex-direction:column;display:flex}.new-page-dialog__field{gap:var(--spacing-2);flex-direction:column;display:flex}.new-page-dialog__label{color:#1e1e1e;font-size:13px;font-weight:500}.new-page-dialog__input{border:1px solid var(--border);color:#1e1e1e;background:#fff;border-radius:12px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s}.new-page-dialog__input:focus{border-color:#1e1e1e;outline:none}.new-page-dialog__input::placeholder{color:#999}.new-page-dialog__slug-input{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:0;display:flex;overflow:hidden}.new-page-dialog__slug-input:focus-within{border-color:#1e1e1e}.new-page-dialog__slug-prefix{color:#999;-webkit-user-select:none;user-select:none;padding:10px 0 10px 12px;font-size:14px}.new-page-dialog__slug-input .new-page-dialog__input{border:none;padding:10px 12px 10px 4px}.new-page-dialog__slug-input .new-page-dialog__input:focus{border-color:#0000;outline:none}.new-page-dialog__btn{cursor:pointer;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.new-page-dialog__btn--secondary{border:1px solid var(--border);color:#666;background:0 0}.new-page-dialog__btn--secondary:hover{color:#1e1e1e;background:#f5f5f5}.new-page-dialog__btn--primary{color:#fff;background:#1e1e1e;border:1px solid #1e1e1e}.new-page-dialog__btn--primary:hover:not(:disabled){opacity:.9}.new-page-dialog__btn--primary:disabled{opacity:.5;cursor:not-allowed}.new-page-dialog .ui-dialog__content{padding:0}.new-page-dialog .ui-dialog__header{border-bottom:1px solid var(--border);padding:16px 20px}.new-page-dialog .ui-dialog__footer{border-top:1px solid var(--border);flex-direction:row;justify-content:flex-end;margin-top:0;padding:16px 20px}.new-page-dialog__fields{padding:20px}.u-sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.builder-topbar__right{pointer-events:auto;align-items:center;gap:8px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.publish-btn{color:#fff;cursor:pointer;background:#1e1e1e;border:none;border-radius:8px;align-items:center;gap:6px;height:28px;padding:0 12px;font-size:13px;font-weight:500;transition:opacity .15s ease-in-out;display:inline-flex}.publish-btn:hover:not(:disabled){opacity:.85}.publish-btn:disabled{opacity:.6;cursor:not-allowed}.publish-btn__icon{width:14px;height:14px}.publish-btn__icon--spin{animation:1s linear infinite spin}.publish-toast{z-index:1000;animation:.3s ease-out slideIn;position:fixed;top:60px;right:20px}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.publish-toast__content{border:1px solid var(--border);border-radius:var(--radius);background:#fff;min-width:280px;padding:16px;box-shadow:0 4px 12px #00000026}.publish-toast__header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.publish-toast__check{color:#22c55e;width:18px;height:18px}.publish-toast__title{color:var(--foreground);flex:1;font-size:15px;font-weight:600}.publish-toast__close{width:24px;height:24px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:18px;transition:background-color .15s ease-in-out;display:flex}.publish-toast__close:hover{background:var(--muted)}.publish-toast__url{color:var(--muted-foreground);word-break:break-all;margin-bottom:12px;font-size:13px}.publish-toast__actions{gap:8px;display:flex}.publish-toast__btn{border:1px solid var(--border);border-radius:var(--radius);height:32px;color:var(--foreground);cursor:pointer;background:#fff;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;transition:background-color .15s ease-in-out;display:inline-flex}.publish-toast__btn:hover{background:var(--muted)}.publish-toast__btn--primary{color:#fff;background:#1e1e1e;border-color:#1e1e1e}.publish-toast__btn--primary:hover{opacity:.9;background:#1e1e1e}.save-indicator{z-index:1000;animation:.3s cubic-bezier(.34,1.56,.64,1) saveIndicatorSlideUp;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.builder-app--left-panel-open .save-indicator{left:calc(50% + 170px)}.builder-app--right-panel-open .save-indicator{left:calc(50% - 170px)}.builder-app--left-panel-open.builder-app--right-panel-open .save-indicator{left:50%}@keyframes saveIndicatorSlideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.save-indicator__pill{color:#fff;background:0 0;border-radius:20px;align-items:center;gap:10px;height:40px;padding:0 6px 0 14px;font-family:GT America,GT-America-Standard-Regular,Inter,system-ui,sans-serif;font-size:13px;font-weight:500;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000040,inset 0 0 0 1px #ffffff14}.save-indicator__pill:before,.save-indicator__pill:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.save-indicator__pill:before{-webkit-backdrop-filter:blur(8px)saturate(1.1);backdrop-filter:blur(8px)saturate(1.1);background:#000000a6}.save-indicator__pill:after{-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);background:#00000029}.save-indicator__pill>*{z-index:1;position:relative}.save-indicator__loader{background:0 0;border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000040,inset 0 0 0 1px #ffffff14}.save-indicator__loader:before,.save-indicator__loader:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.save-indicator__loader:before{-webkit-backdrop-filter:blur(8px)saturate(1.1);backdrop-filter:blur(8px)saturate(1.1);background:#000000a6}.save-indicator__loader:after{-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);background:#00000029}.save-indicator__loader>*{z-index:1;position:relative}.save-indicator__nav-buttons{align-items:center;gap:2px;display:flex}.save-indicator__nav-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:14px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.save-indicator__nav-btn:hover:not(:disabled){color:#fff;background:#ffffff1a}.save-indicator__nav-btn:disabled{opacity:.3;cursor:not-allowed}.save-indicator__count{color:#ffffffd9;font-size:12px;font-weight:400}.save-indicator__text{color:#ffffffe6;font-size:13px}.save-indicator__btn{color:#1e1e1e;cursor:pointer;background:#fff;border:none;border-radius:14px;height:28px;padding:0 14px;font-size:12px;font-weight:600;transition:all .15s}.save-indicator__btn:hover{background:#f0f0f0}.save-indicator__btn:disabled{opacity:.5;cursor:not-allowed}.save-indicator__spinner{color:#ffffffe6;animation:1s linear infinite spin}.save-indicator__check{color:#4ade80}.save-indicator__toast{color:#fff;background:0 0;border-radius:16px;min-width:260px;padding:14px 16px;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000004d,inset 0 0 0 1px #ffffff14}.save-indicator__toast:before,.save-indicator__toast:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.save-indicator__toast:before{-webkit-backdrop-filter:blur(8px)saturate(1.1);backdrop-filter:blur(8px)saturate(1.1);background:#000000a6}.save-indicator__toast:after{-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);background:#00000029}.save-indicator__toast>*{z-index:1;position:relative}.save-indicator__toast-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.save-indicator__toast-title{flex:1;font-size:14px;font-weight:600}.save-indicator__close{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:16px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.save-indicator__close:hover{color:#fffc;background:#ffffff1a}.save-indicator__toast-url{color:#fff9;word-break:break-all;margin-bottom:12px;font-size:12px}.save-indicator__toast-actions{gap:8px;display:flex}.save-indicator__toast-btn{color:#ffffffe6;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;gap:5px;height:30px;padding:0 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.save-indicator__toast-btn:hover{background:#ffffff1a}.save-indicator__toast-btn--primary{color:#1e1e1e;background:#fff;border-color:#fff}.save-indicator__toast-btn--primary:hover{background:#f0f0f0}.save-indicator__toast--compact{border-radius:20px;align-items:center;gap:10px;min-width:auto;padding:8px 10px 8px 14px;display:flex}.save-indicator__toast-text{color:#fff;margin-right:4px;font-family:GT America,Inter,system-ui,-apple-system,sans-serif;font-size:13px;font-weight:500}.save-indicator__toast-action{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:14px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.save-indicator__toast-action:hover{color:#fff;background:#ffffff1a}.save-indicator__toast-action--close{color:#ffffff80}.save-indicator__toast-action--close:hover{color:#fffc}.save-indicator__toast--error{background:#dc2626;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;display:flex}.save-indicator__error-icon{color:#fff}.save-indicator.save-indicator--above-panel{bottom:365px}.command-bar{z-index:1000;transition:bottom .3s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.builder-app--left-panel-open .command-bar{left:calc(50% + 170px)}.builder-app--right-panel-open .command-bar{left:calc(50% - 170px)}.builder-app--left-panel-open.builder-app--right-panel-open .command-bar{left:50%}.command-bar--above-panel{bottom:365px}.command-bar__pill{color:#fff;border-radius:20px;align-items:center;width:480px;max-width:calc(100vw - 40px);height:40px;font-family:GT America,GT-America-Standard-Regular,Inter,system-ui,sans-serif;font-size:13px;font-weight:500;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000040,inset 0 0 0 1px #ffffff14}.command-bar__pill:before,.command-bar__pill:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.command-bar__pill:before{-webkit-backdrop-filter:blur(8px)saturate(1.1);backdrop-filter:blur(8px)saturate(1.1);background:#000000a6}.command-bar__pill:after{-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);background:#00000029}.command-bar__pill>*{z-index:1;position:relative}.command-bar__sparkle{color:#fff9;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex}.command-bar__input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;padding:0;font-family:inherit;font-size:13px;font-weight:400}.command-bar__input::placeholder{color:#fff6}.command-bar__save-section{z-index:2;border-left:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:8px;height:24px;margin-left:auto;padding-left:10px;padding-right:6px;display:flex;position:relative}.command-bar__count{color:#ffffffb3;white-space:nowrap;font-size:12px;font-weight:400}.command-bar__save-btn{color:#1e1e1e;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:14px;height:28px;padding:0 14px;font-size:12px;font-weight:600;transition:all .15s}.command-bar__save-btn:hover{background:#f0f0f0}.command-bar__save-btn:disabled{opacity:.5;cursor:not-allowed}.command-bar__login-btn{color:#ffffffd9;cursor:pointer;white-space:nowrap;background:#ffffff1f;border:none;border-radius:14px;align-items:center;gap:5px;height:28px;padding:0 12px;font-size:12px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.command-bar__login-btn:hover{color:#fff;background:#fff3}.command-bar__send-btn{color:#1e1e1e;cursor:pointer;z-index:2;background:#fff;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;margin-right:6px;transition:all .15s;display:flex;position:relative}.command-bar__send-btn:hover{background:#f0f0f0}.command-bar__send-btn:disabled{opacity:.3;cursor:not-allowed}.command-bar__expanded{width:480px;max-width:calc(100vw - 40px)}.command-bar__response{color:#fff;border-radius:16px;margin-top:8px;padding:14px 16px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000040,inset 0 0 0 1px #ffffff14}.command-bar__response:before,.command-bar__response:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.command-bar__response:before{-webkit-backdrop-filter:blur(8px)saturate(1.1);backdrop-filter:blur(8px)saturate(1.1);background:#000000a6}.command-bar__response:after{-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);background:#00000029}.command-bar__response>*{z-index:1;position:relative}.command-bar__explanation{color:#ffffffd9;margin-bottom:12px;font-family:GT America,Inter,system-ui,sans-serif;font-size:13px;font-weight:400;line-height:1.5}.command-bar__actions{gap:8px;display:flex}.command-bar__action-btn{cursor:pointer;border:none;border-radius:14px;height:28px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.command-bar__action-btn--apply{color:#1e1e1e;background:#fff}.command-bar__action-btn--apply:hover{background:#f0f0f0}.command-bar__action-btn--dismiss{color:#fffc;background:#ffffff1a}.command-bar__action-btn--dismiss:hover{color:#fff;background:#ffffff26}.command-bar__spinner{color:#ffffffe6;animation:1s linear infinite spin}.command-bar__error{color:#f87171;margin-top:8px;font-family:GT America,Inter,system-ui,sans-serif;font-size:12px}.settings-panel-overlay{z-index:2000;background:#0006;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-panel{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:980px;max-height:86vh;font-family:GT-America-Standard-Regular,Inter,system-ui,-apple-system,sans-serif;animation:.2s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-panel__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.settings-panel__title{margin:0;font-size:16px;font-weight:600}.settings-panel__close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;display:flex}.settings-panel__close:hover{color:#1e1e1e;background:#f5f5f5}.settings-panel__header-actions{align-items:center;gap:8px;display:flex}.settings-panel__upgrade-link{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:opacity .15s,transform .15s;display:flex}.settings-panel__upgrade-link:hover{opacity:.9;transform:translateY(-1px)}.settings-panel__upgrade-badge{text-transform:uppercase;letter-spacing:.5px;background:#fff3;border-radius:8px;padding:2px 6px;font-size:10px}.settings-panel__content{flex-direction:column;flex:1;gap:24px;min-width:0;padding:20px;display:flex;overflow-y:auto}.settings-panel__layout{flex:1;min-height:0;display:flex}.settings-panel__sidebar{border-right:1px solid var(--border);background:#fafafa;flex-shrink:0;width:220px;padding:14px 12px}.settings-panel__nav{flex-direction:column;gap:6px;height:100%;display:flex}.settings-panel__nav-item{text-align:left;color:#444;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;width:100%;padding:10px;font-size:13px;font-weight:500;transition:background .12s,color .12s,border-color .12s}.settings-panel__nav-item:hover{background:#0000000a;border-color:#0000000f}.settings-panel__nav-item--active{color:#111;background:#fff;border-color:#00000014;box-shadow:0 1px 2px #0000000a}.settings-panel__nav-item--admin,.settings-panel__nav-item--admin.settings-panel__nav-item--active{color:#7c2d12}.settings-panel__nav-spacer{flex:1}@media (max-width:760px){.settings-panel{max-width:520px}.settings-panel__layout{flex-direction:column}.settings-panel__sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;padding:10px 12px}.settings-panel__nav{flex-direction:row;gap:8px;overflow-x:auto}.settings-panel__nav-item{white-space:nowrap;border-radius:999px;width:auto;padding:8px 10px}.settings-panel__nav-spacer{display:none}}.settings-panel__section{flex-direction:column;gap:12px;display:flex}.settings-panel__section-title{color:#666;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;display:flex}.settings-panel__section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-panel__upgrade-hint{color:#888;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:400}.settings-panel__upgrade-hint:hover{text-decoration:underline}.settings-panel__sites-count{color:var(--muted-foreground);font-size:11px;font-weight:500}.settings-panel__sites-list{flex-direction:column;gap:8px;display:flex}.settings-panel__add-site-btn{border:1px dashed var(--border);color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.settings-panel__add-site-btn:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 5%, transparent)}.settings-panel__domain-card{border:1px solid var(--border);background:#f9f9f9;border-radius:12px;padding:12px 14px}.settings-panel__domain-card--empty{background:#fafafa}.settings-panel__domain-card--custom{background:#f0fdf4;border-color:#86efac}.settings-panel__domain-card--active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 5%, white)}.settings-panel__domain-card:not(.settings-panel__domain-card--active):hover{border-color:var(--muted-foreground)}.settings-panel__domain-label{color:#888;text-transform:uppercase;letter-spacing:.3px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;font-size:11px;font-weight:500;display:flex}.settings-panel__domain-label-left{align-items:center;gap:8px;min-width:0;display:flex}.settings-panel__site-quick-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.settings-panel__mini-btn{cursor:pointer;color:#555;background:#fff;border:1px solid #00000014;border-radius:10px;justify-content:center;align-items:center;padding:4px 6px;line-height:1;display:inline-flex}.settings-panel__mini-btn:hover{color:#111;background:#0000000a}.settings-panel__mini-btn:disabled{opacity:.6;cursor:not-allowed}.settings-panel__domain-badge{color:#16a34a;text-transform:uppercase;background:#dcfce7;border-radius:8px;padding:2px 6px;font-size:10px;font-weight:600}.settings-panel__domain-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-panel__domain-url{color:#1e1e1e;word-break:break-all;font-size:14px;font-weight:500}.settings-panel__domain-actions{flex-shrink:0;gap:4px;display:flex}.settings-panel__icon-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}.settings-panel__icon-btn:hover{color:#1e1e1e;background:#0000000d}.settings-panel__icon-btn--danger{color:#b91c1c}.settings-panel__icon-btn--danger:hover{color:#b91c1c;background:#fee2e2}.settings-panel__empty-text{color:#888;margin:0;font-size:13px;line-height:1.5}.settings-panel__logout-btn{border:1px solid var(--border);color:#666;cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;transition:all .15s;display:flex}.settings-panel__logout-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.settings-panel__language{flex-direction:column;gap:8px;display:flex}.settings-panel__language-btn{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:14px;transition:all .15s;display:flex}.settings-panel__language-btn:hover{background:var(--background-subtle);border-color:var(--primary)}.settings-panel__language-current{color:var(--foreground);font-weight:500}.settings-panel__language-cycle{gap:8px;display:flex}.settings-panel__language-option{color:var(--foreground-muted);background:0 0;border-radius:8px;padding:2px 6px;font-size:11px;font-weight:500;transition:all .15s}.settings-panel__language-option--active{color:var(--primary);background:var(--primary-subtle)}.settings-panel__language-hint{color:var(--foreground-muted);margin:0;font-size:12px}.settings-panel__domain-card--error{background:#fef2f2;border-color:#fecaca}.settings-panel__domain-card--compact{padding:10px 12px}.settings-panel__domain-target{border:1px solid var(--border);background:#fafafa;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.settings-panel__domain-target-label{color:#444;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.settings-panel__domain-target-select{color:#222;cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:10px;padding:6px 10px;font-size:12px}.settings-panel__domain-badge--pending{color:#d97706;background:#fef3c7}.settings-panel__domain-badge--error{color:#dc2626;background:#fee2e2}.settings-panel__purchased-list{flex-direction:column;gap:8px;display:flex}.settings-panel__domain-search{flex-direction:column;gap:12px;display:flex}.settings-panel__tabs{border:1px solid var(--border);background:#fafafa;border-radius:14px;align-items:center;gap:6px;margin-bottom:12px;padding:4px;display:inline-flex}.settings-panel__tab{color:#666;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:6px 12px;font-size:13px;font-weight:500}.settings-panel__tab--active{color:#1e1e1e;background:#fff;box-shadow:0 1px 2px #0000000f}.settings-panel__domain-content--disabled{opacity:.4;pointer-events:none}.settings-panel__tab:disabled{cursor:not-allowed}.settings-panel__connect-actions{justify-content:flex-start;display:flex}.settings-panel__search-input-wrapper{align-items:center;display:flex;position:relative}.settings-panel__search-icon{color:#888;pointer-events:none;position:absolute;left:12px}.settings-panel__search-input{border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;height:40px;padding:0 36px 0 40px;font-size:14px;transition:border-color .15s}.settings-panel__search-input:focus{border-color:#1e1e1e;outline:none}.settings-panel__search-input::placeholder{color:#aaa}.settings-panel__search-spinner{color:#888;animation:1s linear infinite spin;position:absolute;right:12px}.settings-panel__availability{border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.settings-panel__availability--available{background:#f0fdf4;border:1px solid #86efac}.settings-panel__availability--taken{background:#fef2f2;border:1px solid #fecaca}.settings-panel__availability-status{align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.settings-panel__availability--available .settings-panel__availability-status{color:#16a34a}.settings-panel__availability--taken .settings-panel__availability-status{color:#dc2626}.settings-panel__availability-price{align-items:center;gap:8px;display:flex}.settings-panel__price{color:#1e1e1e;font-size:24px;font-weight:600}.settings-panel__price-period{color:#666;font-size:14px;font-weight:400}.settings-panel__premium-badge{color:#7c3aed;text-transform:uppercase;background:#ede9fe;border-radius:8px;padding:2px 6px;font-size:10px;font-weight:600}.settings-panel__buy-btn{color:#fff;cursor:pointer;background:#1e1e1e;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:40px;font-size:14px;font-weight:500;transition:opacity .15s;display:flex}.settings-panel__buy-btn:hover:not(:disabled){opacity:.85}.settings-panel__buy-btn:disabled{opacity:.6;cursor:not-allowed}.settings-panel__btn-spinner{animation:1s linear infinite spin}.settings-panel__error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.settings-panel__integration-icon{border:1px solid var(--border);width:18px;height:18px;color:var(--foreground);background:var(--background);border-radius:10px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.settings-panel__integration-card{border:1px solid var(--border);background:#fff;border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex}.settings-panel__integration-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-panel__integration-status{color:#666;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.settings-panel__integration-dot{background:#ddd;border-radius:999px;width:8px;height:8px}.settings-panel__integration-dot--on{background:#16a34a}.settings-panel__integration-dot--off{background:#9ca3af}.settings-panel__integration-text{color:#666}.settings-panel__integration-workspace{align-items:center;gap:8px;min-width:0;max-width:55%;display:inline-flex}.settings-panel__integration-workspace-icon{border:1px solid var(--border);background:#fafafa;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;overflow:hidden}.settings-panel__integration-workspace-icon img{object-fit:cover;width:100%;height:100%}.settings-panel__integration-workspace-name{color:#1e1e1e;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.settings-panel__domain-hint{color:#888;margin:0;font-size:12px;line-height:1.5}.settings-panel__domain-hint--compact{margin-top:6px}.settings-panel__dns-instructions{background:#f5f5f5;border-radius:12px;margin:12px 0;padding:12px}.settings-panel__dns-header{color:#1e1e1e;margin-bottom:4px;font-size:13px;font-weight:600}.settings-panel__dns-hint{color:#666;margin:0 0 8px;font-size:12px}.settings-panel__dns-record{background:#1e1e1e;border-radius:10px;padding:8px 12px}.settings-panel__dns-record code{color:#fff;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px}.settings-panel__dns-or{color:#888;text-align:center;margin:6px 0;font-size:11px}.settings-panel__section--pricing{background:#f8f8f8;border-radius:16px;margin:-4px;padding:16px;font-family:GT-America-Standard-Regular,Inter,system-ui,-apple-system,sans-serif}.pricing-pane__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.pricing-pane__close{color:#888;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;display:flex}.pricing-pane__close:hover{color:#333;background:#e5e5e5}.pricing-pane__grid{grid-template-columns:1fr 1fr 1fr;align-items:stretch;gap:12px;margin-bottom:16px;display:grid}.pricing-pane__plan{flex-direction:column;gap:4px;min-height:100%;display:flex}.pricing-pane__plan-name{color:#1e1e1e;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.pricing-pane__badge{color:#666;text-transform:uppercase;background:#e5e5e5;border-radius:8px;padding:2px 6px;font-size:9px;font-weight:500}.pricing-pane__plan-price{color:#888;flex-direction:column;gap:4px;font-size:12px;display:flex}.pricing-pane__plan-period{color:#aaa}.pricing-pane__plan-savings{color:#10b981;font-size:10px;font-weight:600}.pricing-pane__billing-toggle-wrapper{align-items:center;gap:8px;display:flex}.pricing-pane__billing-toggle{background:#e5e5e5;border-radius:10px;gap:4px;padding:2px;display:flex}.pricing-pane__billing-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 12px;font-size:11px;font-weight:500;transition:all .15s}.pricing-pane__billing-save{color:#10b981;margin-left:6px;font-size:10px;font-weight:600}.pricing-pane__billing-btn:hover{color:#333}.pricing-pane__billing-btn--active{color:#1e1e1e;background:#fff;box-shadow:0 1px 2px #0000001a}.pricing-pane__billing-savings{color:#10b981;white-space:nowrap;font-size:10px;font-weight:600}.pricing-pane__plan-spacer{margin-top:auto}.pricing-pane__upgrade-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;width:fit-content;margin-top:auto;padding:6px 12px;font-size:12px;font-weight:600}.pricing-pane__upgrade-btn:hover{background:#2563eb}.pricing-pane__settings-btn{color:#333;cursor:pointer;background:#e5e5e5;border:none;border-radius:10px;width:fit-content;margin-top:auto;padding:6px 12px;font-size:12px;font-weight:500}.pricing-pane__settings-btn:hover{background:#d5d5d5}.pricing-pane__features{background:#fff;border-radius:12px;padding:14px 16px}.pricing-pane__features-label{color:#888;margin-bottom:12px;font-size:11px;font-weight:500}.pricing-pane__features-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.pricing-pane__feature-col{flex-direction:column;gap:8px;display:flex}.pricing-pane__feature{color:#333;align-items:center;gap:6px;font-size:11px;line-height:1.3;display:flex}.pricing-pane__feature--disabled{color:#bbb;margin-top:4px;padding-top:4px}.pricing-pane__feature-content{align-items:center;gap:4px;display:flex}.pricing-pane__feature-icon{opacity:.5;align-items:center;display:flex}.settings-panel__section--admin{border:1px solid var(--border);color:inherit;background:#fafafa;border-radius:16px;padding:16px}.settings-panel__section--admin .settings-panel__section-title{color:#666}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.admin-stat{text-align:center;background:#ffffff14;border-radius:12px;padding:12px 8px}.admin-stat__value{color:#fff;font-size:20px;font-weight:700;display:block}.admin-stat__label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.admin-users{margin-top:12px}.admin-users__title{color:#888;margin:0 0 8px;font-size:12px;font-weight:600}.admin-users__list{flex-direction:column;gap:6px;max-height:200px;display:flex;overflow-y:auto}.admin-users__row{background:#ffffff0d;border-radius:10px;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.admin-users__email{color:#ccc;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.admin-users__tier{text-transform:uppercase;border-radius:8px;padding:2px 6px;font-size:10px;font-weight:600}.admin-users__tier--free{color:#888;background:#333}.admin-users__tier--pro{color:#fff;background:#3b82f6}.admin-users__tier--business{color:#fff;background:#8b5cf6}.admin-users__sites{color:#666;font-size:11px}.admin-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.admin-header .settings-panel__section-title{margin:0}.admin-expand-btn{color:#888;cursor:pointer;background:#ffffff1a;border:none;border-radius:10px;justify-content:center;align-items:center;padding:6px;display:flex}.admin-expand-btn:hover{color:#fff;background:#fff3}.admin-view-all-btn{color:#3b82f6;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;padding:8px 0;font-size:12px}.admin-view-all-btn:hover{text-decoration:underline}.admin-dashboard-overlay{z-index:2000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-dashboard{border:1px solid var(--border);color:#fff;background:linear-gradient(135deg,#0f0f1a 0%,#1a1a2e 100%);border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;font-family:GT-America-Standard-Regular,Inter,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.admin-dashboard__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.admin-dashboard__title{align-items:center;gap:10px;margin:0;font-size:20px;font-weight:600;display:flex}.admin-dashboard__close{color:#666;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:8px;display:flex}.admin-dashboard__close:hover{color:#fff;background:#ffffff1a}.admin-dashboard__content{flex-direction:column;gap:32px;padding:24px;display:flex;overflow-y:auto}.admin-dashboard__section{flex-direction:column;gap:16px;display:flex}.admin-dashboard__section-title{color:#888;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:14px;font-weight:600}.admin-dashboard__stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.admin-dashboard__stat{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:16px}.admin-dashboard__stat--plus{background:#3b82f61a;border-color:#3b82f6}.admin-dashboard__stat--business{background:#8b5cf61a;border-color:#8b5cf6}.admin-dashboard__stat--mrr{background:#10b9811a;border-color:#10b981}.admin-dashboard__stat-value{color:#fff;font-size:28px;font-weight:700;display:block}.admin-dashboard__stat-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.admin-dashboard__table-wrapper{border:1px solid #ffffff1a;border-radius:16px;overflow-x:auto}.admin-dashboard__table{border-collapse:collapse;width:100%;font-size:13px}.admin-dashboard__table th,.admin-dashboard__table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:12px 16px}.admin-dashboard__table th{color:#888;text-transform:uppercase;letter-spacing:.5px;background:#ffffff08;font-size:11px;font-weight:500}.admin-dashboard__table tbody tr:hover{background:#ffffff08}.admin-dashboard__email{color:#fff;font-weight:500}.admin-dashboard__tier{text-transform:uppercase;border-radius:8px;padding:4px 8px;font-size:10px;font-weight:600}.admin-dashboard__tier--free{color:#888;background:#333}.admin-dashboard__tier--pro{color:#fff;background:#3b82f6}.admin-dashboard__tier--business{color:#fff;background:#8b5cf6}.admin-dashboard__date{color:#666}.admin-dashboard--embedded{color:#1e1e1e;background:0 0;border:none;border-radius:0;width:100%;max-width:none;max-height:none;overflow:visible}.admin-dashboard__content--embedded{gap:24px;padding:0;overflow:visible}.admin-dashboard--embedded .admin-dashboard__section-title{color:#666}.admin-dashboard--embedded .admin-dashboard__stats{gap:8px}.admin-dashboard--embedded .admin-dashboard__stat{border:1px solid var(--border);background:#f9f9f9;border-radius:16px}.admin-dashboard--embedded .admin-dashboard__stat--plus{border-color:color-mix(in srgb, #3b82f6 35%, var(--border));background:#eaeff9}.admin-dashboard--embedded .admin-dashboard__stat--business{border-color:color-mix(in srgb, #8b5cf6 35%, var(--border));background:#f0ecf9}.admin-dashboard--embedded .admin-dashboard__stat--mrr{border-color:color-mix(in srgb, #10b981 35%, var(--border));background:#e6f4ef}.admin-dashboard--embedded .admin-dashboard__stat-value{color:#111}.admin-dashboard--embedded .admin-dashboard__stat-label{color:#666}.admin-dashboard--embedded .admin-dashboard__table-wrapper{border:1px solid var(--border);background:#fff}.admin-dashboard--embedded .admin-dashboard__table th,.admin-dashboard--embedded .admin-dashboard__table td{border-bottom:1px solid var(--border)}.admin-dashboard--embedded .admin-dashboard__table th{color:#666;background:#fafafa}.admin-dashboard--embedded .admin-dashboard__table tbody tr:hover{background:#00000005}.admin-dashboard--embedded .admin-dashboard__email{color:#111}.admin-dashboard__subdomain{color:#666}.admin-dashboard__empty-domain{color:#888;font-style:italic}.design-tab{flex-direction:column;gap:0;padding:0;display:flex}.design-tab__section{border-bottom:1px solid #f0f0f0;flex-direction:column;gap:0;padding:16px 0;display:flex}.design-tab__section:last-child{border-bottom:none}.design-tab__section-title{color:#999;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;padding:0;font-size:11px;font-weight:500}.design-tab__field{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.design-tab__label{color:#333;font-size:13px;font-weight:400}.design-tab__color-input{cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:10px;width:28px;height:28px;padding:2px}.design-tab__color-input:hover{border-color:#ccc}.design-tab__color-input::-webkit-color-swatch-wrapper{padding:0}.design-tab__color-input::-webkit-color-swatch{border:none;border-radius:8px}.design-tab__toggle-group{background:#f5f5f5;border-radius:10px;gap:0;padding:2px;display:flex}.design-tab__toggle-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .1s}.design-tab__toggle-btn:hover{color:#333}.design-tab__toggle-btn--active{color:#333;background:#fff;box-shadow:0 1px 2px #00000014}.design-tab__select{color:#333;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:10px;width:110px;height:28px;padding:0 8px;font-size:12px}.design-tab__select:hover{border-color:#ccc}.design-tab__select:focus{border-color:#06f;outline:none}.translate-tab{flex-direction:column;gap:12px;height:100%;padding:0;display:flex}.translate-tab__languages-section{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding-bottom:12px;display:flex}.translate-tab__languages-header{justify-content:space-between;align-items:center;display:flex}.translate-tab__languages-title{color:var(--foreground);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.translate-tab__languages-list{flex-direction:column;gap:4px;display:flex}.translate-tab__language-item{background:var(--muted);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.translate-tab__language-item--base{background:var(--primary);color:#fff}.translate-tab__language-item--base .translate-tab__language-badge{color:#fff;background:#fff3}.translate-tab__language-item--dragging{background:var(--muted);z-index:100}.translate-tab__language-flag{font-size:16px;line-height:1}.translate-tab__language-name{flex:1;font-weight:500}.translate-tab__language-badge{background:var(--background);border-radius:var(--radius-sm);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.3px;padding:2px 6px;font-size:10px}.translate-tab__language-remove{width:20px;height:20px;color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;font-weight:500;transition:all .15s;display:flex}.translate-tab__language-remove:hover{background:var(--destructive);color:#fff}.translate-tab__add-language{margin-top:4px}.translate-tab__add-language-select{border:1px dashed var(--border);border-radius:var(--radius-sm);width:100%;height:32px;color:var(--muted-foreground);cursor:pointer;background:0 0;padding:0 10px;font-size:13px;transition:all .15s}.translate-tab__add-language-select:hover{border-color:var(--primary);color:var(--foreground)}.translate-tab__add-language-select:focus{border-color:var(--primary);border-style:solid;outline:none}.translate-tab__header{justify-content:flex-end;align-items:center;gap:16px;padding:0;display:flex}.translate-tab__language-row{align-items:center;gap:8px;display:flex}.translate-tab__language-label{color:var(--muted-foreground);font-size:12px}.translate-tab__language-value{color:var(--foreground);font-size:12px;font-weight:500}.translate-tab__language-picker{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);width:120px;height:28px;color:var(--foreground);cursor:pointer;padding:0 8px;font-size:12px}.translate-tab__language-picker:focus{border-color:var(--primary);outline:none}.translate-tab__table{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.translate-tab__table-header{background:var(--muted);border-bottom:1px solid var(--border);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:8px 12px;font-size:11px;font-weight:600;display:flex}.translate-tab__page-group{border-bottom:1px solid var(--border)}.translate-tab__page-group:last-child{border-bottom:none}.translate-tab__table-row{align-items:center;padding:10px 12px;transition:background .15s;display:flex}.translate-tab__table-row--expanded,.translate-tab__table-row:hover{background:var(--muted)}.translate-tab__table-cell{font-size:13px}.translate-tab__table-cell--expand{align-items:center;width:20px;display:flex}.translate-tab__expand-icon{color:var(--muted-foreground);transition:transform .15s}.translate-tab__expand-icon--expanded{transform:rotate(90deg)}.translate-tab__table-cell--page{flex:1;font-weight:500}.translate-tab__table-cell--status{text-align:center;width:100px}.translate-tab__table-cell--action{text-align:right;width:40px}.translate-tab__status{border-radius:14px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.translate-tab__status--pending{background:var(--muted);color:var(--muted-foreground)}.translate-tab__status--done{color:#166534;background:#dcfce7}.translate-tab__translate-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);width:28px;height:28px;color:var(--foreground);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.translate-tab__translate-btn:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.translate-tab__translate-btn:disabled{opacity:.4;cursor:not-allowed}.translate-tab__elements{background:var(--background);border-top:1px solid var(--border)}.translate-tab__elements-header{background:var(--muted);border-bottom:1px solid var(--border);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px 8px 32px;font-size:11px;font-weight:600;display:flex}.translate-tab__elements-col{flex:1;padding:0 8px}.translate-tab__element-row{border-bottom:1px solid var(--border);align-items:flex-start;padding:8px 12px 8px 20px;display:flex}.translate-tab__element-row:last-child{border-bottom:none}.translate-tab__element-icon{width:24px;color:var(--muted-foreground);flex-shrink:0;justify-content:center;align-items:center;padding-top:2px;display:flex}.translate-tab__elements-col--icon{flex-shrink:0;width:24px}.translate-tab__element-source,.translate-tab__element-target{flex:1;padding:0 8px;font-size:13px}.translate-tab__element-source{color:var(--foreground);line-height:1.5}.translate-tab__element-target{align-items:flex-start;display:flex}.translate-tab__element-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);width:100%;color:var(--foreground);padding:6px 8px;font-size:13px;line-height:1.5}.translate-tab__element-input:focus{border-color:var(--primary);outline:none}.translate-tab__element-input::placeholder,.translate-tab__element-placeholder{color:var(--muted-foreground)}.translate-tab__language-item--selected{background:#e0f2ff!important;border-color:#007aff!important}.translate-tab__tree{border:1px solid var(--border);border-radius:var(--radius);margin-top:16px;overflow:hidden}.translate-tab__page{border-bottom:1px solid var(--border)}.translate-tab__page:last-child{border-bottom:none}.translate-tab__page-row{align-items:center;gap:8px;padding:10px 12px;transition:background .15s;display:flex}.translate-tab__page-row:hover,.translate-tab__page-row--expanded{background:var(--muted)}.translate-tab__page-expand{align-items:center;width:16px;display:flex}.translate-tab__page-icon{color:var(--muted-foreground)}.translate-tab__page-name{flex:1;font-size:13px;font-weight:500}.translate-tab__items{background:var(--background);border-top:1px solid var(--border)}.translate-tab__item{border-bottom:1px solid var(--border);padding:8px 12px 8px 44px}.translate-tab__item:last-child{border-bottom:none}.translate-tab__item-row{align-items:center;gap:8px;display:flex}.translate-tab__item-icon{color:var(--muted-foreground);flex-shrink:0}.translate-tab__item-content{color:var(--foreground);font-size:13px}.translate-tab__item-input-row{margin-top:6px}.translate-tab__item-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);width:100%;color:var(--foreground);padding:6px 8px;font-size:13px}.translate-tab__item-input:focus{border-color:var(--primary);outline:none}.translate-tab__item-input::placeholder{color:var(--muted-foreground)}.ai-tab{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px;display:flex}.ai-tab__placeholder{text-align:center;color:var(--muted-foreground);flex-direction:column;align-items:center;display:flex}.help-panel__backdrop{z-index:999;background:#00000026;position:fixed;inset:0}.help-panel{border-left:1px solid var(--border,#e5e5e5);z-index:1000;background:#f6f7fb;flex-direction:column;width:480px;max-width:100vw;font-family:GT-America-Standard-Regular,Inter,system-ui,-apple-system,sans-serif;animation:.15s ease-out help-panel-slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-4px 0 24px #0000001f}.help-panel__header{border-bottom:1px solid var(--border);background:var(--card,#fff);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}@keyframes help-panel-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.help-panel__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.help-panel__title{font-size:var(--text-h4);font-weight:var(--font-weight-semibold);margin:0}.help-panel__close{cursor:pointer;width:28px;height:28px;color:var(--muted-foreground);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .15s ease-in-out,color .15s ease-in-out;display:flex}.help-panel__close:hover{background:var(--muted);color:var(--foreground)}.help-panel__content{background:var(--card,#fff);flex-direction:column;flex:1;gap:24px;padding:20px;display:flex;overflow-y:auto}.help-panel__section{flex-direction:column;gap:12px;display:flex}.help-panel__section-header{color:var(--foreground);align-items:center;gap:8px;display:flex}.help-panel__section-header h3{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);margin:0}.help-panel__shortcuts{flex-direction:column;gap:8px;display:flex}.help-panel__shortcut{align-items:center;gap:12px;display:flex}.help-panel__key{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:60px;font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--foreground);justify-content:center;align-items:center;padding:4px 8px;font-family:ui-monospace,monospace;display:inline-flex}.help-panel__shortcut span:last-child{font-size:var(--text-sm);color:var(--muted-foreground)}.notification-banner{z-index:600;justify-content:space-between;align-items:center;height:32px;padding:0 16px;font-size:13px;display:flex;position:fixed;top:4px;left:0;right:0}.notification-banner--warning{color:#fff;background:#06f}.notification-banner--error{color:#fff;background:#dc2626}.notification-banner--info{color:#fff;background:#2563eb}.notification-banner__content{align-items:center;gap:10px;display:flex}.notification-banner__icon{opacity:.9;flex-shrink:0}.notification-banner__title{font-weight:600}.notification-banner__message{opacity:.9;margin-left:8px}.notification-banner__actions{align-items:center;gap:8px;display:flex}.notification-banner__action{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;padding:4px 12px;font-size:12px;font-weight:500;transition:background .15s}.notification-banner__action:hover{background:#ffffff40}.notification-banner__dismiss{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.notification-banner__dismiss:hover{color:#fff;background:#ffffff1a}.help-panel__text{font-size:var(--text-sm);color:var(--muted-foreground);margin:0;line-height:1.5}.builder-topbar__save-btn{color:#fff;letter-spacing:-.3px;cursor:pointer;white-space:nowrap;background:#1e1e1e;border:none;border-radius:18px;justify-content:center;align-items:center;height:36px;padding:0 18px;font-family:GT America,GT-America-Standard-Regular,Inter,system-ui,sans-serif;font-size:14px;font-weight:600;transition:opacity .15s ease-in-out,transform .15s;display:inline-flex;box-shadow:0 4px 20px #00000038,inset 0 0 0 1px #ffffff1a}.builder-topbar__save-btn:hover{opacity:.86}.builder-topbar__save-btn:active{transform:translateY(.5px)}