@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--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:0px;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px)}.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:Inter,sans-serif}h1{font-family:Inter,sans-serif;font-size:var(--text-h1);font-weight:var(--font-weight-semibold);line-height:1.5}h2{font-family:Inter,sans-serif;font-size:var(--text-h2);font-weight:var(--font-weight-semibold);line-height:1.5}h3{font-family:Inter,sans-serif;font-size:var(--text-h3);font-weight:var(--font-weight-medium);line-height:1.5}h4{font-family:Inter,sans-serif;font-size:var(--text-h4);font-weight:var(--font-weight-medium);line-height:1.5}p{font-family:Inter,sans-serif;font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}label{font-family:Inter,sans-serif;font-size:var(--text-label);font-weight:var(--font-weight-normal);line-height:1.5}button,input,textarea,select{font-family:Inter,sans-serif;font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}html{font-size:var(--font-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,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,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,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,.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}.content{text-align:left;flex-direction:column;flex:1;gap:20px;width:100%;max-width:1000px;margin:0 auto;padding:0;display:flex;position:relative}.content>*{text-align:left;margin-left:0;margin-right:auto}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}.consistency-badge{z-index:10;align-self:flex-start;margin-top:auto;line-height:0;text-decoration:none;display:block;position:sticky;bottom:20px}.consistency-badge:hover{opacity:.9}:root{--builder-panel-width:340px}svg{shape-rendering:geometricprecision;image-rendering:auto}[class*=icon] svg,svg[class*=icon],.component-library__icon svg,.builder-toolbar__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{background:var(--background);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:4px;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}.builder-app__body{background:var(--background);flex:1;margin-top:40px;transition:margin .3s ease-out;display:flex;position:relative;overflow:visible}.builder-app--toolbar-hidden .builder-app__body{margin-top:0}.builder-app--banner-visible .builder-app__body{margin-top:80px}.builder-app--banner-visible.builder-app--toolbar-hidden .builder-app__body{margin-top:40px}.builder-app--left-panel-open .builder-app__body{margin-left:var(--builder-panel-width)}.builder-app--right-panel-open .builder-app__body{margin-right:var(--builder-panel-width)}.builder-app--bottom-panel-open .builder-app__body{margin-bottom:340px}.builder-app__main{background:var(--background);flex-direction:column;flex:1;display:flex;position:relative;overflow:visible}.builder-app__content{background:var(--background);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:#fff;flex-direction:column;transition:transform .3s ease-out,opacity .3s ease-out,top .3s ease-out;display:flex;position:fixed;top:40px;bottom:0}.builder-app--toolbar-hidden .builder-app__side-panel{top:0}.builder-app--banner-visible .builder-app__side-panel{top:80px}.builder-app--banner-visible.builder-app--toolbar-hidden .builder-app__side-panel{top:40px}.builder-app__side-panel--left{border-right:1px solid var(--border);left:0;transform:translate(0)}.builder-app__side-panel--left.builder-app__side-panel--hidden{opacity:0;pointer-events:none;transform:translate(-100%)}.builder-app__side-panel--right{border-left:1px solid var(--border);right:0;transform:translate(0)}.builder-app__side-panel--right.builder-app__side-panel--hidden{opacity:0;pointer-events:none;transform:translate(100%)}.builder-app__bottom-panel{z-index:500;border-top:1px solid var(--border);isolation:isolate;background:#fff;height:340px;max-height:50vh;transition:transform .3s ease-out,opacity .3s ease-out;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(0)}.builder-app__bottom-panel--hidden{opacity:0;pointer-events:none;transform:translateY(100%)}.builder-app__bottom-panel>.block-chooser{background:#fff;border-top:none;height:100%;min-height:0}.builder-app__side-panel .block-chooser{flex:1}.builder-toolbar__wrapper{z-index:500;height:40px;transition:transform .3s ease-in-out,opacity .3s ease-in-out,top .3s ease-out;position:fixed;top:0;left:0;right:0;overflow:visible}.builder-app--banner-visible .builder-toolbar__wrapper{top:40px}.builder-toolbar__wrapper--hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.builder-toolbar{border-bottom:1px solid var(--border);background:#fff;justify-content:center;align-items:center;height:40px;padding:0 20px;display:flex;position:relative}.builder-toolbar__hover-zone{z-index:100;height:40px;position:fixed;top:0;left:0;right:0}.builder-toolbar__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-toolbar__show-btn:hover{background:color-mix(in srgb, var(--border) 50%, transparent)}.builder-toolbar__show-btn--right{left:auto;right:12px}.builder-toolbar__center{align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.builder-toolbar__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-toolbar__help-btn:hover{color:var(--foreground)}.builder-toolbar__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-toolbar__avatar:hover{opacity:.85}.builder-toolbar__avatar-initial{color:#6a6a6a;letter-spacing:-.4px;font-size:14px;font-weight:400;line-height:20px}.builder-toolbar__avatar-wrapper{position:relative}.builder-toolbar__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-toolbar__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-toolbar__avatar-menu-item:hover{background:var(--muted)}.builder-toolbar__left{align-items:center;gap:12px;display:flex;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.builder-toolbar__logo{color:#666;letter-spacing:-.5px;cursor:pointer;outline:none;font-family:GT America,Inter,system-ui,-apple-system,sans-serif;font-size:20px;font-weight:500;transition:color .15s}.builder-toolbar__logo:hover{color:#333}.builder-toolbar__logo:focus{outline:none}.builder-toolbar__version{color:var(--muted-foreground);margin-left:4px;font-size:11px;font-weight:600}.builder-toolbar__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-toolbar:hover .builder-toolbar__toggle{opacity:1}.builder-toolbar__toggle:hover{background:color-mix(in srgb, var(--border) 50%, transparent)}.builder-toolbar__toggle-icon{width:12px;height:12px}.builder-toolbar__toggle--right{left:auto;right:12px}.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;transition:transform .3s ease-in-out;display:flex;overflow:hidden}.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-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:8px;height:32px;display:flex}.block-chooser__page-item:hover,.block-chooser__page-item--active{background:var(--muted)}.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:#f59e0b}.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);flex:1}.block-chooser__page-slug{font-size:var(--text-xs);color:var(--muted-foreground);text-align:right;flex-shrink:0;margin-left:auto}.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:8px;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{opacity:0!important;background:0 0!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__item{cursor:grab;transition:opacity .2s ease-in-out;position:relative}.block-chooser__item--clone{opacity:.4;cursor:default}.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{align-items:center;display:flex}.address-bar__domain{letter-spacing:-.4px;color:#1e1e1e;align-items:center;height:16px;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{align-items:center;gap:6px;display:inline-flex}.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__site-dropdown{display:inline-flex;position:relative}.address-bar__globe-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;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:8px;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:6px;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__connect-link{color:#5bc0de;cursor:pointer;background:0 0;border:none;margin-left:12px;padding:0;font-size:13px;font-weight:500}.address-bar__connect-link:hover{color:#46b8da;text-decoration:underline}.address-bar__slug-dropdown{display:inline;position:relative}.address-bar__slug-trigger{letter-spacing:-.4px;color:#1e1e1e;cursor:pointer;font-size:14px;font-weight:400;line-height:20px}.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:200px;padding:4px;transition:all .15s ease-in-out;position:absolute;top:calc(100% + 8px);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:6px;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%)translateY(0)}.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}.address-bar__slug-item:hover,.address-bar__slug-item--active{background:var(--muted)}.address-bar__slug-item-path{color:var(--foreground);font-weight:var(--font-weight-medium);align-items:center;display:flex}.address-bar__home-icon{vertical-align:middle;display:inline-block}.address-bar__slug-item-name{color:var(--muted-foreground);font-size:var(--text-xs)}.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;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;flex-direction:column;align-items:center;transition:left .3s ease-out,right .3s ease-out,bottom .3s ease-out,top .3s ease-out;display:flex;position:fixed;inset:40px 0 0;overflow:auto;container:canvas/inline-size}.builder-app--toolbar-hidden .builder-canvas{top:0}.builder-app--banner-visible .builder-canvas{top:80px}.builder-app--banner-visible.builder-app--toolbar-hidden .builder-canvas{top:40px}.builder-app--left-panel-open .builder-canvas{left:var(--builder-panel-width)}.builder-app--right-panel-open .builder-canvas{right:var(--builder-panel-width)}.builder-app--bottom-panel-open .builder-canvas{bottom:340px}.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:8px;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(--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:50;background:#00000080;position:fixed;inset:0}.ui-dialog__content{z-index:51;gap:var(--spacing-4);background:var(--background);border:1px solid var(--border);border-radius:var(--radius);width:calc(100% - 2rem);max-width:32rem;padding:var(--spacing-6);box-shadow:var(--elevation-sm);display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.ui-dialog__close{top:var(--spacing-4);right:var(--spacing-4);cursor:pointer;opacity:.7;background:0 0;border:none;transition:opacity .2s ease-in-out;position:absolute}.ui-dialog__close:hover{opacity:1}.ui-dialog__header{gap:var(--spacing-2);flex-direction:column;display:flex}.ui-dialog__footer{gap:var(--spacing-2);flex-direction:column-reverse;display:flex}.ui-dialog__title{font-size:var(--text-h4);font-weight:var(--font-weight-semibold)}.ui-dialog__description{font-size:var(--text-base);color:var(--muted-foreground)}.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{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--foreground)}.new-page-dialog__input{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-base);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);color:var(--foreground);transition:border-color .2s ease-in-out}.new-page-dialog__input:focus{border-color:var(--primary);outline:none}.new-page-dialog__input::placeholder{color:var(--muted-foreground)}.new-page-dialog__slug-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);align-items:center;gap:0;display:flex;overflow:hidden}.new-page-dialog__slug-input:focus-within{border-color:var(--primary)}.new-page-dialog__slug-prefix{padding:var(--spacing-2) 0 var(--spacing-2) var(--spacing-3);color:var(--muted-foreground);font-size:var(--text-base);-webkit-user-select:none;user-select:none}.new-page-dialog__slug-input .new-page-dialog__input{border:none;padding-left:0}.new-page-dialog__slug-input .new-page-dialog__input:focus{border-color:#0000;outline:none}.new-page-dialog__btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease-in-out}.new-page-dialog__btn--secondary{border:1px solid var(--border);color:var(--foreground);background:0 0}.new-page-dialog__btn--secondary:hover{background:var(--muted)}.new-page-dialog__btn--primary{background:var(--primary);border:1px solid var(--primary);color:var(--primary-foreground)}.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__footer{margin-top:var(--spacing-4);flex-direction:row;justify-content:flex-end}.u-sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.builder-toolbar__right{align-items:center;gap:8px;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.publish-btn{color:#fff;cursor:pointer;background:#1e1e1e;border:none;border-radius:4px;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:4px;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:#1e1e1e;border-radius:20px;align-items:center;gap:10px;height:40px;padding:0 6px 0 14px;font-size:13px;font-weight:500;display:flex;box-shadow:0 4px 20px #00000040,inset 0 0 0 1px #ffffff1a}.save-indicator__loader{background:#1e1e1e;border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 20px #00000040,inset 0 0 0 1px #ffffff1a}.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:#1e1e1e;border-radius:16px;min-width:260px;padding:14px 16px;box-shadow:0 4px 24px #0000004d,inset 0 0 0 1px #ffffff1a}.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:12px;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:8px;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-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}.landing{color:#1e1e1e;background:#fff;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}.landing__header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:100;background:#ffffffe6;position:sticky;top:0}.landing__header-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.landing__logo{letter-spacing:-.5px;font-size:20px;font-weight:600}.landing__nav{gap:32px;display:flex}.landing__nav-link{color:#666;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.landing__nav-link:hover{color:#1e1e1e}.landing__cta-small{color:#fff;cursor:pointer;background:#1e1e1e;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:opacity .15s}.landing__cta-small:hover{opacity:.85}.landing__hero{text-align:center;max-width:800px;margin:0 auto;padding:120px 24px 100px}.landing__title{letter-spacing:-2px;margin:0 0 24px;font-size:56px;font-weight:600;line-height:1.1}.landing__subtitle{color:#666;max-width:600px;margin:0 auto 40px;font-size:20px;line-height:1.6}.landing__hero-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.landing__cta{color:#fff;cursor:pointer;background:#1e1e1e;border:none;border-radius:8px;padding:16px 32px;font-size:16px;font-weight:500;transition:opacity .15s}.landing__cta:hover{opacity:.85}.landing__hero-note{color:#999;font-size:14px}.landing__features{border-top:1px solid var(--border);max-width:1200px;margin:0 auto;padding:80px 24px}.landing__section-title{letter-spacing:-1px;text-align:center;margin:0 0 60px;font-size:36px;font-weight:600}@media (max-width:900px){.landing__features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.landing__features-grid{grid-template-columns:1fr}.landing__title{font-size:36px}}.landing__feature{text-align:center}.landing__feature-icon{color:#1e1e1e;background:#f5f5f5;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;display:flex}.landing__feature-title{margin:0 0 8px;font-size:18px;font-weight:600}.landing__feature-text{color:#666;margin:0;font-size:14px;line-height:1.6}.landing__pricing{border-top:1px solid var(--border);max-width:1200px;margin:0 auto;padding:80px 24px}.landing__pricing-subtitle{text-align:center;color:#666;margin:-40px 0 40px;font-size:18px}.landing__billing-toggle{background:#f5f5f5;border-radius:8px;justify-content:center;gap:4px;width:fit-content;margin-bottom:48px;margin-left:auto;margin-right:auto;padding:4px;display:flex}.landing__billing-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.landing__billing-btn--active{color:#1e1e1e;background:#fff;box-shadow:0 1px 3px #0000001a}.landing__billing-badge{color:#fff;background:#22c55e;border-radius:4px;padding:2px 6px;font-size:11px}.landing__pricing-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto;display:grid}.landing__pricing-grid--two{grid-template-columns:repeat(2,1fr);max-width:700px}@media (max-width:900px){.landing__pricing-grid{grid-template-columns:1fr;max-width:400px}}.landing__plan{border:1px solid var(--border);background:#fff;border-radius:16px;padding:32px;position:relative}.landing__plan--featured{border:2px solid #1e1e1e}.landing__plan-badge{color:#fff;background:#1e1e1e;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.landing__plan-header{text-align:center;border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:24px}.landing__plan-name{margin:0 0 16px;font-size:20px;font-weight:600}.landing__plan-price{justify-content:center;align-items:baseline;gap:4px;display:flex}.landing__plan-amount{letter-spacing:-2px;font-size:48px;font-weight:600}.landing__plan-period{color:#666;font-size:16px}.landing__plan-desc{color:#666;margin:12px 0 0;font-size:14px}.landing__plan-features{margin:0 0 24px;padding:0;list-style:none}.landing__plan-features li{color:#444;align-items:center;gap:8px;padding:8px 0;font-size:14px;display:flex}.landing__plan-features li:before{content:"✓";color:#22c55e;font-weight:600}.landing__plan-cta{color:#fff;cursor:pointer;background:#1e1e1e;border:none;border-radius:8px;width:100%;padding:12px 24px;font-size:14px;font-weight:500;transition:opacity .15s}.landing__plan-cta:hover{opacity:.85}.landing__plan-cta--secondary{color:#1e1e1e;border:1px solid var(--border);background:#fff}.landing__plan-cta--secondary:hover{opacity:1;background:#f5f5f5}.landing__footer{border-top:1px solid var(--border);padding:40px 24px}.landing__footer-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.landing__footer-logo{font-size:16px;font-weight:600}.landing__footer-text{color:#666;margin:0;font-size:14px}.landing__footer-text a{color:#1e1e1e;text-decoration:none}.landing__footer-text a:hover{text-decoration:underline}.landing__header--scrolled{box-shadow:0 4px 20px #00000014}.landing__logo-icon{color:#1e1e1e;justify-content:center;align-items:center;width:24px;height:24px;margin-right:8px;display:inline-flex}.landing__logo-icon svg{width:100%;height:100%}.landing__logo-icon--small{width:20px;height:20px}.landing__hero{text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;padding:100px 24px 80px;display:grid}@media (max-width:900px){.landing__hero{text-align:center;grid-template-columns:1fr;padding:80px 24px 60px}.landing__hero-actions,.landing__hero-trust{justify-content:center}}.landing__hero-content{max-width:540px}.landing__hero-badge{color:#6366f1;background:linear-gradient(135deg,#6366f11a 0%,#8b5cf61a 100%);border:1px solid #6366f133;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.landing__hero-badge-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.landing__hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.landing__cta--primary{background:linear-gradient(135deg,#1e1e1e 0%,#333 100%);align-items:center;gap:8px;display:inline-flex}.landing__cta--secondary{color:#1e1e1e;border:1px solid var(--border);background:#fff;align-items:center;display:inline-flex}.landing__cta--secondary:hover{opacity:1;background:#f5f5f5}.landing__cta--large{padding:18px 36px;font-size:18px}.landing__cta-arrow{width:20px;height:20px;transition:transform .2s}.landing__cta:hover .landing__cta-arrow{transform:translate(4px)}.landing__hero-trust{align-items:center;gap:12px;display:flex}.landing__trust-avatars{margin-left:4px;display:flex}.landing__trust-avatar{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-8px;font-size:12px;font-weight:600;display:flex}.landing__trust-text{color:#666;font-size:14px}.landing__hero-visual{perspective:1000px;height:400px;position:relative}@media (max-width:900px){.landing__hero-visual{display:none}}.landing__floating-block{animation:6s ease-in-out infinite float;position:absolute}.landing__floating-block--1{animation-delay:0s;top:10%;left:10%}.landing__floating-block--2{animation-delay:1s;top:5%;right:15%}.landing__floating-block--3{animation-delay:2s;top:40%;left:5%}.landing__floating-block--4{animation-delay:3s;top:50%;right:10%}.landing__floating-block--5{animation-delay:4s;bottom:20%;left:30%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(2deg)}}.landing__block-preview{border:1px solid var(--border);background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 20px #0000001a}.landing__block-preview--header{width:180px}.landing__block-line{background:#e5e5e5;border-radius:4px;margin-bottom:8px}.landing__block-line--short{width:60%;height:12px;margin-bottom:12px}.landing__block-line--nav{gap:8px;display:flex}.landing__block-line--nav span{background:#e5e5e5;border-radius:4px;width:40px;height:8px}.landing__block-preview--hero{text-align:center;width:200px}.landing__block-title{background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 100%);border-radius:4px;width:80%;height:16px;margin:0 auto 12px}.landing__block-subtitle{background:#e5e5e5;border-radius:4px;width:60%;height:10px;margin:0 auto 16px}.landing__block-button{background:#1e1e1e;border-radius:6px;width:100px;height:28px;margin:0 auto}.landing__block-preview--table{width:160px}.landing__table-row{gap:8px;margin-bottom:8px;display:flex}.landing__table-row span{background:#e5e5e5;border-radius:3px;flex:1;height:10px}.landing__block-preview--image{color:#d1d5db;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.landing__block-preview--image svg{width:48px;height:48px}.landing__block-preview--button{color:#fff;text-align:center;background:linear-gradient(135deg,#1e1e1e 0%,#333 100%);width:120px;font-size:13px;font-weight:500}.landing__gradient-orb{filter:blur(60px);opacity:.4;z-index:-1;border-radius:50%;position:absolute}.landing__gradient-orb--1{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);width:300px;height:300px;top:20%;right:10%}.landing__gradient-orb--2{background:linear-gradient(135deg,#ec4899 0%,#f472b6 100%);width:250px;height:250px;bottom:10%;left:20%}.landing__social-proof{border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;max-width:1200px;margin:0 auto;padding:40px 24px}.landing__social-proof-text{color:#999;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-size:14px}.landing__logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.landing__logo-item{color:#999;opacity:.6;font-size:18px;font-weight:600;transition:opacity .2s}.landing__logo-item:hover{opacity:1}.landing__how-it-works{max-width:1200px;margin:0 auto;padding:100px 24px}.landing__section-header{text-align:center;margin-bottom:60px}.landing__section-label{text-transform:uppercase;letter-spacing:1px;color:#666;background:#f5f5f5;border-radius:20px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.landing__section-subtitle{color:#666;margin:16px 0 0;font-size:18px}.landing__steps{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}@media (max-width:900px){.landing__steps{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.landing__step{text-align:center;border:1px solid var(--border);background:#fff;border-radius:16px;padding:40px 24px;transition:transform .2s,box-shadow .2s;position:relative}.landing__step:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.landing__step-number{color:#fff;background:#1e1e1e;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.landing__step-icon{color:#1e1e1e;background:linear-gradient(135deg,#f5f5f5 0%,#fff 100%);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;display:flex}.landing__step-icon svg{width:32px;height:32px}.landing__step-title{margin:0 0 12px;font-size:20px;font-weight:600}.landing__step-desc{color:#666;margin:0;font-size:15px;line-height:1.6}.landing__features{background:linear-gradient(#fafafa 0%,#fff 100%);max-width:1200px;margin:0 auto;padding:100px 24px}.landing__features-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (max-width:900px){.landing__features-grid{grid-template-columns:1fr}}.landing__feature{border:1px solid var(--border);text-align:left;background:#fff;border-radius:20px;padding:40px;transition:transform .2s,box-shadow .2s}.landing__feature:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.landing__feature--large{grid-row:span 1}.landing__feature-visual{align-items:center;height:80px;margin-bottom:24px;display:flex}.landing__feature-visual--speed{gap:8px}.landing__speed-bars{align-items:flex-end;gap:6px;height:60px;display:flex}.landing__speed-bar{background:linear-gradient(#22c55e 0%,#16a34a 100%);border-radius:6px;width:12px;animation:1.5s ease-out infinite alternate barGrow}.landing__speed-bar:first-child{height:30px;animation-delay:0s}.landing__speed-bar:nth-child(2){height:45px;animation-delay:.2s}.landing__speed-bar:nth-child(3){height:35px;animation-delay:.4s}.landing__speed-bar:nth-child(4){height:55px;animation-delay:.6s}@keyframes barGrow{0%{transform:scaleY(.8)}to{transform:scaleY(1)}}.landing__speed-label{color:#22c55e;margin-left:16px;font-size:24px;font-weight:700}.landing__blocks-stack{flex-direction:column;gap:8px;display:flex}.landing__stack-block{background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 100%);border-radius:6px;width:80px;height:20px;animation:2s ease-in-out infinite stackSlide}.landing__stack-block:first-child{width:80px;animation-delay:0s}.landing__stack-block:nth-child(2){width:60px;animation-delay:.3s}.landing__stack-block:nth-child(3){width:70px;animation-delay:.6s}@keyframes stackSlide{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.landing__domain-globe svg{color:#6366f1;width:60px;height:60px}.landing__ownership-lock svg{color:#1e1e1e;width:48px;height:48px}.landing__check-icon{color:#22c55e;flex-shrink:0;width:20px;height:20px}.landing__plan-features li{align-items:center;gap:10px;display:flex}.landing__cta-section{text-align:center;max-width:1200px;margin:0 auto;padding:100px 24px}.landing__cta-content{color:#fff;background:linear-gradient(135deg,#1e1e1e 0%,#333 100%);border-radius:24px;padding:80px 40px}.landing__cta-title{letter-spacing:-1px;margin:0 0 16px;font-size:36px;font-weight:600}.landing__cta-subtitle{color:#ffffffb3;margin:0 0 32px;font-size:18px}.landing__cta-note{color:#ffffff80;margin:24px 0 0;font-size:14px}.landing__footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.landing__footer-brand{align-items:center;gap:8px;display:flex}.landing__footer-nav{gap:24px;display:flex}.landing__footer-link{color:#666;font-size:14px;text-decoration:none;transition:color .15s}.landing__footer-link:hover{color:#1e1e1e}.landing__footer-credit{color:#666;margin:0;font-size:14px}.landing__footer-credit a{color:#1e1e1e;font-weight:500;text-decoration:none}.landing__footer-credit a:hover{text-decoration:underline}.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:12px;flex-direction:column;width:100%;max-width:420px;max-height:80vh;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:4px;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:6px;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:4px;padding:2px 6px;font-size:10px}.settings-panel__content{flex-direction:column;gap:24px;padding:20px;display:flex;overflow-y:auto}.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:8px;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:8px;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;align-items:center;gap:8px;margin-bottom:6px;font-size:11px;font-weight:500;display:flex}.settings-panel__domain-badge{color:#16a34a;text-transform:uppercase;background:#dcfce7;border-radius:4px;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:4px;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:8px;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:4px;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-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:10px;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:8px;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:8px;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:8px;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:4px;padding:2px 6px;font-size:10px;font-weight:600}.settings-panel__buy-btn{color:#fff;cursor:pointer;background:#1e1e1e;border:none;border-radius:8px;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:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.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:8px;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:6px;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:12px;margin:-4px;padding:16px}.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:4px;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:4px;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:6px;gap:4px;padding:2px;display:flex}.pricing-pane__billing-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;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:6px;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:6px;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:8px;padding:12px}.pricing-pane__features-label{color:#888;margin-bottom:10px;font-size:11px;font-weight:500}.pricing-pane__features-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.pricing-pane__feature-col{flex-direction:column;gap:6px;display:flex}.pricing-pane__feature{color:#555;align-items:flex-start;gap:6px;font-size:11px;display:flex}.pricing-pane__feature-content{flex-direction:column;gap:2px;display:flex}.pricing-pane__feature-icon{opacity:.6}.settings-panel__section--admin{border:1px solid var(--border);color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:12px;padding:16px}.settings-panel__section--admin .settings-panel__section-title{color:#fff}.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:8px;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:6px;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:4px;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:6px;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;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:8px;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:12px;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:12px;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:4px;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}.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:6px;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:4px}.design-tab__toggle-group{background:#f5f5f5;border-radius:6px;gap:0;padding:2px;display:flex}.design-tab__toggle-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;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:6px;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:10px;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;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:4px;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:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.notification-banner__dismiss:hover{color:#fff;background:#ffffff1a}.archived-banner{color:#fff;box-sizing:border-box;background:#2563eb;border-bottom:1px solid #1d4ed8;justify-content:center;align-items:center;gap:8px;width:100%;height:40px;margin:0;font-size:14px;font-weight:500;display:flex}.help-panel__text{font-size:var(--text-sm);color:var(--muted-foreground);margin:0;line-height:1.5}.builder-toolbar__signup-form{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;display:flex;position:relative;overflow:hidden}.builder-toolbar__signup-input{width:180px;color:var(--foreground);background:0 0;border:none;outline:none;padding:8px 12px;font-size:13px}.builder-toolbar__signup-input::placeholder{color:var(--muted-foreground)}.builder-toolbar__signup-submit{background:var(--foreground);color:var(--background);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;margin-right:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.builder-toolbar__signup-submit:hover:not(:disabled){opacity:.9}.builder-toolbar__signup-submit:disabled{opacity:.5;cursor:not-allowed}.builder-toolbar__signup-success{color:#10b981;justify-content:center;align-items:center;width:32px;height:32px;display:flex}