@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--font-weight-semibold:600;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.lowercase{text-transform:lowercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.block-1{block-size:var(--spacing)}}.studio-icon{-webkit-mask:var(--studio-icon-url) center/contain no-repeat;-webkit-mask:var(--studio-icon-url) center/contain no-repeat;-webkit-mask:var(--studio-icon-url) center/contain no-repeat;-webkit-mask:var(--studio-icon-url) center/contain no-repeat;mask:var(--studio-icon-url) center/contain no-repeat;background-color:currentColor;flex:none;display:inline-block}.public-header-controls{gap:8px;display:flex;position:absolute;top:0;right:0}.header-control{width:44px;height:44px;color:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border:1px solid;border-radius:50%;place-items:center;display:grid}.public-link>.studio-icon,.public-link>.custom-link-icon{position:absolute}.public-link.icon-left>.studio-icon,.public-link.icon-left>.custom-link-icon{left:17px;right:auto}.public-link.icon-right>.studio-icon,.public-link.icon-right>.custom-link-icon{left:auto;right:17px}.socials a{place-items:center;width:44px;height:44px;padding:0;display:grid}.bio-profile[style*=left] .avatar{margin-left:0}.bio-profile[style*=right] .avatar{margin-right:0}.public-page:before,.public-page:after{content:"";z-index:-1;pointer-events:none;opacity:var(--bio-effect-opacity,.34);color:var(--bio-effect-color,currentColor);position:absolute;inset:-20%}.public-backdrop{background-image:var(--bio-bg-portrait);background-size:var(--bio-bg-size,cover);background-position:var(--bio-bg-position,center)}.bg-effect-flat:before{display:none}.bg-effect-up:before{animation:bg-up calc(12s * var(--bio-effect-duration-scale,1)) ease-in-out infinite;background:linear-gradient(currentColor,#0000)}.bg-effect-down:before{animation:bg-down calc(12s * var(--bio-effect-duration-scale,1)) ease-in-out infinite;background:linear-gradient(#0000,currentColor)}.bg-effect-snow:before{animation:bg-fall calc(16s * var(--bio-effect-duration-scale,1)) linear infinite;background-image:radial-gradient(circle,currentColor 1px,#0000 2px);background-size:34px 34px}.bg-effect-waves:before{animation:bg-wave calc(9s * var(--bio-effect-duration-scale,1)) ease-in-out infinite;background:repeating-radial-gradient(at bottom,#0000 0 24px,currentColor 26px 28px)}.bg-effect-blur:before{filter:blur(35px);animation:bg-drift calc(14s * var(--bio-effect-duration-scale,1)) ease-in-out infinite alternate;background:radial-gradient(circle at 25% 35%,currentColor,#0000 24%),radial-gradient(circle at 75% 65%,currentColor,#0000 28%)}.bg-effect-diagonal:before{background:repeating-linear-gradient(135deg,currentColor 0 2px,#0000 2px 26px)}.bg-effect-square:before{background-image:linear-gradient(currentColor 1px,#0000 1px),linear-gradient(90deg,currentColor 1px,#0000 1px);background-size:42px 42px}.bg-effect-bubbles:before{animation:bg-up calc(15s * var(--bio-effect-duration-scale,1)) ease-in-out infinite;background:radial-gradient(circle at 15% 70%,currentColor 0 12px,#0000 13px),radial-gradient(circle at 70% 20%,currentColor 0 22px,#0000 23px),radial-gradient(circle at 80% 80%,currentColor 0 8px,#0000 9px)}.bg-effect-smoke:before{filter:blur(50px);animation:bg-drift calc(18s * var(--bio-effect-duration-scale,1)) ease-in-out infinite alternate;background:radial-gradient(at 20% 80%,currentColor,#0000 35%),radial-gradient(at 80% 30%,currentColor,#0000 32%)}.bg-effect-hyperspace:before{background:repeating-conic-gradient(from 0deg at 50% 50%,currentColor 0 .7deg,transparent .8deg 10deg);animation:bg-spin calc(24s * var(--bio-effect-duration-scale,1)) linear infinite}@keyframes bg-up{50%{transform:translateY(-8%)}}@keyframes bg-down{50%{transform:translateY(8%)}}@keyframes bg-fall{to{transform:translateY(34px)}}@keyframes bg-wave{50%{transform:translateY(12px)scale(1.04)}}@keyframes bg-drift{to{transform:translate(5%,-4%)scale(1.08)}}@keyframes bg-spin{to{transform:rotate(1turn)}}.motion-buzz:hover{animation-duration:.18s}.motion-buzz:hover,.motion-buzz:focus-visible,.motion-buzz:active,.effect-demo-buzz{animation:.34s linear infinite link-buzz}.motion-wibble:hover,.motion-wibble:focus-visible,.motion-wibble:active,.effect-demo-wibble{animation:.5s infinite link-wibble}.motion-pop:hover,.motion-pop:focus-visible,.motion-pop:active,.effect-demo-pop{animation:.45s link-pop}.motion-wink:hover,.motion-wink:focus-visible,.motion-wink:active,.effect-demo-wink{animation:.42s link-wink}@keyframes link-buzz{25%{transform:translate(3px)}75%{transform:translate(-3px)}}@keyframes link-wibble{25%{transform:rotate(1.5deg)}75%{transform:rotate(-1.5deg)}}@keyframes link-pop{50%{transform:scale(1.045)}}@keyframes link-wink{50%{transform:scaleY(.88)}}.icon-picker,.effect-picker,.choice-grid,.font-picker{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;display:grid}.icon-picker button,.effect-picker button,.choice-grid button,.font-picker button{border:1px solid var(--line);background:#fff;border-radius:11px;place-items:center;gap:4px;min-height:52px;padding:8px;display:grid}.icon-picker button[aria-pressed=true],.effect-picker button[aria-pressed=true],.choice-grid button[aria-pressed=true],.font-picker button[aria-pressed=true]{border-color:var(--brand);color:var(--brand);background:#efefff}.link-tools{flex-wrap:wrap;grid-column:1/-1;align-items:flex-start;gap:8px;display:flex}.link-tools>.secondary-button{flex:none}.picker-popover{border:1px solid var(--line);background:#fff;border-radius:14px;flex:1 0 100%;width:100%;padding:12px;position:relative;box-shadow:0 16px 40px #1112}.picker-popover header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.picker-popover header button{border:0;border-radius:8px;width:auto;min-width:44px;height:34px;padding:0 10px}.font-picker button{font-size:15px;line-height:1.45}.font-picker small{color:var(--muted);font-size:10px}.theme-filter{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.design-section{gap:14px;display:grid}.design-section>header h2{margin:0}.design-section>header p{color:var(--muted);margin:4px 0 0;font-size:13px}.rich-text-toolbar{align-items:center;gap:6px;display:flex}.rich-text-toolbar button{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);background:#fff;border-radius:9px;place-items:center;display:grid}.rich-text-toolbar button:hover,.rich-text-toolbar button:focus-visible{border-color:var(--brand);color:var(--brand);background:#efefff}@media (min-width:701px){.public-blocks.layout-two{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-two>.bio-banner,.layout-two>.bio-announcement,.layout-two>.embed-frame,.layout-two>.bio-footer{grid-column:1/-1}.public-backdrop{background-image:var(--bio-bg-landscape)}}@media (max-width:700px){.public-blocks.layout-two{grid-template-columns:1fr}}@container (min-width:701px){.public-backdrop{background-image:var(--bio-bg-landscape)}}@container (max-width:700px){.public-blocks.layout-two{grid-template-columns:1fr}.public-backdrop{background-image:var(--bio-bg-portrait)}}@media (prefers-reduced-motion:reduce){.motion-buzz,.motion-wibble,.motion-pop,.motion-wink,.effect-demo-buzz,.effect-demo-wibble,.effect-demo-pop,.effect-demo-wink,.public-page:before,.public-page:after{animation:none!important;transform:none!important}}@media (prefers-reduced-data:reduce){.public-page:before,.public-page:after{display:none!important}.public-backdrop{background-image:none!important}}.copy-page-card{margin-bottom:24px}.background-motion-layer{z-index:0;pointer-events:none;opacity:0;position:absolute;inset:-18%;transform:translateZ(0)}.public-page.bg-motion-drift:not(.bg-image){animation:14s cubic-bezier(.45,0,.2,1) infinite alternate bio-gradient-drift;background-size:135% 135%!important}.public-page.bg-image.bg-motion-drift{animation:none;background-size:var(--bio-bg-size,cover)!important;background-position:var(--bio-bg-position,center)!important}.public-page.bg-image.bg-motion-drift .public-backdrop{will-change:transform;animation:14s cubic-bezier(.45,0,.2,1) infinite alternate bio-image-drift;transform:scale(1.045)}.public-page.bg-motion-aurora{animation:none;background-size:var(--bio-bg-size,cover)!important;background-position:var(--bio-bg-position,center)!important}.public-page.bg-motion-aurora .background-motion-layer{opacity:.68;background:radial-gradient(ellipse at 18% 72%,var(--bio-effect-color,#35e7b1) 0,transparent 48%),radial-gradient(ellipse at 72% 28%,var(--bio-effect-color,#6b7cff) 0,transparent 50%),radial-gradient(ellipse at 58% 78%,#b94cff75 0,transparent 44%)}@supports (color:color-mix(in lab, red, red)){.public-page.bg-motion-aurora .background-motion-layer{background:radial-gradient(ellipse at 18% 72%,color-mix(in srgb,var(--bio-effect-color,#35e7b1) 72%,#35e7b1) 0,transparent 48%),radial-gradient(ellipse at 72% 28%,color-mix(in srgb,var(--bio-effect-color,#6b7cff) 46%,#6b7cff) 0,transparent 50%),radial-gradient(ellipse at 58% 78%,#b94cff75 0,transparent 44%)}}.public-page.bg-motion-aurora .background-motion-layer{filter:blur(18px)saturate(135%);will-change:transform,filter;animation:9s cubic-bezier(.45,0,.2,1) infinite alternate bio-aurora-flow}@keyframes bio-gradient-drift{0%{background-position:12% 22%}to{background-position:88% 74%}}@keyframes bio-image-drift{0%{transform:translate(-1.8%,-1.2%)scale(1.045)}to{transform:translate(1.8%,1.2%)scale(1.045)}}@keyframes bio-aurora-flow{0%{filter:blur(18px)saturate(125%);transform:translate(-5%,3%)rotate(-2deg)scale(1.03)}55%{filter:blur(22px)saturate(150%);transform:translate(3%,-4%)rotate(1deg)scale(1.09)}to{filter:blur(16px)saturate(138%);transform:translate(6%,2%)rotate(3deg)scale(1.05)}}.background-motion-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.background-motion-picker>button{border:1px solid var(--line);min-height:112px;color:var(--ink);text-align:left;background:#fff;border-radius:12px;grid-template-rows:36px auto;align-content:start;gap:8px;padding:9px;display:grid}.background-motion-picker>button:hover{background:#faf9ff;border-color:#b9b5ff}.background-motion-picker>button:focus-visible{outline-offset:2px;outline:3px solid #635bff33}.background-motion-picker>button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.background-motion-picker>button>span:last-child{gap:2px;display:grid}.background-motion-picker strong{font-size:12px;line-height:1.35}.background-motion-picker small{color:var(--muted);font-size:10px;font-weight:500;line-height:1.4}.background-motion-sample{background:linear-gradient(135deg,#e8e9f2,#cfd2df);border-radius:8px;width:100%;height:36px;display:block;position:relative;overflow:hidden}.background-motion-sample.sample-drift{background:linear-gradient(125deg,#16244a,#4d58c7,#22b5a2) 0 0/150% 150%}.background-motion-sample.sample-aurora{background:#16213f}.background-motion-sample.sample-aurora:after{content:"";filter:blur(5px);background:radial-gradient(#41e6b4aa,#0000 45%),radial-gradient(at 72% 28%,#7b63ffaa,#0000 48%);position:absolute;inset:-60%}.background-motion-picker>button[aria-pressed=true] .sample-drift{animation:3s ease-in-out infinite alternate motion-sample-drift}.background-motion-picker>button[aria-pressed=true] .sample-aurora:after{animation:3s ease-in-out infinite alternate motion-sample-aurora}@keyframes motion-sample-drift{to{background-position:100% 70%}}@keyframes motion-sample-aurora{to{transform:translate(18%,-8%)rotate(6deg)scale(1.08)}}@media (max-width:560px){.background-motion-picker{grid-template-columns:1fr}.background-motion-picker>button{grid-template-rows:auto;grid-template-columns:92px minmax(0,1fr);align-items:center;min-height:82px}.background-motion-sample{height:52px}}@media (prefers-reduced-motion:reduce){.public-page.bg-motion-drift:not(.bg-image),.public-page.bg-image.bg-motion-drift .public-backdrop{animation:none!important;transform:none!important}.public-page.bg-motion-aurora .background-motion-layer{filter:blur(18px)saturate(125%);opacity:.5!important;animation:none!important;transform:none!important}.background-motion-picker>button[aria-pressed=true] .background-motion-sample,.background-motion-picker>button[aria-pressed=true] .background-motion-sample:after{animation:none!important}}@media (prefers-reduced-data:reduce){.background-motion-layer{display:none!important}}.public-link.public-link[class*=decor-]>.studio-icon,.public-link.public-link[class*=decor-]>.custom-link-icon,.public-link.public-link[class*=decor-]>.link-thumbnail{position:absolute}.public-link.public-link>.link-thumbnail{margin-right:0;position:absolute;top:50%;transform:translateY(-50%)}.public-link.icon-left>.link-thumbnail{left:7px;right:auto}.public-link.icon-right>.link-thumbnail{left:auto;right:7px}.lock-gate .link-lock-icon>svg{opacity:1;position:static;right:auto}.public-page.public-page{isolation:isolate;position:relative;overflow:hidden}.public-page.public-page:before,.public-page.public-page:after{display:none!important}.public-page.public-page>.public-backdrop{z-index:0;pointer-events:none;background-repeat:no-repeat;background-size:var(--bio-bg-size,cover);background-position:var(--bio-bg-position,center);filter:blur(var(--bio-blur,0));position:absolute;inset:-32px;transform:translateZ(0);background-image:none!important}.public-page.public-page.bg-image>.public-backdrop{background-image:var(--bio-bg-portrait)!important}.public-page.public-page>.background-motion-layer{z-index:1}.public-page.public-page>.background-effect-layer{z-index:2;pointer-events:none;color:var(--bio-effect-color,currentColor);opacity:var(--bio-effect-opacity,.34);position:absolute;inset:-18%;transform:translateZ(0)}.public-page.public-page>.theme-atmosphere{z-index:3}.public-page.public-page>.public-inner,.public-page.public-page>.profile-cover.bleed{z-index:10;position:relative}@media (min-width:701px){.public-page.public-page.bg-image>.public-backdrop{background-image:var(--bio-bg-landscape)!important}}@container (min-width:701px){.public-page.public-page.bg-image>.public-backdrop{background-image:var(--bio-bg-landscape)!important}}@container (max-width:700px){.public-page.public-page.bg-image>.public-backdrop{background-image:var(--bio-bg-portrait)!important}}.bg-effect-flat>.background-effect-layer{display:none}.bg-effect-up>.background-effect-layer{animation:bg-up calc(12s * var(--bio-effect-duration-scale,1)) ease-in-out infinite;background:linear-gradient(currentColor,#0000)}.bg-effect-down>.background-effect-layer{animation:bg-down calc(12s * var(--bio-effect-duration-scale,1)) ease-in-out infinite;background:linear-gradient(#0000,currentColor)}.bg-effect-snow>.background-effect-layer{animation:bg-fall calc(16s * var(--bio-effect-duration-scale,1)) linear infinite;background-image:radial-gradient(circle,currentColor 1px,#0000 2px);background-size:34px 34px}.bg-effect-waves>.background-effect-layer{animation:bg-wave calc(9s * var(--bio-effect-duration-scale,1)) ease-in-out infinite;background:repeating-radial-gradient(at bottom,#0000 0 24px,currentColor 26px 28px)}.bg-effect-blur>.background-effect-layer{filter:blur(35px);animation:bg-drift calc(14s * var(--bio-effect-duration-scale,1)) ease-in-out infinite alternate;background:radial-gradient(circle at 25% 35%,currentColor,#0000 24%),radial-gradient(circle at 75% 65%,currentColor,#0000 28%)}.bg-effect-diagonal>.background-effect-layer{background:repeating-linear-gradient(135deg,currentColor 0 2px,#0000 2px 26px)}.bg-effect-square>.background-effect-layer{background-image:linear-gradient(currentColor 1px,#0000 1px),linear-gradient(90deg,currentColor 1px,#0000 1px);background-size:42px 42px}.bg-effect-bubbles>.background-effect-layer{animation:bg-up calc(15s * var(--bio-effect-duration-scale,1)) ease-in-out infinite;background:radial-gradient(circle at 15% 70%,currentColor 0 12px,#0000 13px),radial-gradient(circle at 70% 20%,currentColor 0 22px,#0000 23px),radial-gradient(circle at 80% 80%,currentColor 0 8px,#0000 9px)}.bg-effect-smoke>.background-effect-layer{filter:blur(50px);animation:bg-drift calc(18s * var(--bio-effect-duration-scale,1)) ease-in-out infinite alternate;background:radial-gradient(at 20% 80%,currentColor,#0000 35%),radial-gradient(at 80% 30%,currentColor,#0000 32%)}.bg-effect-hyperspace>.background-effect-layer{background:repeating-conic-gradient(from 0deg at 50% 50%,currentColor 0 .7deg,transparent .8deg 10deg);animation:bg-spin calc(24s * var(--bio-effect-duration-scale,1)) linear infinite}.sub-settings>summary[data-current]{align-items:center;gap:12px;display:flex}.sub-settings>summary[data-current]:after{content:attr(data-current);color:var(--muted);margin-left:auto;font-size:11px;font-weight:600}.choice-grid.effects .background-effect-option{grid-template-rows:30px auto;align-content:center;gap:6px}.background-effect-sample{color:#8f8af7;background:#171a2b;border-radius:8px;width:100%;height:30px;display:block;position:relative;overflow:hidden}.background-effect-sample:before{content:"";opacity:.72;position:absolute;inset:-45%}.sample-effect-flat:before{background:#8f8af7;border-radius:999px;inset:8px 18%}.sample-effect-up:before{background:linear-gradient(currentColor,#0000)}.sample-effect-down:before{background:linear-gradient(#0000,currentColor)}.sample-effect-snow:before{background:radial-gradient(circle,#fff 1px,#0000 2px) 0 0/10px 10px}.sample-effect-waves:before{background:repeating-radial-gradient(at bottom,#0000 0 6px,currentColor 7px 8px)}.sample-effect-blur:before{filter:blur(5px);background:radial-gradient(circle at 30% 40%,currentColor,#0000 30%),radial-gradient(circle at 75% 65%,#55d6be,#0000 34%)}.sample-effect-diagonal:before{background:repeating-linear-gradient(135deg,currentColor 0 1px,#0000 1px 8px)}.sample-effect-square:before{background-image:linear-gradient(currentColor 1px,#0000 1px),linear-gradient(90deg,currentColor 1px,#0000 1px);background-size:10px 10px}.sample-effect-bubbles:before{background:radial-gradient(circle at 20% 70%,currentColor 0 4px,#0000 5px),radial-gradient(circle at 65% 25%,currentColor 0 7px,#0000 8px),radial-gradient(circle at 82% 78%,currentColor 0 3px,#0000 4px)}.sample-effect-smoke:before{filter:blur(6px);background:radial-gradient(at 25% 80%,#a8a4ff,#0000 42%),radial-gradient(at 76% 28%,#fff,#0000 38%)}.sample-effect-hyperspace:before{background:repeating-conic-gradient(from 0deg at 50% 50%,currentColor 0 1deg,transparent 2deg 14deg)}.background-effect-option[aria-pressed=true] .sample-effect-up:before,.background-effect-option[aria-pressed=true] .sample-effect-bubbles:before{animation:4s ease-in-out infinite bg-up}.background-effect-option[aria-pressed=true] .sample-effect-down:before,.background-effect-option[aria-pressed=true] .sample-effect-snow:before{animation:4s linear infinite bg-down}.background-effect-option[aria-pressed=true] .sample-effect-waves:before,.background-effect-option[aria-pressed=true] .sample-effect-blur:before,.background-effect-option[aria-pressed=true] .sample-effect-smoke:before{animation:5s ease-in-out infinite alternate bg-drift}.background-effect-option[aria-pressed=true] .sample-effect-hyperspace:before{animation:7s linear infinite bg-spin}.theme-selection-hint{background:var(--brand-soft);color:var(--ink);border-radius:10px;margin:0;padding:10px 12px}.preset-visual-none{color:#7b8190;background:#f4f5f8}.preset-visual-none>i{width:42px;height:2px;box-shadow:none;background:currentColor;border-radius:2px;display:block;transform:rotate(-34deg)}.image-theme-rule{color:#37316f;background:#f0efff;border-radius:10px;margin:0;padding:10px 12px;line-height:1.55}.background-layer-order{border:1px solid var(--line);background:#f8f8fb;border-radius:13px;gap:10px;padding:14px;display:grid}.background-layer-order>strong{font-size:13px}.background-layer-order ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.background-layer-order li{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:7px;min-width:0;display:grid}.background-layer-order b{background:var(--brand-soft);width:24px;height:24px;color:var(--brand);border-radius:50%;place-items:center;font-size:11px;display:grid}.background-layer-order span{gap:1px;font-size:11px;font-weight:700;line-height:1.35;display:grid}.background-layer-order small{color:var(--muted);font-size:9px;font-weight:500}@media (max-width:620px){.background-layer-order ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (prefers-reduced-motion:reduce){.background-effect-layer,.background-effect-sample:before{animation:none!important;transform:none!important}}@media (prefers-reduced-data:reduce){.background-effect-layer{display:none!important}}.typography-editor{border-top:1px solid #e6e7ed;border-bottom:1px solid #e6e7ed;grid-column:1/-1}.typography-editor>summary{grid-template-columns:minmax(0,1fr) auto 18px!important}.typography-summary-state{color:var(--brand-dark);white-space:nowrap;background:#f0efff;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:750}.typography-editor-body{display:grid;gap:14px!important}.typography-size-control{gap:8px;display:grid}.typography-size-control>label,.default-font-size-control>span{justify-content:space-between;align-items:center;gap:12px;font-weight:650;display:flex}.typography-size-control output,.default-font-size-control output{color:#3f4657;font-variant-numeric:tabular-nums;text-align:center;background:#ececf3;border-radius:7px;min-width:48px;padding:4px 7px;font-size:11px}.typography-size-control>div{grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:10px;display:grid}.typography-size-control input[type=number]{font-variant-numeric:tabular-nums;height:44px;padding-inline:9px}.typography-editor input[type=range],.default-font-size-control input[type=range]{min-height:44px;accent-color:var(--brand);cursor:pointer;padding:0}.typography-effect-group{background:#fff;border-radius:12px;gap:12px;padding:13px;display:grid}.typography-effect-fields{gap:12px;padding-top:2px;display:grid}.typography-reset{width:100%}.default-font-size-control{border:1px solid var(--line);background:#fff;border-radius:12px;gap:7px;padding:12px;display:grid}@media (max-width:520px){.typography-editor>summary{grid-template-columns:minmax(0,1fr) 18px!important}.typography-summary-state{grid-column:1;justify-self:start}.typography-editor>summary>.settings-summary-chevron{grid-area:1/2/3}.typography-size-control>div{grid-template-columns:minmax(0,1fr) 70px}}:root{--ink:#172033;--muted:#6d7487;--line:#e5e7ee;--surface:#fff;--canvas:#f6f7fb;--brand:#635bff;--brand-dark:#5148ed;--brand-soft:#f0efff;--danger:#d9364f;--success:#16784a;--chart-clicks:#e8590c}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);margin:0}body{font-family:var(--font-geist-sans),Tahoma,"Noto Sans Thai",sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #dcdfe7;border-radius:11px;outline:none;padding:11px 13px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #635bff1c}label{gap:7px;font-size:14px;font-weight:600;display:grid}.muted{color:var(--muted)}.eyebrow{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:750}.primary-button,.secondary-button,.nav-button{border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.primary-button{color:#fff;background:var(--brand);box-shadow:0 8px 18px #635bff28}.primary-button:hover{background:var(--brand-dark);transform:translateY(-1px)}.primary-button.compact,.secondary-button{min-height:40px;padding:0 14px}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff}.secondary-button:hover{background:#f7f7fa}.form-error{color:var(--danger);margin:0;font-size:13px}.save-ok{color:#16784a;align-items:center;gap:5px;font-size:13px;font-weight:650;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.signin-page{background:#fff;grid-template-columns:minmax(400px,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.signin-brand{color:#fff;background:radial-gradient(circle at 20% 10%,#8d86ff 0,#0000 35%),linear-gradient(145deg,#262060,#171633 75%);flex-direction:column;justify-content:space-between;padding:clamp(40px,6vw,92px);display:flex;position:relative;overflow:hidden}.signin-brand:after{content:"";border:1px solid #ffffff20;border-radius:50%;width:460px;height:460px;position:absolute;bottom:-170px;right:-180px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.brand-mark,.logo span{background:var(--brand);color:#fff;border-radius:13px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #ffffff30}.signin-brand h1{letter-spacing:-.045em;max-width:630px;margin-bottom:22px;font-size:clamp(42px,5vw,68px);line-height:1.08}.signin-brand>div>p{color:#d7d4f8;max-width:520px;font-size:18px;line-height:1.8}.brand-proof{z-index:1;color:#d7d4f8;font-size:14px;position:relative}.brand-proof span{color:#67e8a5;margin-right:7px}.signin-card-wrap{place-items:center;padding:30px;display:grid}.signin-card{width:min(430px,100%)}.signin-card h2{letter-spacing:-.03em;margin-bottom:8px;font-size:32px}.signin-form{gap:18px;margin-top:30px;display:grid}.signin-form .primary-button{width:100%;margin-top:4px}.signin-form .primary-button svg:last-child{margin-left:auto}.security-note{text-align:center;color:#9298a8;margin-top:24px;font-size:12px}.mobile-logo{align-items:center;gap:10px;margin-bottom:50px;display:none}.dashboard-frame{min-height:100vh}.sidebar{color:#d9dbe8;z-index:20;background:#16182a;flex-direction:column;width:244px;padding:22px 16px;display:flex;position:fixed;inset:0 auto 0 0}.logo{color:#fff;align-items:center;gap:11px;padding:0 8px;font-size:18px;display:flex}.logo span{border-radius:10px;width:34px;height:34px;font-size:16px}.sidebar nav{gap:5px;margin-top:42px;display:grid}.sidebar nav a,.nav-button{color:#afb3c7;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;display:flex}.sidebar nav a:hover,.nav-button:hover{color:#fff;background:#ffffff0c}.sidebar nav svg,.nav-button svg{width:18px}.sidebar-bottom{margin-top:auto}.workspace-chip{background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.workspace-chip>div{background:#413b91;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:750;display:grid}.workspace-chip span{font-size:12px;display:grid}.workspace-chip small{color:#999db1;margin-top:2px}.nav-button{background:0 0;border:0;justify-content:flex-start;width:100%;margin-top:7px}.dashboard-main{min-height:100vh;margin-left:244px}.dashboard-content{max-width:1180px;margin:auto;padding:48px 42px 80px}.dashboard-content.narrow{max-width:850px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;display:flex}.page-heading h1{letter-spacing:-.035em;margin-bottom:7px;font-size:34px}.page-heading>div>p:last-child{color:var(--muted);margin:0}.mobile-header,.mobile-nav{display:none}.page-cards{grid-template-columns:repeat(4,minmax(240px,1fr));gap:20px;display:grid}.page-card{border:1px solid var(--line);background:#fff;border-radius:17px;transition:transform .18s,box-shadow .18s;overflow:hidden}.page-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #1e244014}.page-card-preview{flex-direction:column;align-items:center;gap:11px;height:160px;padding:28px;display:flex}.page-card-preview div{background:#ffffffa8;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.page-card-preview span{opacity:.85;border-radius:8px;width:76%;height:18px;display:block}.page-card-info{padding:19px}.status-row{justify-content:space-between;align-items:center;display:flex}.status{color:#70778b;background:#f1f2f6;border-radius:20px;padding:5px 8px;font-size:11px;font-weight:750}.status.published{color:#147848;background:#e8f8ef}.page-card h2{margin:14px 0 3px;font-size:18px}.page-card p{color:var(--muted);margin-bottom:16px;font-size:13px}.page-card small{color:#9298a8;align-items:center;gap:5px;display:flex}.empty-state{text-align:center;color:var(--muted);border:1px dashed #d6d9e3;border-radius:16px;padding:32px}.empty-state.large{background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:370px;display:flex}.empty-state h2,.empty-state h3{color:var(--ink);margin:14px 0 7px}.empty-state p{max-width:440px}.empty-icon,.icon-tile{width:44px;height:44px;color:var(--brand);background:#eeedff;border-radius:13px;place-items:center;margin:auto;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px}.form-grid{gap:18px;display:grid}.section-title{align-items:center;gap:12px;margin-bottom:4px;display:flex}.section-title .icon-tile{margin:0}.section-title h2{margin:0 0 2px;font-size:17px}.section-title p{color:var(--muted);margin:0;font-size:13px}.section-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-row h2{margin-bottom:4px;font-size:19px}.section-row p{color:var(--muted);margin:0;font-size:13px}.two-col{grid-template-columns:1fr 1fr;gap:15px;display:grid}.editor-shell{min-height:100vh}.share-bar{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:0 30px;padding:10px 16px;display:flex}.share-url{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;overflow:hidden}.share-page-button{flex:none}.editor-topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:20px 30px;display:flex}.editor-topbar h1{margin:0 0 2px;font-size:21px}.editor-topbar p{margin:0}.editor-page-state{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin-top:5px;font-size:12px;display:flex}.state-pill{border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-size:11px;font-weight:750;display:inline-flex}.state-pill.published{color:#16784a;background:#eaf8f0}.state-pill.draft{color:var(--brand-dark);background:#f0efff}.state-pill.unsaved{color:#a45a00;background:#fff3df}.state-pill.unpublished{color:#245da8;background:#edf4ff}.editor-actions{align-items:center;gap:9px;display:flex}.editor-tabs{border-bottom:1px solid var(--line);background:#fff;gap:8px;height:54px;padding:0 30px;display:flex}.editor-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:0 16px;font-weight:650;display:flex}.editor-tabs button.active{color:var(--brand);border-color:var(--brand)}.editor-grid{grid-template-columns:minmax(460px,1fr) 410px;min-height:calc(100vh - 145px);display:grid}.editor-panel{width:100%;max-width:760px;margin:0 auto;padding:28px}.panel-stack{gap:20px;display:grid}.counter{text-align:right;color:#989ead;font-size:11px;font-weight:400}.block-picker{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:9px;padding:14px;display:grid}.block-picker button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:11px;place-items:center;gap:7px;padding:15px 8px;display:grid}.block-picker button:hover{border-color:var(--brand);color:var(--brand);background:#faf9ff}.blocks-list{gap:12px;display:grid}.block-card{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.block-card.disabled{opacity:.6}.block-toolbar{border-bottom:1px solid #eff0f4;align-items:center;gap:6px;height:46px;padding:0 10px;display:flex}.grip{color:#b0b5c3}.block-kind{color:#596075;background:#f2f3f7;border-radius:7px;padding:4px 7px;font-size:12px;font-weight:750}.spacer{flex:1}.icon-button{color:#777e90;background:0 0;border:0;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.icon-button:hover{background:#f1f2f6}.icon-button.danger:hover{color:var(--danger);background:#fff0f2}.toggle{background:#d4d7df;border:0;border-radius:20px;width:35px;height:20px;padding:2px}.toggle span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;display:block}.block-fields{grid-template-columns:1fr 1fr;gap:12px;padding:15px;display:grid}.block-fields label:only-child{grid-column:1/-1}.scope-hint{color:var(--muted);background:#f7f7fa;border-radius:10px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;font-size:11px;display:flex}.scope-hint strong{color:var(--ink);font-size:12px}.preview-panel{border-left:1px solid var(--line);background:#eef0f6;height:100vh;padding:22px 28px;position:sticky;top:0}.preview-heading{color:#62697b;justify-content:space-between;margin-bottom:15px;font-size:12px;font-weight:700;display:flex}.draft-preview-dot{color:#5d6474}.draft-preview-dot:before{content:"";background:#9ca3af;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.phone{background:#151622;border-radius:42px;width:310px;height:624px;margin:auto;padding:10px;position:relative;box-shadow:0 25px 55px #1720332b}.phone-speaker{z-index:2;background:#151622;border-radius:0 0 14px 14px;width:82px;height:22px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.phone-screen{background:#fff;border-radius:33px;height:100%;overflow:hidden}.mobile-only-preview{display:none}.preview-context{border:1px solid var(--line);background:#fff;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;display:flex}.preview-context strong{font-size:13px}.preview-context span{color:var(--muted);font-size:11px}.preset-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px;display:grid}.preset-grid button{border:1px solid var(--line);background:#fff;border-radius:11px;gap:8px;padding:8px;font-weight:650;display:grid}.preset-grid button.selected{border-color:var(--brand);box-shadow:0 0 0 2px #635bff20}.preset-grid button>span{border-radius:7px;place-items:center;height:68px;display:grid}.preset-grid i{border-radius:6px;width:68%;height:15px;display:block}.color-row{grid-template-columns:1fr auto 78px;align-items:center}.color-row input{width:38px;height:32px;padding:2px}.color-row code{color:var(--muted);font-size:12px}.public-route,.public-page{min-height:100vh}.public-page{width:100%;padding:55px 22px}.public-inner{text-align:center;width:min(100%,620px);margin:auto}.avatar{background:#fff5;border:1px solid #ffffff70;border-radius:50%;place-items:center;width:88px;height:88px;margin:0 auto 17px;font-size:32px;font-weight:800;display:grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;overflow:hidden}.avatar video,.profile-cover video{object-fit:cover;width:100%;height:100%}.avatar{overflow:hidden}.public-inner h1{margin-bottom:8px;font-size:28px}.public-bio{opacity:.78;white-space:pre-wrap;line-height:1.65}.public-blocks{gap:13px;margin-top:30px;display:grid}.public-blocks.layout-two{column-gap:13px}@container (min-width:821px){.public-inner:has(.layout-two){width:min(100%,980px)}.public-blocks.layout-two{grid-template-columns:1fr 1fr}.public-blocks.layout-two>*{break-inside:avoid}}.phone .public-blocks.layout-two{grid-template-columns:1fr}.phone .public-inner:has(.layout-two){width:auto}.public-link .link-thumbnail{margin-right:12px}.public-link{justify-content:center;align-items:center;min-height:57px;padding:12px 18px;font-weight:700;display:flex;position:relative;box-shadow:0 7px 18px #00000012}.public-link svg{opacity:.7;position:absolute;right:17px}.public-blocks h2{text-align:left;margin:17px 3px 0;font-size:18px}.text-block{text-align:left;white-space:pre-wrap;opacity:.86;line-height:1.7}.public-blocks hr{opacity:.25;border:0;border-top:1px solid;width:100%}.socials{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.socials a{border:1px solid;border-radius:30px;padding:7px 12px;font-size:13px}.image-placeholder{background:#ffffff38;border-radius:15px;place-items:center;height:180px;display:grid}.empty-preview{opacity:.55;font-size:13px}.phone .public-page{height:100%;min-height:100%;padding:44px 20px 25px;overflow:auto}.phone .avatar{width:67px;height:67px;font-size:24px}.phone .public-inner h1{font-size:21px}.phone .public-bio{font-size:12px}.phone .public-blocks{gap:9px;margin-top:20px}.phone .public-link{min-height:47px;font-size:12px}.phone .public-blocks h2{font-size:14px}.phone .text-block{font-size:11px}.members{margin-top:20px}.count-badge,.role-badge{color:#554ed0;background:#f0efff;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:700}.member-row{border-top:1px solid #eff0f4;align-items:center;gap:12px;padding:15px 0;display:flex}.member-row:first-of-type{margin-top:14px}.member-avatar{width:38px;height:38px;color:var(--brand);background:#ebeaff;border-radius:11px;place-items:center;font-weight:800;display:grid}.member-row>div:nth-child(2){display:grid}.member-row small{color:var(--muted);margin-top:2px}.member-actions{flex-wrap:wrap;align-items:center;gap:7px;margin-left:auto;display:flex}.member-actions select{width:auto;padding:8px 10px;font-size:13px}.temp-password{font-family:var(--font-geist-mono),monospace;letter-spacing:.06em;-webkit-user-select:all;user-select:all;text-align:center;background:#f6f7fb;border-radius:11px;margin:12px 0;padding:14px;font-size:16px;display:block}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#13152788;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(470px,100%);padding:30px;position:relative;box-shadow:0 25px 80px #0004}.modal h2{margin-bottom:7px;font-size:25px}.modal-close{background:#f3f4f7;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:16px;right:16px}.input-prefix{border:1px solid #dcdfe7;border-radius:11px;display:flex;overflow:hidden}.input-prefix span{color:#9298a8;padding:11px 0 11px 13px}.input-prefix input{box-shadow:none;border:0;padding-left:3px}@media (max-width:1050px){.editor-grid{grid-template-columns:1fr 350px}.preview-panel{padding:22px 14px}.phone{width:285px;height:575px}.sidebar{width:210px}.dashboard-main{margin-left:210px}}@media (max-width:800px){.share-bar{margin:0 16px}.v10 .editor-sticky-chrome .share-bar{margin:8px 16px}.share-url{font-size:12px}.signin-page{grid-template-columns:1fr}.signin-brand{display:none}.signin-card-wrap{min-height:100vh}.mobile-logo{display:flex}.sidebar{display:none}.dashboard-main{margin-left:0;padding-bottom:66px}.mobile-header{background:#17192b;justify-content:space-between;align-items:center;height:64px;padding:0 18px;display:flex}.mobile-header .nav-button{width:auto;margin:0;padding:9px}.mobile-header .nav-button span{display:none}.mobile-nav{border-top:1px solid var(--line);z-index:30;background:#fff;justify-content:space-around;height:65px;display:flex;position:fixed;inset:auto 0 0}.mobile-nav a{color:var(--muted);flex:1;align-content:center;place-items:center;gap:3px;min-width:0;font-size:10px;display:grid}.mobile-nav svg{width:20px}.dashboard-content{padding:28px 18px 55px}.page-heading{align-items:flex-start}.page-heading h1{font-size:28px}.editor-topbar{align-items:flex-start;padding:15px 16px}.editor-topbar .muted{display:none}.editor-actions{flex-wrap:wrap;justify-content:flex-end}.editor-actions .save-ok,.editor-actions .form-error{order:3;justify-content:flex-end;width:100%}.editor-tabs{justify-content:space-around;padding:0 8px}.editor-tabs button{padding:0 9px}.editor-grid{display:block}.editor-panel{padding:18px}.preview-panel{display:none}.mobile-only-preview{display:block}.phone{width:min(310px,90vw);height:620px}.block-picker,.preset-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.signin-card-wrap{padding:24px}.signin-card h2{font-size:28px}.page-heading{display:grid}.page-heading>.primary-button{width:max-content}.page-cards,.two-col,.block-fields{grid-template-columns:1fr}.block-fields label{grid-column:1}.card{padding:18px}.editor-topbar h1{font-size:17px}.editor-actions .secondary-button{width:40px;padding:0;font-size:0}.editor-actions .secondary-button svg{width:17px}.editor-tabs button{font-size:12px}.color-row{grid-template-columns:1fr auto 70px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.v10{background:radial-gradient(circle at 70% 0,#eef0ff 0,#0000 32%),#f5f5f7}.v10 .editor-sticky-chrome{z-index:25;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#fffffff8;position:sticky;top:0}.v10 .editor-sticky-chrome .editor-topbar,.v10 .editor-sticky-chrome .editor-tabs{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;position:static;top:auto}.v10 .editor-sticky-chrome .share-bar{margin:8px 30px}.v10 .editor-panel{max-width:640px}.glass-card{-webkit-backdrop-filter:saturate(160%)blur(18px);backdrop-filter:saturate(160%)blur(18px);box-shadow:0 16px 45px #1d1d1f0a;background:#ffffffc7!important;border-color:#fff!important}.drag-handle{color:#9ba1b1;touch-action:none;background:0 0;border:0;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.drag-handle svg{width:19px;height:19px}.drag-handle:hover,.drag-handle:focus-visible{color:var(--brand);background:#f0efff;outline:2px solid #635bff55}.block-card.dragging{opacity:.7;z-index:10;box-shadow:0 22px 55px #16182a2b}.nested-fields{background:#f7f7fa;border-radius:12px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.nested-fields.compact{grid-template-columns:1fr 2fr auto}.text-danger{color:var(--danger);background:0 0;border:0;align-self:end;padding:10px}.check-row{align-items:center;gap:9px!important;display:flex!important}.check-row input{width:18px;height:18px}.premium.preset-grid{grid-template-columns:repeat(2,1fr)}.premium.preset-grid button{text-align:left;align-items:stretch}.premium.preset-grid button>span{height:68px}.premium.preset-grid strong,.premium.preset-grid small{padding:0 10px;display:block}.premium.preset-grid small{color:var(--muted);padding-bottom:10px;font-size:10px;line-height:1.35}.viewport-picker{background:#ebecf1;border-radius:11px;justify-content:center;align-items:center;gap:4px;margin-bottom:16px;padding:4px;display:flex}.viewport-picker button{color:#73798a;background:0 0;border:0;border-radius:8px;place-items:center;width:38px;height:31px;display:grid}.viewport-picker button.active{color:#1d1d1f;background:#fff;box-shadow:0 2px 9px #0002}.preview-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preview-controls .viewport-picker{flex:1}.zoom-picker{background:#ebecf1;border-radius:11px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.zoom-picker button{color:#62697b;background:0 0;border:0;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:650}.zoom-picker button.active{color:#1d1d1f;background:#fff;box-shadow:0 2px 9px #0002}.preview-panel{align-items:flex-start;overflow:auto}.preview-panel .preview-stage{margin:auto}.device-preview{background:#161719;border:7px solid #161719;flex:none;position:relative;overflow:hidden;box-shadow:0 25px 70px #1118272e}.device-preview.mobile{border-radius:42px;width:340px;height:680px}.device-preview.tablet{border-radius:28px;width:min(520px,45vw);height:700px}.device-preview.desktop{border-radius:18px;width:min(780px,50vw);height:600px}.device-bar{z-index:4;background:#2f3034;border-radius:20px;width:27%;height:6px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.device-screen{border-radius:inherit;height:100%;overflow:auto}.device-preview.desktop .device-bar{display:none}.device-preview .public-page{min-height:100%;padding:48px 20px 28px}.device-preview.desktop .public-inner{max-width:560px}.upload-field{border:1px solid var(--line);background:#ffffffc7;border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.upload-preview{color:#989ead;background:#eef0f5;border-radius:13px;flex:0 0 70px;align-self:flex-start;place-items:center;width:70px;min-width:70px;max-width:70px;height:70px;display:grid;overflow:hidden}.upload-preview img{object-fit:cover;width:100%;height:100%}.upload-field>div:last-child{gap:6px;display:grid}.upload-field p{color:var(--muted);margin:0;font-size:11px}.upload-field .secondary-button{width:max-content}.public-page{isolation:isolate;background-attachment:fixed;position:relative;overflow:hidden;container-type:inline-size}@container (max-width:820px){.public-page,.public-page.bg-image{background-position:50%;background-size:cover;background-attachment:scroll}}.public-backdrop{z-index:-1;-webkit-backdrop-filter:blur(var(--bio-blur));backdrop-filter:blur(var(--bio-blur));pointer-events:none;position:absolute;inset:-30px}.bio-profile{position:relative}.public-inner{z-index:1;position:relative}.bio-profile .avatar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 34px #0002}.public-blocks{align-items:stretch}.bio-announcement{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff2b;border:1px solid #fff6;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:12px 16px;font-size:14px;font-weight:650;display:flex}.tone-success{background:#34d39933}.tone-warning{background:#fbbf2438}.tone-highlight{background:#c084fc38}.bio-banner{border-radius:20px;min-height:230px;position:relative;overflow:hidden;box-shadow:0 18px 45px #0002}.banner-slide{height:230px}.banner-slide>img{object-fit:cover;width:100%;height:100%}.banner-scrim{text-align:left;color:#fff;background:linear-gradient(#0000,#000c);align-items:flex-end;gap:12px;padding:50px 20px 18px;display:flex;position:absolute;inset:auto 0 0}.banner-scrim strong{flex:1;font-size:20px}.banner-scrim a{color:#111;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:9px 13px;font-size:12px;font-weight:750;display:flex}.banner-control{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#111;background:#ffffffc9;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:44%}.banner-control svg{width:17px;height:17px}.banner-control.previous{left:8px}.banner-control.next{right:8px}.banner-dots{gap:6px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.banner-dots button{background:#fff7;border:0;border-radius:50%;width:7px;height:7px;padding:0}.banner-dots button[aria-current=true]{background:#fff;border-radius:9px;width:20px}.embed-frame{aspect-ratio:16/9;background:#000;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 12px 32px #0002}.embed-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.bio-image{object-fit:cover;border-radius:18px;width:100%;max-height:520px;display:block}.socials a{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff29;place-items:center;width:46px;height:46px;padding:0;display:grid;overflow:hidden}.socials a:has(.custom-social-icon){-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;padding:0}.socials svg{width:20px}.bio-footer{text-align:center;opacity:.72;border-top:1px solid;margin-top:22px;padding-top:22px;font-size:12px}.bio-footer p{margin-bottom:8px}.bio-footer nav{justify-content:center;gap:14px;display:flex}.bio-footer a{text-decoration:underline}.public-link{overflow:hidden}.public-link .link-icon{font-size:15px;position:absolute;left:17px}.public-link{background:var(--link-bg);color:var(--link-text);border-radius:var(--link-radius);box-shadow:var(--link-shadow);border-color:var(--link-border)}.btn-style-06,.btn-style-07,.btn-style-08,.btn-style-09,.btn-style-10,.btn-style-13,.btn-style-15{color:var(--link-text);border-color:var(--link-border);background:0 0}.btn-style-06,.btn-style-07,.btn-style-08,.btn-style-09{border-style:solid;border-width:2px}.btn-style-10{border-style:solid;border-width:1px}.btn-style-11{background:var(--link-bg)}@supports (color:color-mix(in lab, red, red)){.btn-style-11{background:color-mix(in srgb,var(--link-bg) 24%,transparent)}}.btn-style-11{-webkit-backdrop-filter:saturate(160%)blur(14px);backdrop-filter:saturate(160%)blur(14px);border:1px solid var(--link-border)}@supports (color:color-mix(in lab, red, red)){.btn-style-11{border:1px solid color-mix(in srgb,var(--link-border) 55%,transparent)}}.btn-style-12{background:linear-gradient(135deg,var(--link-bg),var(--link-bg))}@supports (color:color-mix(in lab, red, red)){.btn-style-12{background:linear-gradient(135deg,color-mix(in srgb,var(--link-bg) 82%,white),color-mix(in srgb,var(--link-bg) 72%,black))}}.btn-style-12{border:0}.btn-style-13{border:2px solid var(--link-border);box-shadow:var(--link-shadow),0 0 22px var(--link-border)}@supports (color:color-mix(in lab, red, red)){.btn-style-13{box-shadow:var(--link-shadow),0 0 22px color-mix(in srgb,var(--link-border) 55%,transparent)}}.btn-style-14{background:var(--link-bg);box-shadow:inset 0 1px 0 #fff6,var(--link-shadow);border:0}.btn-style-15{border:2px dashed var(--link-border)}.button-style-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.button-style-grid button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;justify-items:center;gap:5px;padding:9px 5px;display:grid}.button-style-grid button[aria-pressed=true]{outline:2px solid var(--brand);outline-offset:2px}.button-style-grid button span{border-radius:8px;place-items:center;width:100%;height:34px;display:grid}.button-style-grid button span i{font-size:10px;font-style:normal;font-weight:700}.button-style-grid button small{color:var(--muted);font-size:10px}.motion-picker{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.motion-option{border:1px solid var(--line);cursor:pointer;text-align:center;background:#fff;border-radius:12px;justify-items:center;gap:4px;padding:9px 4px;display:grid}.motion-option[aria-pressed=true]{outline:2px solid var(--brand);outline-offset:2px}.motion-option strong{font-size:13px;font-weight:700}.motion-option small{color:var(--muted);font-size:10px}.motion-sample{background:var(--brand);color:#fff;will-change:transform;border-radius:8px;place-items:center;width:100%;height:34px;font-size:11px;font-weight:700;display:grid}.motion-sample.inherit{background:repeating-linear-gradient(135deg,var(--brand-soft),var(--brand-soft) 6px,#fff 6px,#fff 12px);color:var(--brand);border:1px dashed #635bff99}.motion-reduced-notice{color:var(--muted);grid-column:1/-1;margin:0;font-size:12px}.motion-lift{animation:2.6s ease-in-out infinite liftLoop}.motion-lift:hover,.motion-pulse:hover,.motion-buzz:hover,.motion-wibble:hover,.motion-pop:hover,.motion-wink:hover{filter:brightness(1.06)}.motion-pulse{animation:3s ease-in-out infinite bioPulse}.motion-buzz{animation:3.2s ease-in-out infinite motionBuzz}.motion-wibble{animation:3.4s ease-in-out infinite motionWibble}.motion-pop{animation:3.2s ease-in-out infinite motionPop}.motion-wink{animation:3.4s ease-in-out infinite motionWink}.bg-motion-drift{animation:18s ease-in-out infinite alternate bgDrift;background-size:115% 115%!important}.bg-motion-aurora{animation:12s ease-in-out infinite alternate bgAurora;background-size:180% 180%!important}@keyframes bioPulse{0%,14%,55%,to{transform:scale(1)}36%{transform:scale(1.016)}}@keyframes motionBuzz{0%,6%,36%,to{transform:translate(0)}10%,26%{transform:translate(-2px)}14%,30%{transform:translate(2px)}18%{transform:translate(-2px)}22%{transform:translate(2px)}}@keyframes motionWibble{0%,8%,40%,to{transform:rotate(0)}14%,24%{transform:rotate(-2deg)}18%,28%{transform:rotate(2deg)}32%{transform:rotate(-1deg)}}@keyframes motionPop{0%,10%,26%,to{transform:scale(1)}14%{transform:scale(1.05)}20%{transform:scale(.97)}}@keyframes motionWink{0%,10%,36%,to{transform:scaleY(1)}14%,22%{transform:scaleY(.92)}18%{transform:scaleY(1.02)}30%{transform:scaleY(.97)}}@keyframes bgDrift{to{background-position:70% 30%}}@keyframes bgAurora{to{background-position:100% 70%}}@media (max-width:1100px){.v10 .editor-grid{grid-template-columns:minmax(430px,1fr) minmax(360px,1fr)}.device-preview.desktop{width:46vw}.device-preview.tablet{width:42vw}}@media (max-width:800px){.v10 .editor-grid{display:block}.nested-fields,.nested-fields.compact{grid-template-columns:1fr}.mobile-only-preview .device-preview{width:min(100%,520px);height:70vh;margin:auto}.mobile-only-preview .device-preview.desktop,.mobile-only-preview .device-preview.tablet{border-radius:24px}.bio-banner,.banner-slide{height:190px;min-height:190px}}@media (prefers-reduced-motion:reduce){.motion-lift,.motion-pulse,.motion-buzz,.motion-wibble,.motion-pop,.motion-wink,.bg-motion-drift,.bg-motion-aurora{animation:none!important}.public-page{background-attachment:scroll}}@keyframes liftLoop{0%,6%,45%,to{transform:translateY(0)}26%{transform:translateY(-4px)}}.studio-sidebar{color:#f7f7f8;background:radial-gradient(circle at 10% 0,#3a2c12 0,#0000 28%),#0b0b0f}.studio-sidebar .logo span{color:#111118;background:linear-gradient(145deg,#f1c76a,#b98225);width:38px;box-shadow:0 0 28px #d6a84b38}.app-release{font-variant-numeric:tabular-nums;gap:2px;margin:7px 8px 0;padding-left:49px;display:grid}.app-release span{color:#fff;font-size:12px;font-weight:750;line-height:1.25}.app-release time{color:#aeb1c1;font-size:10px;line-height:1.35}.studio-sidebar nav a:hover{color:#f1c76a;background:#d6a84b17}.studio-publish-tools{max-width:900px;margin:0 auto;padding:34px 28px 70px}.publish-tools-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.publish-tools-heading h2{margin:0;font-size:25px}.seo-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;box-shadow:0 18px 50px #1d1d1f0d}.seo-card .secondary-button{width:max-content}.analytics-page{gap:22px;width:100%;max-width:none;padding-left:34px;padding-right:34px;display:grid}.analytics-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metric-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffd9,#f4f2ecdd);border:1px solid #fff;border-radius:22px;gap:8px;min-height:150px;padding:22px;display:grid;box-shadow:0 18px 45px #1d1d1f0a}.metric-card svg{color:#b98225}.metric-card span{color:var(--muted);font-size:13px;font-weight:650}.analytics-table-card{overflow:hidden}.analytics-table{margin-top:16px;display:grid}.analytics-row{border-top:1px solid var(--line);grid-template-columns:minmax(180px,1fr) 110px 110px;align-items:center;gap:12px;min-height:58px;padding:10px 4px;display:grid}.analytics-row>span:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.analytics-row span:first-child{gap:3px;display:grid}.analytics-row small{color:var(--muted)}.analytics-head{min-height:38px;color:var(--muted);border:0;font-size:12px;font-weight:750}.check-row input{accent-color:#b98225}@media (max-width:800px){.studio-publish-tools{padding:28px 18px 80px}.publish-tools-heading{align-items:flex-start;display:grid}.analytics-kpis{grid-template-columns:1fr}.analytics-row{grid-template-columns:minmax(120px,1fr) 70px 70px;font-size:13px}}.page-card{flex-direction:column;display:flex}.page-card-info{flex-direction:column;flex:1;display:flex}.page-card-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.page-card-actions:has(>:only-child){grid-template-columns:1fr}.page-card-action{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:7px;font-weight:700;display:inline-flex}.page-card-action:hover{background:#f7f7fa;border-color:#c8cad4}.page-card-action.primary{background:var(--brand);border-color:var(--brand);color:#fff}.copy-page-modal:focus{outline:none}.v10{container-type:inline-size}.v10 .editor-grid{grid-template-columns:minmax(560px,1fr) 380px}.v10 .editor-panel{max-width:none;margin:0;padding:clamp(20px,2.5vw,36px)}.v10 .preview-panel{align-self:start;width:auto;height:calc(100vh - 1px);padding:22px 20px;position:sticky;top:0;overflow:auto}.v10 .preview-panel .phone{width:320px;max-width:100%}.color-field legend{margin-bottom:7px;font-size:14px;font-weight:700}.color-field-main{grid-template-columns:52px minmax(130px,1fr) 38px;align-items:stretch;gap:8px;display:grid}.color-picker{width:52px;height:48px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border:2px solid #fff;border-radius:12px;overflow:hidden}.color-picker input{opacity:0;cursor:pointer;width:100%;height:100%}.hex-input{position:relative}.hex-input span{color:var(--muted);pointer-events:none;font-size:10px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.hex-input input{height:48px;font-family:var(--font-geist-mono),monospace;text-transform:uppercase;padding-left:43px}.color-reset{border:1px solid var(--line);background:#fff;width:38px;height:48px}.color-swatches{flex-wrap:wrap;gap:7px;display:flex}.color-swatches button{border:2px solid #fff;border-radius:50%;width:25px;height:25px;box-shadow:0 0 0 1px #cfd2dc}.color-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--brand)}.global-colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.design-section>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:18px;font-weight:750;list-style:none;display:flex}.design-section>summary::-webkit-details-marker{display:none}.design-section>summary:after{content:"+";color:var(--muted);font-size:22px}.design-section[open]>summary:after{content:"−"}.design-section>summary small{color:var(--muted);margin-left:auto;font-size:12px;font-weight:500}.details-body{gap:18px;margin-top:20px;display:grid}.sub-settings{border-top:1px solid var(--line);padding-top:14px}.sub-settings>summary{cursor:pointer;font-weight:700}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.gradient-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.gradient-grid button{color:#fff;border:2px solid #0000;border-radius:13px;align-items:flex-end;height:74px;padding:8px;display:flex}.gradient-grid button[aria-pressed=true]{border-color:var(--brand)}.gradient-grid span{background:#1119;border-radius:7px;padding:4px 8px;font-size:11px}.font-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.font-picker button{text-align:left;min-height:92px}.font-picker button span{font-size:17px;line-height:1.5}.font-picker button small{margin-top:5px;display:block}.compact-upload{grid-column:1/-1;gap:10px;padding:10px}.compact-upload .upload-preview{border-radius:10px;flex:0 0 48px;align-self:center;width:48px;min-width:48px;max-width:48px;height:48px}.social-row .upload-field{align-items:center}.social-row .upload-preview img{object-fit:cover;width:100%;height:100%;display:block}.social-row .upload-preview{border-radius:50%}.compact-upload p{font-size:10px}.upload-actions{align-items:center;gap:7px;display:flex}.editor-icon-preview,.custom-social-icon{object-fit:cover;border-radius:50%;width:100%;height:100%}.public-link .custom-link-icon{object-fit:cover;border-radius:50%;width:32px;height:32px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.public-link .link-thumbnail{object-fit:cover;border-radius:inherit;border-radius:calc(var(--thumb-radius,12px) - 4px);flex:none;width:44px;height:44px}.socials .custom-social-icon{display:block}.social-row{grid-template-columns:minmax(130px,1fr) minmax(220px,2fr);align-items:end}.social-row>.upload-field{grid-column:1/-1}.social-row>.text-danger{grid-column:1/-1;justify-self:end}.motion-lift{transition:transform .18s}.motion-lift:hover,.motion-lift:focus-visible{transform:translateY(-3px)}.motion-pulse:hover,.motion-pulse:focus-visible{animation:.8s ease-in-out infinite alternate button-pulse}@keyframes button-pulse{to{transform:scale(1.025)}}@container (max-width:960px){.v10 .editor-grid{display:block}.v10 .preview-panel{display:none}.v10 .editor-panel{max-width:none;padding:20px}.mobile-only-preview{display:block}.mobile-only-preview .device-preview{width:min(100%,520px);height:70vh;margin:auto}}@media (max-width:960px){.v10 .editor-grid{display:block}.v10 .preview-panel{display:none}.v10 .editor-panel{max-width:none;padding:20px}.mobile-only-preview{display:block}.mobile-only-preview .device-preview{width:min(100%,520px);height:70vh;margin:auto}.mobile-only-preview .device-preview.desktop,.mobile-only-preview .device-preview.tablet{border-radius:24px}}@media (max-width:640px){.global-colors,.gradient-grid,.font-picker{grid-template-columns:1fr}.page-card-actions{grid-template-columns:1fr 1fr}.design-section>summary small{display:none}.color-field-main{grid-template-columns:48px minmax(0,1fr) 38px}.social-row,.copy-page-modal .two-col{grid-template-columns:1fr}}.public-page.cover-bleed{padding:0 0 55px}.public-page.cover-bleed .public-inner{padding:24px 22px 0}.phone .public-page.cover-bleed{padding:0 0 25px}.phone .public-page.cover-bleed .public-inner{padding:16px 20px 0}.profile-cover{aspect-ratio:16/6;background:#ffffff1a;border:1px solid #ffffff2b;border-radius:24px;place-items:center;width:100%;margin-bottom:24px;display:grid;position:relative;overflow:hidden}.profile-cover.bleed{border-top:0;border-left:0;border-right:0;border-radius:0;width:100%;max-width:none;margin:0}.profile-cover img{object-fit:cover;width:100%;height:100%}.profile-cover.empty{color:inherit;background:linear-gradient(145deg,#ffffff18,#ffffff08);min-height:120px}.profile-cover.empty span{opacity:.7;font-size:13px}.profile-details.with-cover{position:relative}.profile-details.with-cover .avatar{border:3px solid;margin-top:-68px}@supports (color:color-mix(in lab, red, red)){.profile-details.with-cover .avatar{border:3px solid color-mix(in srgb,currentColor 45%,transparent)}}.profile-details.with-cover .avatar{box-shadow:0 14px 38px #00000059,0 0 0 6px}@supports (color:color-mix(in lab, red, red)){.profile-details.with-cover .avatar{box-shadow:0 14px 38px #00000059,0 0 0 6px color-mix(in srgb,currentColor 12%,transparent)}}.preview-panel{overflow-x:hidden}.preview-stage{margin:0 auto;position:relative;overflow:visible}.preview-stage .device-preview{flex:none;max-width:none;margin:0}.public-link{padding-inline:52px}.public-link>.custom-link-icon{position:absolute}.shape-field,.position-field{border:0;grid-column:1/-1;gap:10px;margin:0;padding:0;display:grid}.shape-field legend,.position-field legend{font-weight:700}.shape-field legend span{color:var(--muted);font-weight:500}.shape-presets{grid-template-columns:repeat(5,minmax(58px,1fr));gap:8px;display:grid}.shape-presets button{border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;gap:5px;min-height:68px;padding:7px;display:grid}.shape-presets button[aria-pressed=true]{border-color:var(--brand);color:var(--brand);background:#efefff}.shape-presets i{border:2px solid;width:38px;height:22px;display:block}.shape-custom{align-items:center;gap:12px;display:flex}.shape-custom input{flex:1}.choice-grid.two{grid-template-columns:repeat(2,1fr)}.text-button{width:max-content;color:var(--brand);background:0 0;border:0;padding:4px 0;font-weight:650}.field-hint{color:var(--muted);grid-column:1/-1;font-size:12px;line-height:1.6}.banner-fields{border:1px solid var(--line);background:#fbfbfd}.banner-slide>img[style*=contain]{background:#111}.banner-scrim a{white-space:nowrap;flex:none}.effect-picker button{align-content:center}.effect-picker button i{opacity:.22;background:currentColor;border-radius:999px;width:42px;height:20px;display:block}.effect-picker button strong{font-size:12px}.effect-picker button small{color:var(--muted);font-size:10px}@media (max-width:520px){.shape-presets{grid-template-columns:repeat(3,1fr)}.banner-scrim{flex-direction:column;align-items:flex-start}.banner-scrim a{align-self:flex-start}.public-link{padding-inline:48px}}@container (max-width:800px){.bio-banner,.banner-slide{height:190px;min-height:190px}}@container (max-width:520px){.banner-scrim{flex-direction:column;align-items:flex-start}.banner-scrim a{align-self:flex-start}.public-link{padding-inline:48px}.profile-details.with-cover .avatar{width:76px;height:76px;margin-top:-44px}}.section-fold{background:#ffffff12;border-radius:14px;overflow:hidden}.section-fold>.section-fold-header{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;font-weight:700;list-style:none;display:flex}.section-fold>.section-fold-header::-webkit-details-marker{display:none}.section-fold>.section-fold-header:after{content:"+";font-size:18px;line-height:1}.section-fold[open]>.section-fold-header:after{content:"−"}.section-fold>:not(.section-fold-header){padding:0 16px 14px}.public-inner{text-shadow:var(--bio-text-shadow,none);-webkit-text-stroke:var(--bio-text-stroke,0);paint-order:stroke fill}.public-inner :is(input,textarea,select,button){text-shadow:none;-webkit-text-stroke:0}.bio-announcement{overflow-wrap:anywhere;gap:0;line-height:1.55}.announcement-size-field{border:0;grid-column:1/-1;gap:8px;margin:0;padding:0;display:grid}.announcement-size-field legend{margin-bottom:8px;padding:0;font-size:14px;font-weight:700}.announcement-size-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.announcement-size-options button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:11px;font-weight:700}.announcement-size-options button:hover{background:#faf9ff;border-color:#b9b5ff}.announcement-size-options button:focus-visible{outline-offset:2px;outline:3px solid #635bff33}.announcement-size-options button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-dark);box-shadow:inset 0 0 0 1px var(--brand)}.announcement-size-field small{color:var(--muted);font-size:12px;font-weight:500;line-height:1.5}.audio-player{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff2b;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.audio-player .audio-cover{object-fit:cover;border-radius:10px;flex:none;width:56px;height:56px}.audio-player .audio-main{flex:1;gap:4px;min-width:0;font-size:14px;display:grid}.audio-player .audio-main small{opacity:.7}.audio-player audio{width:100%;height:34px}.audio-player .audio-controls.mock{pointer-events:none;align-items:center;gap:8px;display:flex}.audio-player .audio-play{background:var(--audio-accent);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;display:grid}.audio-player .audio-bar{background:#fff3;border-radius:99px;flex:1;height:4px;position:relative;overflow:hidden}.audio-player .audio-bar i{background:var(--audio-accent);border-radius:99px;position:absolute;inset:0 65% 0 0}.public-link[class*=decor-]{isolation:isolate}.public-link[class*=decor-]:before,.public-link[class*=decor-]:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;position:absolute;inset:0}.public-link[class*=decor-]>:where(span,img,svg){z-index:2;position:relative}.decor-neon-glow{box-shadow:0 0 18px var(--link-border,#635bff),0 0 42px var(--link-border,#635bff)!important}@supports (color:color-mix(in lab, red, red)){.decor-neon-glow{box-shadow:0 0 18px color-mix(in srgb,var(--link-border,#635bff) 70%,transparent),0 0 42px color-mix(in srgb,var(--link-border,#635bff) 34%,transparent)!important}}.decor-neon-glow:before{box-shadow:inset 0 0 0 1px var(--link-border,#635bff),0 0 14px var(--link-border,#635bff)}@supports (color:color-mix(in lab, red, red)){.decor-neon-glow:before{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--link-border,#635bff) 75%,white),0 0 14px color-mix(in srgb,var(--link-border,#635bff) 70%,transparent)}}.decor-neon-glow:before{animation:2.2s ease-in-out infinite alternate decorNeonPulse}.decor-gradient-border{background:linear-gradient(var(--link-bg,#1d1d1f),var(--link-bg,#1d1d1f)) padding-box!important;border:2px solid #0000!important}.decor-gradient-border:before{background:linear-gradient(105deg,var(--link-border,#635bff),var(--link-border,#635bff),var(--link-text,#fff),var(--link-border,#635bff));padding:2px;inset:-2px}@supports (color:color-mix(in lab, red, red)){.decor-gradient-border:before{background:linear-gradient(105deg,var(--link-border,#635bff),color-mix(in srgb,var(--link-border,#635bff) 35%,white),var(--link-text,#fff),var(--link-border,#635bff))}}.decor-gradient-border:before{-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background-size:240% 100%;animation:3s linear infinite decorGradientFlow;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.decor-glass{background:var(--link-bg,#fff)!important}@supports (color:color-mix(in lab, red, red)){.decor-glass{background:color-mix(in srgb,var(--link-bg,#fff) 38%,transparent)!important}}.decor-glass{-webkit-backdrop-filter:blur(16px)saturate(135%);backdrop-filter:blur(16px)saturate(135%);border:1px solid var(--link-text,#fff)!important}@supports (color:color-mix(in lab, red, red)){.decor-glass{border:1px solid color-mix(in srgb,var(--link-text,#fff) 42%,transparent)!important}}.decor-glass:before{background:linear-gradient(115deg,transparent 12%,var(--link-text,#fff) 42%,transparent 68%)}@supports (color:color-mix(in lab, red, red)){.decor-glass:before{background:linear-gradient(115deg,transparent 12%,color-mix(in srgb,var(--link-text,#fff) 20%,transparent) 42%,transparent 68%)}}.decor-glass:before{background-size:220% 100%;animation:4.4s ease-in-out infinite decorGlassDrift}.decor-shine:after{background:linear-gradient(105deg,transparent,var(--link-text,#fff),transparent);width:48%;left:-80%;right:auto}@supports (color:color-mix(in lab, red, red)){.decor-shine:after{background:linear-gradient(105deg,transparent,color-mix(in srgb,var(--link-text,#fff) 48%,transparent),transparent)}}.decor-shine:after{animation:3.2s cubic-bezier(.55,0,.25,1) infinite decorShineSweep;transform:skew(-20deg)}@keyframes decorNeonPulse{to{opacity:.62;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--link-border,#635bff) 80%,white),0 0 28px color-mix(in srgb,var(--link-border,#635bff) 88%,transparent)}}@keyframes decorGradientFlow{to{background-position:240% 0}}@keyframes decorGlassDrift{0%,18%{background-position:180% 0}72%,to{background-position:-80% 0}}@keyframes decorShineSweep{0%,28%{left:-80%}62%,to{left:135%}}@media (prefers-reduced-motion:reduce){.public-link[class*=decor-]:before,.public-link[class*=decor-]:after{animation:none!important}.decor-shine:after{left:26%}.decor-gradient-border:before{background-position:45% 0}}.bio-gallery{gap:10px;display:grid}.bio-gallery.gallery-grid-2{grid-template-columns:repeat(2,1fr)}.bio-gallery.gallery-grid-3{grid-template-columns:repeat(3,1fr)}.bio-gallery figure{gap:6px;margin:0;display:grid}.bio-gallery img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%}.bio-gallery figcaption{opacity:.75;font-size:11px}.bio-gallery.gallery-slider{scroll-snap-type:x mandatory;grid-auto-columns:80%;grid-auto-flow:column;overflow-x:auto}.bio-gallery.gallery-slider figure{scroll-snap-align:center}.banner-slide.banner-anim{animation:.55s both bannerIn}.banner-transition-fade .banner-slide.banner-anim{animation-name:bannerFade}.banner-transition-zoom .banner-slide.banner-anim{animation-name:bannerZoom}.banner-transition-slide-up .banner-slide.banner-anim{animation-name:bannerUp}.banner-transition-slide-down .banner-slide.banner-anim{animation-name:bannerDown}@keyframes bannerIn{0%{opacity:0;transform:translate(28px)}}@keyframes bannerUp{0%{opacity:0;transform:translateY(28px)}}@keyframes bannerDown{0%{opacity:0;transform:translateY(-28px)}}@keyframes bannerFade{0%{opacity:0}}@keyframes bannerZoom{0%{opacity:0;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.banner-slide.banner-anim{animation:none!important}}.banner-scrim.title-only{background:linear-gradient(#0000,#000000b3);padding-top:34px}.bio-menu{background:#ffffff12;border:1px solid #ffffff2b;border-radius:16px;gap:14px;padding:16px;display:grid}.menu-heading{margin:0;font-size:18px}.menu-section h3{margin:0 0 8px;font-size:15px}.menu-section ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.menu-section li{justify-content:space-between;gap:10px;font-size:14px;display:flex}.menu-name small{opacity:.7;font-size:11px;display:block}.menu-price{opacity:.85}.bio-location{background:#ffffff12;border:1px solid #ffffff2b;border-radius:16px;gap:8px;padding:16px;display:grid}.bio-location .embed-frame{margin-top:4px}.lock-gate{gap:10px;min-height:0;display:grid;background:var(--link-bg,#ffffff12)!important;color:var(--link-text,inherit)!important;border:1px solid var(--link-border,#ffffff45)!important;box-shadow:var(--link-shadow,none)!important;padding:18px 20px!important}.link-lock{text-align:center;justify-items:center;gap:7px;width:100%;display:grid}.link-lock-icon{background:var(--link-text,currentColor);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}@supports (color:color-mix(in lab, red, red)){.link-lock-icon{background:color-mix(in srgb,var(--link-text,currentColor) 12%,transparent)}}.link-lock-icon{color:inherit}.link-lock>strong{font-size:15px;line-height:1.4}.link-lock p{overflow-wrap:anywhere;max-width:42ch;margin:0;font-size:14px;line-height:1.55}.link-lock>small{color:var(--link-text,currentColor)}@supports (color:color-mix(in lab, red, red)){.link-lock>small{color:color-mix(in srgb,var(--link-text,currentColor) 72%,transparent)}}.link-lock>small{font-size:11px;line-height:1.5}.link-lock form{text-align:left;gap:9px;width:min(100%,360px);margin-top:4px;display:grid}.link-lock form label{gap:5px;font-size:12px;font-weight:700;display:grid}.link-lock input{border:1px solid var(--link-text,currentColor);width:100%;min-height:44px;padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.link-lock input{border:1px solid color-mix(in srgb,var(--link-text,currentColor) 30%,transparent)}}.link-lock input{background:var(--link-bg,#fff);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.link-lock input{background:color-mix(in srgb,var(--link-bg,#fff) 80%,white)}}.link-lock input{color:var(--link-bg,#111)}@supports (color:color-mix(in lab, red, red)){.link-lock input{color:color-mix(in srgb,var(--link-bg,#111) 18%,black)}}.link-lock input{font-size:16px}.link-lock input:focus-visible{outline:3px solid var(--link-text,currentColor)}@supports (color:color-mix(in lab, red, red)){.link-lock input:focus-visible{outline:3px solid color-mix(in srgb,var(--link-text,currentColor) 30%,transparent)}}.link-lock input:focus-visible{outline-offset:2px}.link-lock .secondary-button{width:min(100%,360px);min-height:44px;margin-top:3px}.lock-error{color:#fff;text-align:left;background:#a5142c;border-radius:8px;padding:7px 9px;font-size:12px;line-height:1.4}.banner-editor{gap:18px;display:grid}.banner-dropzone{border:2px dashed var(--line);border-radius:14px;gap:10px;padding:12px;transition:border-color .15s,background .15s;display:grid}.banner-dropzone.over{border-color:var(--brand);background:#efefff66}.banner-dropzone .banner-drop-hint{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.banner-dropzone .banner-drop-hint span{color:var(--muted);font-size:12px}.banner-thumbs{flex-wrap:wrap;gap:8px;display:flex}.banner-thumb img{object-fit:cover;width:100%;height:100%}.banner-thumb-remove{color:#fff;cursor:pointer;background:#16182acc;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:0;right:0}.banner-thumb-remove svg{width:16px;height:16px}.mode-toggle{border:1px solid var(--line);border-radius:11px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.mode-toggle button{cursor:pointer;color:var(--muted);background:#f6f7fb;border:0;padding:11px;font-size:13px;font-weight:650}.mode-toggle button.active{color:var(--brand);box-shadow:inset 0 0 0 2px var(--brand);background:#fff}.banner-tabs{border-bottom:1px solid var(--line);gap:4px;display:flex}.banner-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:9px 14px;font-size:13px;font-weight:650}.banner-tabs button.active{color:var(--ink);border-bottom-color:var(--brand)}.banner-tab-body{gap:8px;display:grid}.banner-tab-body details summary{cursor:pointer;font-size:13px;font-weight:650}.banner-grid figure{margin:0;position:relative}.banner-grid-caption{gap:4px;display:grid;opacity:1!important}.banner-grid-caption strong{font-size:12px}.banner-grid-caption span{color:var(--muted);font-size:10px}.banner-grid-cta{width:max-content;color:inherit;align-items:center;gap:4px;font-size:10px;font-weight:800;text-decoration:underline;display:inline-flex}.editor-schedule-badge{color:#8a4a00;background:#fff3df;border-radius:999px;margin:0 0 6px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.crop-modal{width:100%;max-width:640px}.crop-modal h2{margin:0 0 4px;font-size:18px}.crop-frame{touch-action:none;-webkit-user-select:none;user-select:none;background:#eef0f5;border-radius:12px;height:min(52vh,420px);min-height:320px;position:relative;overflow:hidden}.crop-stage{position:absolute;overflow:hidden}.crop-stage img{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.crop-box{border:2px solid var(--brand);cursor:grab;touch-action:none;position:absolute;box-shadow:0 0 0 9999px #16182a88}.crop-box:active{cursor:grabbing}.crop-handle{background:var(--brand);cursor:nwse-resize;border:2px solid #fff;border-radius:6px;width:22px;height:22px;padding:0;position:absolute;bottom:-10px;right:-10px}.crop-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.switch-row{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px!important;display:flex!important}.switch-row>span{font-size:14px;font-weight:650}.switch{cursor:pointer;background:#d6d9e3;border:0;border-radius:99px;flex:none;width:44px;height:26px;transition:background .18s;position:relative}.switch i{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:3px;left:3px}.switch[aria-checked=true] i{transform:translate(18px)}.content-panel .card{padding:18px}.content-panel .card>h2{margin:0 0 2px;font-size:16px}.content-panel .card>p{color:var(--muted);margin:0 0 12px;font-size:12px}.content-group{gap:12px;display:grid}.content-divider{background:var(--line);height:1px;margin:6px 0}.paste-bar{gap:8px;display:flex}.paste-bar input{flex:1}.quick-create-chips{flex-wrap:wrap;gap:8px;margin:8px 0 0;display:flex}.field-error{color:var(--danger);font-size:12px;font-weight:550;line-height:1.4}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px #d9364f18}.add-block-panel{border:1px solid var(--line);background:#f8f8fb;border-radius:14px;gap:12px;padding:14px;display:grid}.add-block-panel .block-picker{background:0 0;border:0;padding:0}.block-card.collapsed-link .block-toolbar{padding-block:12px}.block-identity{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.block-actions{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.block-card .block-summary{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:13px;font-weight:650;overflow:hidden}@media (max-width:600px){.block-toolbar{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:6px;height:auto;min-height:46px;padding:8px 10px;display:grid}.block-card.collapsed-link .block-toolbar{padding-block:8px}.block-toolbar>.drag-handle{grid-area:1/1}.block-identity{grid-area:1/2;gap:1px;display:grid}.block-actions{border-top:1px solid #eff0f4;grid-area:2/1/auto/-1;justify-content:flex-end;width:100%;margin:0;padding-top:6px}.block-kind{line-height:1.2}.block-card .block-summary{max-width:100%}}.analytics-filter{align-items:end;gap:8px;margin-bottom:18px;display:flex}.analytics-filter label{flex:0 280px}.analytics-filter select{width:100%}.trend-chart{width:100%;height:auto;display:block}.page-card-avatar{background:#ffffffa8;border-radius:50%;place-items:center;width:52px;height:52px;font-weight:800;display:grid;overflow:hidden}.page-card-avatar img{object-fit:cover;width:100%;height:100%}.rename-display{align-items:center;gap:6px;margin:14px 0 3px;display:flex}.rename-display h2{margin:0;font-size:18px}.rename-display p{color:var(--muted);margin:0;font-size:13px}.rename-form{flex-wrap:wrap;align-items:center;gap:7px;margin:14px 0 8px;display:flex}.rename-form input{padding:9px 11px;font-size:13px}.rename-form .slug-input{border:1px solid #dcdfe7;border-radius:11px;align-items:center;display:flex;overflow:hidden}.rename-form .slug-input span{color:#9298a8;background:#f6f7fb;height:100%;padding:9px 4px 9px 11px}.rename-form .slug-input input{box-shadow:none;border:0;width:130px;padding-left:2px}.kpis-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{border-radius:18px;min-height:0;padding:18px}.metric-label{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.metric-card strong{letter-spacing:-.02em;font-size:30px}.metric-card small{color:var(--muted);font-size:11px}.metric-accent{background:linear-gradient(145deg,#f2f0ff,#e9e6ff);border-color:#ded9ff}.metric-accent strong{color:var(--brand)}.breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.breakdown-grid .analytics-table-card{margin:0}.trend-chart{width:100%;height:auto}@media (max-width:900px){.kpis-4{grid-template-columns:repeat(2,1fr)}.breakdown-grid{grid-template-columns:1fr}}@media (max-width:520px){.kpis-4{grid-template-columns:1fr}.metric-card strong{font-size:26px}}.activity-row{border-top:1px solid #eff0f4;align-items:center;gap:12px;padding:13px 0;display:flex}.activity-row:first-of-type{border-top:0}.activity-icon{width:34px;height:34px;color:var(--brand);background:#f2f0ff;border-radius:10px;flex:none;place-items:center;display:grid}.activity-main{gap:1px;display:grid}.activity-main span{color:var(--muted);font-size:13px}.member-row time,.activity-row time{color:#9298a8;white-space:nowrap;margin-left:auto;font-size:12px}.analytics-insight-card{background:linear-gradient(145deg,#f4f2ff,#efeaff);border-color:#ded9ff}.insight-list{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.insight-list li{padding-left:22px;font-size:14px;line-height:1.55;position:relative}.insight-list li:before{content:"";background:var(--brand);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;left:0}.rank-badge{width:24px;height:24px;color:var(--brand);vertical-align:middle;background:#f0efff;border-radius:7px;place-items:center;margin-right:9px;font-size:12px;font-style:normal;font-weight:800;display:inline-grid}.analytics-row.ranked-row{grid-template-columns:minmax(200px,1fr) 90px 90px 70px}.donut-row{margin-top:14px}.progress-list{gap:12px;margin-top:14px;display:grid}.progress-item .progress-label{justify-content:space-between;margin-bottom:5px;font-size:13px;display:flex}.progress-item b{font-variant-numeric:tabular-nums}.progress-track{background:#eef0f6;border-radius:6px;height:8px;overflow:hidden}.progress-fill{background:var(--brand);border-radius:6px;height:100%}.progress-fill.secondary{background:#8f8af7}@media (max-width:800px){.analytics-row.ranked-row{grid-template-columns:minmax(120px,1fr) 60px 60px 50px}}.insight-banner{color:#fff;background:linear-gradient(135deg,#4848a8,#7878d8);border-radius:18px;padding:22px 26px;box-shadow:0 16px 40px #4848a82e}.insight-banner-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.insight-banner-head h2{margin:0;font-size:19px}.insight-banner-head p{color:#ffffffc9;margin:2px 0 0;font-size:13px}.insight-banner-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.insight-col h3{color:#e6e2ff;text-transform:none;letter-spacing:0;margin:0 0 8px;font-size:13px;font-weight:750}.insight-col ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.insight-col li{color:#fff;padding-left:20px;font-size:13.5px;line-height:1.55;position:relative}.insight-col li:before{content:"";background:#f1c76a;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;left:0}.toplinks-list{gap:15px;margin-top:16px;display:grid}.toplink-row{align-items:center;gap:12px;display:flex}.toplink-body{flex:1;gap:6px;display:grid}.toplink-fill{background:linear-gradient(90deg,#6048d8,#8f8af7);border-radius:6px;height:100%}.bottom-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.bottom-grid .analytics-table-card{margin:0}@media (max-width:1000px){.bottom-grid,.insight-banner-grid{grid-template-columns:1fr}}@media (max-width:800px){.v10 .editor-sticky-chrome .share-bar{margin:8px 16px}}@media (min-width:961px){.v10.editor-shell{contain:layout;flex-direction:column;height:100vh;display:flex;overflow:hidden}.v10 .editor-sticky-chrome{flex:none;position:static}.v10 .editor-grid{flex:auto;grid-template-columns:minmax(0,1fr) 390px;align-items:stretch;min-height:0;overflow:hidden}.v10 .editor-panel{height:100%;min-height:0;overflow:auto}.v10 .preview-panel{flex-direction:column;align-self:stretch;min-width:0;height:auto;min-height:0;display:flex;position:static;top:auto;overflow:hidden}.v10 .preview-stage-slot{overscroll-behavior:contain;flex:auto;width:100%;min-width:0;max-width:100%;min-height:0;overflow:auto}}.color-reset{width:44px;min-width:44px;height:48px}.color-field-main{grid-template-columns:52px minmax(130px,1fr) 44px}.color-swatches{gap:2px}.color-swatches button{width:44px;height:44px;box-shadow:none;background:0 0;border:0;place-items:center;padding:0;display:grid}.color-swatches button span{border:2px solid #fff;border-radius:50%;width:25px;height:25px;display:block;box-shadow:0 0 0 1px #cfd2dc}.color-swatches button[aria-pressed=true]{box-shadow:none;outline:2px solid var(--brand);outline-offset:-7px;border-radius:50%}.icon-button{min-width:44px;min-height:44px}.switch{background:0 0;height:44px}.switch:before{content:"";background:#d6d9e3;border-radius:99px;position:absolute;inset:9px 0}.switch[aria-checked=true]{background:0 0}.switch[aria-checked=true]:before{background:var(--brand)}.switch i{top:12px}.toggle{background:0 0;width:44px;height:44px}.toggle:before{content:"";background:#d6d9e3;border-radius:99px;position:absolute;inset:11px 4px}.toggle.on{background:0 0}.toggle.on:before{background:var(--brand)}.toggle span{width:16px;height:16px;top:14px;left:7px}.toggle.on span{transform:translate(14px)}.glass-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-color:var(--line)!important;background:#fff!important}.toggle{position:relative}@media (max-width:800px){.editor-shell~.mobile-nav{display:none}.color-field-main{grid-template-columns:48px minmax(0,1fr) 44px}}.banner-section-settings{gap:12px;display:grid}.banner-settings-card,.banner-media-manager,.banner-current-slide{border:1px solid var(--line);background:#fbfbfd;border-radius:14px;gap:12px;padding:16px;display:grid}.banner-settings-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.banner-settings-heading>div{gap:2px;display:grid}.banner-settings-heading strong{font-size:14px}.banner-settings-heading span{color:var(--muted);font-size:11px;line-height:1.45}.banner-settings-heading>span{white-space:nowrap;font-weight:750}.banner-settings-card>label{gap:6px;display:grid}.banner-interval-setting{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:10px 12px;display:grid}.banner-interval-setting label{gap:5px;display:grid}.banner-interval-setting output{background:var(--brand-soft);min-width:72px;color:var(--brand);text-align:center;border-radius:9px;padding:7px 9px;font-size:11px;font-weight:800}.banner-media-manager .banner-dropzone{background:#fff;border-width:1px}.banner-current-slide .banner-tab-body{border:1px solid var(--line);background:#fff}.banner-active-heading>div{gap:2px;display:grid}.banner-active-heading .banner-active-help{color:var(--muted);font-size:10px;font-weight:500}@media (min-width:1280px){.v10 .editor-grid.preview-mobile{grid-template-columns:minmax(0,1fr) 390px}.v10 .editor-grid.preview-tablet{grid-template-columns:minmax(0,1fr) 460px}.v10 .editor-grid.preview-desktop{grid-template-columns:minmax(0,1fr) minmax(500px,560px)}}@media (max-width:640px){.banner-settings-card,.banner-media-manager,.banner-current-slide{padding:13px}.banner-interval-setting{grid-template-columns:1fr}.banner-interval-setting output{justify-self:start}}.responsive-disclosure>summary{cursor:pointer;padding-right:34px;list-style:none;position:relative}.responsive-disclosure>summary::-webkit-details-marker{display:none}.responsive-disclosure>summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:9px;height:9px;transition:transform .15s;position:absolute;top:50%;right:4px;transform:translateY(-70%)rotate(45deg)}.responsive-disclosure[open]>summary:after{transform:translateY(-30%)rotate(225deg)}.responsive-disclosure-body{padding-top:16px}.editor-disclosure .content-group,.seo-card-body{gap:14px;display:grid}.banner-active-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.banner-active-heading strong{font-size:14px}.banner-active-heading span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.banner-tab-body{background:#f7f7fa;border-radius:12px;grid-template-columns:1fr;gap:12px;padding:14px;display:grid}.banner-thumb{border:0;border-radius:10px;width:92px;height:62px;position:relative;overflow:hidden}.banner-thumb-select{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;height:100%;padding:0;position:relative;overflow:hidden}.banner-thumb-select img{object-fit:cover;width:100%;height:100%}.banner-thumb-select span{color:#fff;background:#16182acc;border-radius:7px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:11px;font-weight:800;display:grid;position:absolute;bottom:5px;left:5px}.banner-thumb-select[aria-pressed=true]{border:3px solid var(--brand);box-shadow:0 0 0 2px #635bff2b}.banner-thumb-remove{top:0;right:0}@media (max-width:800px){.v10 .primary-button.compact,.v10 .secondary-button,.v10 .secondary-button.compact,.v10 .rich-text-toolbar button,.v10 .banner-tabs button,.v10 .mode-toggle button,.studio-publish-tools .secondary-button{min-height:44px}.v10 .editor-actions .secondary-button{width:44px;min-width:44px;height:44px}.v10 .banner-tabs{overflow-x:auto}.v10 .banner-tabs button{white-space:nowrap}.banner-scrim a{align-items:center;min-height:44px;display:inline-flex}.responsive-disclosure>summary{align-items:center;min-height:44px;display:flex}.studio-publish-tools{padding-top:20px}.publish-tools-heading{margin-bottom:12px}}.publish-tools-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.publish-tools-actions .secondary-button{white-space:nowrap;min-height:44px}@media (max-width:520px){.publish-tools-actions{justify-content:flex-start;width:100%}}.share-url{flex:1;min-width:0}.share-bar-actions{flex:none;align-items:center;gap:8px;display:flex}.share-bar-actions .secondary-button{white-space:nowrap;min-height:44px}@media (max-width:520px){.share-bar{flex-wrap:wrap;align-items:stretch}.share-url{flex-basis:100%}.share-bar-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.share-bar-actions .secondary-button{width:100%;min-width:0;padding-inline:10px;font-size:12px}}@media (max-width:800px){.dashboard-main:has(>.editor-shell){padding-bottom:0}}.profile-description-editor{grid-template-columns:minmax(0,1fr)}.profile-description-field{gap:7px;min-width:0;display:grid}.field-label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.field-label-row label{font-size:14px;font-weight:700}.field-label-row .counter{font-variant-numeric:tabular-nums;margin-left:auto}.rich-text-control{background:#fff;border:1px solid #dcdfe7;border-radius:12px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.rich-text-control:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #635bff1c}.rich-text-toolbar{border-bottom:1px solid var(--line);background:#f8f8fb;flex-wrap:nowrap;align-items:center;gap:4px;padding:6px;display:flex;overflow-x:auto}.rich-text-toolbar button{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--ink);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 44px;place-items:center;padding:0;line-height:1;display:grid}.rich-text-toolbar button:hover{background:var(--brand-soft);color:var(--brand)}.rich-text-toolbar button:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.rich-text-toolbar button[aria-pressed=true]{background:var(--brand-soft);color:var(--brand);box-shadow:inset 0 0 0 1.5px var(--brand)}.format-mark{font-size:16px;font-weight:800}.format-mark.italic{font-style:italic;font-weight:700}.format-mark.underline{text-underline-offset:3px;text-decoration:underline}.rich-text-control textarea{resize:vertical;z-index:1;color:#0000;width:100%;min-height:116px;caret-color:var(--ink);background:0 0;border:0;border-radius:0;padding:12px 13px;display:block;position:relative;box-shadow:none!important}.rich-text-surface{position:relative}.rich-text-preview{pointer-events:none;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);font:inherit;padding:12px 13px;line-height:1.45;position:absolute;inset:0;overflow:auto}.rich-text-preview strong{font-weight:800}.rich-text-preview em{font-style:italic}.rich-text-preview u{text-underline-offset:2px}.profile-description-field>.muted{margin:0;font-size:12px;line-height:1.55}.editor-state-strip{border-bottom:1px solid var(--line);background:#fff;padding:8px 30px;display:block}.editor-state-strip>summary{list-style:none}.editor-state-strip>summary::-webkit-details-marker{display:none}.editor-state-summary{border:1px solid var(--line);cursor:pointer;background:#fafafd;border-radius:11px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:8px 12px;display:grid}.state-summary-label{letter-spacing:.06em;color:#62697b;font-size:10px;font-weight:850}.editor-state-summary>strong{font-size:12px}.editor-state-summary>small{color:#62697b;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;line-height:1.35;overflow:hidden}.state-summary-action{color:var(--brand);font-size:10px;font-weight:800}.editor-state-strip.tone-ok .editor-state-summary{background:#f5fbf7;border-color:#cae9d8}.editor-state-strip.tone-attention .editor-state-summary{background:#fffaf0;border-color:#f0d4a8}.editor-state-strip.tone-working .editor-state-summary{background:#f7f6ff;border-color:#d8d4ff}.editor-state-strip.tone-error .editor-state-summary{background:#fff6f7;border-color:#f2c2ca}.state-axis-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:8px;display:grid}.state-axis{border:1px solid var(--line);background:#fafafd;border-radius:11px;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 8px;padding:9px 11px;display:grid}.state-axis>span{letter-spacing:.06em;color:#62697b;font-size:10px;font-weight:800}.state-axis>strong{font-size:12px}.state-axis>small{color:#62697b;grid-column:1/-1;font-size:10px;line-height:1.35}.state-axis.tone-ok{background:#f5fbf7;border-color:#cae9d8}.state-axis.tone-attention{background:#fffaf0;border-color:#f0d4a8}.state-axis.tone-working{background:#f7f6ff;border-color:#d8d4ff}.state-axis.tone-error{background:#fff6f7;border-color:#f2c2ca}.editor-workspace-nav{border-bottom:1px solid var(--line);background:#fff;align-items:stretch;display:flex}.editor-workspace-nav .editor-tabs{border-bottom:0;flex:1}.preview-mode-button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin:6px 10px 6px 0;padding:0 13px;font-weight:700;display:none}.preview-mode-button.active{background:var(--brand-soft);color:var(--brand);border-color:#cbc7ff}.editor-grid.single-pane{grid-template-columns:minmax(0,1fr)}.compact-preview{display:block}.preview-mode-panel{max-width:none!important}.launch-workspace{max-width:760px;margin:0 auto}.launch-status-card h2{margin-bottom:8px;font-size:22px}.launch-status-card>p:not(.eyebrow):not(.field-hint){color:var(--muted);line-height:1.6}.launch-actions{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.launch-actions .secondary-button{min-height:44px}@media (max-width:960px){.editor-state-strip{padding:8px 16px}.preview-mode-button{display:inline-flex}.editor-workspace-nav .editor-tabs{min-width:0;padding-right:4px}.compact-preview .preview-stage{margin:auto}.editor-grid.single-pane{display:block}}@media (max-width:640px){.editor-state-strip{padding:7px 12px}.editor-state-summary{grid-template-columns:auto minmax(0,1fr) auto;gap:4px 8px}.editor-state-summary>small{white-space:normal;grid-column:1/-1}.state-axis-grid{grid-template-columns:1fr}.state-axis{min-width:0}.editor-workspace-nav{align-items:center}.editor-workspace-nav .editor-tabs{gap:0;padding:0 4px}.editor-workspace-nav .editor-tabs button{padding-inline:8px;font-size:12px}.preview-mode-button{width:44px;min-width:44px;padding:0;font-size:0}.launch-actions{grid-template-columns:1fr;display:grid}.launch-actions .secondary-button{width:100%}}.build-workspace{grid-template-columns:minmax(250px,290px) minmax(0,1fr);align-items:start;gap:20px;width:100%;max-width:none;display:grid}.build-outline,.build-inspector{min-width:0}.build-outline{flex-direction:column;align-self:start;gap:12px;display:flex;position:sticky;top:0}.build-outline-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.build-outline-header h2{margin:2px 0 0;font-size:19px}.outline-static-items{gap:8px;display:grid}.outline-object-row{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:#fff;border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;display:grid}.outline-object-row:hover,.outline-object-row.selected{background:#f8f7ff;border-color:#c9c5ff}.outline-icon{background:var(--brand-soft);width:32px;height:32px;color:var(--brand);border-radius:9px;place-items:center;display:grid}.outline-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.outline-copy strong{font-size:13px}.outline-copy small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;overflow:hidden}.outline-state{border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}.outline-state.enabled{color:#207348;background:#eaf8ef}.outline-state.disabled{color:#62697b;background:#f1f2f5}.outline-section-title{justify-content:space-between;align-items:end;gap:8px;padding-top:2px;display:flex}.outline-section-title h3{margin:0;font-size:14px}.outline-section-title p{color:var(--muted);margin:2px 0 0;font-size:11px}.outline-blocks{gap:8px;display:grid}.block-card.outline-block-row{border-radius:12px;padding:9px 10px}.outline-block-row.selected{background:#fbfaff;border-color:#bdb7ff;box-shadow:0 0 0 2px #635bff12}.outline-block-row .block-toolbar{border-bottom:0;grid-template-columns:36px minmax(0,1fr) 44px;align-items:center;gap:8px;height:auto;min-height:48px;padding:0;display:grid}.outline-block-row .drag-handle{width:36px;height:44px}.block-select-button{width:100%;min-width:0;min-height:44px;color:inherit;text-align:left;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;margin:0;padding:4px 2px;display:flex}.block-select-button .block-kind{font-size:12px;font-weight:800}.block-select-button .block-summary{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--muted);font-size:11px;display:block;overflow:hidden}.outline-validation{color:#b4233d;background:#fff1f2;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:11px;font-weight:900;display:grid}.outline-block-row .block-actions{grid-column:2/-1;justify-content:flex-end;align-items:center;gap:3px;display:flex}.outline-edit-button{margin:5px 0 0 auto;padding:4px 8px;font-size:11px;display:block}.compact-empty{padding:22px 14px}.add-surface{gap:11px;display:grid}.add-surface-intro{flex-direction:column;gap:2px;display:flex}.add-surface-intro strong{font-size:13px}.add-surface-intro span{color:var(--muted);font-size:11px}.add-category-tabs{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.add-category-tabs button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;flex:none;padding:7px 10px;font-size:11px;font-weight:750}.add-category-tabs button.active{background:var(--brand-soft);color:var(--brand);border-color:#c7c1ff}.compact-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-catalog button{min-height:46px}.build-inspector{align-self:start;position:relative;top:auto}.inspector-empty,.inspector-stack{border:1px solid var(--line);background:#fff;border-radius:14px}.inspector-empty{text-align:center;min-height:280px;color:var(--muted);place-items:center;gap:7px;padding:32px;display:grid}.inspector-empty h3{color:var(--ink);margin:0}.inspector-empty p{max-width:360px;margin:0;line-height:1.55}.inspector-stack{padding:22px}.inspector-header{border-bottom:1px solid var(--line);margin-bottom:14px;padding-bottom:14px}.inspector-header h2{margin:2px 0 5px;font-size:21px}.inspector-header>p:last-child{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.inspector-group{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.inspector-group-title{color:var(--brand);letter-spacing:.05em;margin:0;font-size:11px;font-weight:900}.inspector-validation{color:#9d2037;background:#fff7f8;border:1px solid #f0bdc5;border-radius:10px;flex-direction:column;gap:2px;margin-bottom:12px;padding:10px 12px;display:flex}.inspector-validation span{font-size:11px}.inspector-back{margin-bottom:10px;display:none}.block-inspector .sub-settings>summary{font-weight:800}.block-inspector .sub-settings[data-inspector-group]>summary:before{letter-spacing:.03em;vertical-align:1px;border-radius:999px;margin-right:7px;padding:2px 6px;font-size:9px;font-weight:900;display:inline-block}.block-inspector .sub-settings[data-inspector-group=optional]>summary:before{content:"ตัวเลือก";color:#315d9b;background:#eef5ff}.block-inspector .sub-settings[data-inspector-group=advanced]>summary:before{content:"ขั้นสูง";color:#6746a8;background:#f3efff}@media (max-width:1279px){.preview-mode-button{display:inline-flex}.build-workspace{display:block}.build-inspector{display:none;position:static}.build-workspace.has-selection .build-outline{display:none}.build-workspace.has-selection .build-inspector{display:block}.inspector-back{display:inline-flex}.editor-workspace-nav .editor-tabs{min-width:0;padding-right:4px}.compact-preview .preview-stage{margin:auto}.editor-grid.single-pane{display:block}}@media (max-width:640px){.build-outline-header{align-items:center}.build-outline-header .primary-button{min-width:44px}.outline-block-row .block-toolbar{grid-template-columns:32px minmax(0,1fr) auto}.outline-validation{grid-column:3}.compact-catalog{grid-template-columns:1fr}.inspector-stack{padding:14px}.add-category-tabs{margin-inline:-2px}.outline-object-row{grid-template-columns:32px minmax(0,1fr) auto}}.brand-overview{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f8f7ff);border-radius:16px;padding:18px 20px}.brand-overview h2{margin:3px 0 6px;font-size:22px}.brand-overview>p:last-of-type{color:var(--muted);margin:0;line-height:1.55}.brand-hierarchy{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.brand-hierarchy span{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:6px 9px;font-size:10px;font-weight:850}.design-section[data-brand-group] summary>span:before{color:#6f678c;vertical-align:1px;background:#f1f0f7;border-radius:999px;margin-right:8px;padding:2px 6px;font-size:9px;font-weight:900;display:inline-block}.design-section[data-brand-group=foundation] summary>span:before{content:"พื้นฐาน"}.design-section[data-brand-group=surface] summary>span:before{content:"พื้นผิว"}.design-section[data-brand-group=identity] summary>span:before{content:"ตัวตน"}.design-section[data-brand-group=components] summary>span:before{content:"องค์ประกอบ"}.launch-section-heading{padding:4px 2px}.launch-section-heading h2{margin:3px 0 5px;font-size:20px}.launch-section-heading>p:last-child{color:var(--muted);margin:0;font-size:12px}.launch-seo-section{gap:9px;display:grid}.conflict-recovery-card{background:#fff7f8;border-color:#efb1bb}.conflict-recovery-card h2,.recovery-draft-card h2{margin:3px 0 8px;font-size:20px}.conflict-recovery-card>p:not(.eyebrow),.recovery-draft-card>p:not(.eyebrow){color:var(--muted);line-height:1.55}.recovery-draft-card{background:#faf9ff;border-color:#cfc8ff}.launch-tools-card .launch-actions>a,.launch-tools-card .launch-actions>button{min-height:44px}.launch-seo-section .seo-card{margin:0}@media (max-width:800px){.mobile-nav a{flex:1;min-width:0}.brand-overview{padding:15px}.brand-hierarchy{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.brand-hierarchy span{text-align:center}.conflict-recovery-card .primary-button,.recovery-draft-card .primary-button{width:100%;min-height:44px}}.more-menu{gap:12px;display:grid}.more-menu>a{color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.more-menu>a>span{gap:3px;display:grid}.more-menu small{color:var(--muted)}@media (max-width:800px){.mobile-nav{justify-content:stretch}.mobile-nav a{flex:1;min-width:0}}.gallery-open{border-radius:inherit;cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;overflow:hidden}.gallery-open:disabled{cursor:default}.gallery-open:focus-visible,.public-link:focus-visible,.socials a:focus-visible,.banner-control:focus-visible{outline:3px solid var(--brand)}@supports (color:color-mix(in lab, red, red)){.gallery-open:focus-visible,.public-link:focus-visible,.socials a:focus-visible,.banner-control:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 75%,white)}}.gallery-open:focus-visible,.public-link:focus-visible,.socials a:focus-visible,.banner-control:focus-visible{outline-offset:3px}.gallery-lightbox-backdrop{z-index:100;background:#08090de8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.gallery-lightbox{outline:0;place-items:center;max-width:min(1080px,96vw);max-height:94vh;display:grid;position:relative}.gallery-lightbox>img{object-fit:contain;border-radius:12px;max-width:100%;max-height:82vh;display:block}.gallery-lightbox>p{color:#fff;text-align:center;margin:10px 48px 0}.gallery-lightbox-close,.gallery-lightbox-nav{color:#fff;background:#11131dcc;border:0;border-radius:999px;place-items:center;width:44px;height:44px;display:grid;position:absolute}.gallery-lightbox-close{top:8px;right:8px}.gallery-lightbox-nav.previous{top:50%;left:8px;transform:translateY(-50%)}.gallery-lightbox-nav.next{top:50%;right:8px;transform:translateY(-50%)}.gallery-lightbox-count{color:#fff;background:#11131dcc;border-radius:999px;padding:5px 8px;font-size:12px;position:absolute;bottom:8px;right:10px}.link-lock small{color:var(--muted);margin:-2px 0 10px;line-height:1.45;display:block}.public-blocks>*{scroll-margin-top:18px}.media-upload-field{border:1px solid var(--line);background:#fafafd;border-radius:12px;gap:9px;padding:12px;display:grid}.media-upload-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.media-upload-heading strong{font-size:13px}.media-upload-heading span{color:var(--muted);font-size:10px}.media-upload-preview{gap:6px;display:grid;position:relative}.media-upload-preview video{background:#08090d;border-radius:10px;width:100%;max-height:220px}.media-upload-preview audio{width:100%}.media-upload-preview .icon-button{background:#fff;position:absolute;top:6px;right:6px}.profile-cover video,.avatar video{object-fit:cover;width:100%;height:100%}.profile-motion-media{display:block}@media (prefers-reduced-motion:reduce){.profile-motion-media{animation:none!important}}.analytics-block-shell{min-width:0}.analytics-v1-page{max-width:1500px;margin:0 auto}.analytics-v1-heading{margin-bottom:18px}.analytics-v1-boundary{color:#4d47a8;background:linear-gradient(135deg,#f5f3ff,#fbfbff);border:1px solid #dcd9ff;border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.analytics-v1-boundary div{gap:2px;display:grid}.analytics-v1-boundary span{color:#6e6a91;font-size:12px}.analytics-range-error{color:#9d2037;background:#fff7f8;border:1px solid #f0bdc5;border-radius:12px;gap:3px;margin-bottom:16px;padding:12px 14px;display:grid}.analytics-range-error span{font-size:12px;line-height:1.5}.analytics-v1-filter{border:1px solid var(--line);background:#fff;border-radius:16px;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:18px;padding:14px;display:flex}.analytics-v1-filter label{color:var(--muted);gap:5px;min-width:145px;font-size:11px;font-weight:700;display:grid}.analytics-v1-filter label small{font-size:9px;font-weight:500}.analytics-v1-filter select,.analytics-v1-filter input{min-height:40px;padding:8px 10px}.analytics-v1-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.analytics-v1-metric{min-width:0}.analytics-v1-metric .metric-label{align-items:center;gap:6px;display:flex}.analytics-v1-metric .metric-label svg{width:15px}.analytics-v1-metric strong{font-size:29px}.analytics-v1-metric small{line-height:1.35}.analytics-v1-card{margin-top:16px}.analytics-v1-title{margin-bottom:16px}.analytics-v1-grid{gap:16px;display:grid}.analytics-v1-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-series-tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.analytics-series-tabs button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.analytics-series-tabs button.active{border-color:var(--brand);color:var(--brand);background:#f2f0ff}.analytics-chart-tooltip{background:#f7f7fa;border-radius:10px;flex-wrap:wrap;gap:12px;padding:8px 10px;font-size:12px;display:flex}.analytics-v1-table{display:grid;overflow:auto}.analytics-v1-row{border-top:1px solid #eff0f4;grid-template-columns:minmax(180px,1.7fr) repeat(4,minmax(64px,.55fr));align-items:center;gap:10px;min-width:560px;padding:10px 0;font-size:12px;display:grid}.analytics-v1-row.head{color:var(--muted);text-transform:uppercase;border-top:0;font-size:10px;font-weight:750}.analytics-v1-row.compact{grid-template-columns:minmax(180px,1.8fr) repeat(3,minmax(64px,.6fr))}.analytics-v1-row span:first-child{gap:2px;display:grid}.analytics-v1-row small{color:var(--muted)}.analytics-audience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.audience-dimension{background:#fbfbfd;border:1px solid #ececf1;border-radius:13px;padding:13px}.audience-dimension h3{margin-bottom:10px;font-size:13px}.dimension-row{grid-template-columns:minmax(90px,1fr) minmax(60px,1.4fr) auto;align-items:center;gap:8px;padding:6px 0;font-size:11px;display:grid}.dimension-row>div:first-child{display:grid}.dimension-row small{color:var(--muted);font-size:9px}.dimension-track{background:#ececf3;border-radius:99px;height:6px;overflow:hidden}.dimension-track i{background:var(--brand);border-radius:inherit;height:100%;display:block}.new-returning{gap:12px;margin-top:14px;display:flex}.new-returning span{color:var(--muted);background:#f5f4ff;border-radius:12px;flex:1;gap:2px;padding:13px;font-size:11px;display:grid}.new-returning strong{color:var(--ink);font-size:22px}.analytics-heatmap{overflow:auto}.heat-hours,.heat-row{grid-template-columns:34px repeat(24,minmax(20px,1fr));align-items:center;gap:3px;min-width:700px;display:grid}.heat-hours span{color:var(--muted);text-align:center;font-size:9px}.heat-row{margin-top:3px}.heat-row>b{color:var(--muted);font-size:10px}.heat-cell{background:var(--brand);opacity:.12;border-radius:5px;height:22px}.analytics-funnel{gap:12px;display:grid}.funnel-stage>div{grid-template-columns:28px minmax(150px,1fr) auto 48px;align-items:center;gap:8px;font-size:12px;display:grid}.funnel-stage>div>span{width:25px;height:25px;color:var(--brand);background:#f0efff;border-radius:8px;place-items:center;font-weight:800;display:grid}.funnel-stage small{color:var(--muted);text-align:right}.funnel-stage>i{background:linear-gradient(90deg,var(--brand),#aaa5ff);border-radius:99px;height:7px;margin:6px 0 0 36px;display:block}.quality-panel{grid-template-columns:110px 1fr;gap:14px;display:grid}.quality-score{color:var(--brand);background:#f2f0ff;border-radius:16px;align-content:center;place-items:center;display:grid}.quality-score strong{font-size:29px}.quality-score span{font-size:10px;font-weight:700}.quality-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.quality-grid span{background:#f8f8fa;border-radius:10px;padding:9px;display:grid}.quality-grid small{color:var(--muted);font-size:9px}.quality-grid b{font-size:17px}.quality-unknown{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.quality-unknown span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 9px;font-size:10px}@media (max-width:1250px){.analytics-v1-kpis{grid-template-columns:repeat(3,1fr)}.analytics-audience-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.analytics-v1-kpis{grid-template-columns:repeat(2,1fr)}.analytics-v1-grid.two,.analytics-audience-grid{grid-template-columns:1fr}.analytics-v1-filter label{flex:1;min-width:calc(50% - 8px)}.analytics-v1-filter .secondary-button{justify-content:center;width:100%}.quality-panel{grid-template-columns:1fr}.quality-score{min-height:90px}.quality-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.analytics-v1-kpis{grid-template-columns:1fr 1fr}.analytics-v1-metric strong{font-size:24px}.analytics-v1-filter label{min-width:100%}.new-returning{display:grid}.funnel-stage>div{grid-template-columns:28px 1fr auto}.funnel-stage small{display:none}.quality-grid{grid-template-columns:1fr 1fr}}.analytics-v1-page{grid-template-columns:minmax(0,1fr)}.analytics-v1-card,.analytics-v1-grid{min-width:0}.public-page .public-inner h1{font-size:var(--bio-profile-title-size,28px)}.public-page .public-bio{font-size:var(--bio-bio-size,14px)}.public-page .public-blocks h2{font-size:var(--bio-heading-size,18px)}.public-page .text-block{font-size:var(--bio-text-size,15px)}.public-page .public-link{font-size:var(--bio-link-size,14px)}.public-page .bio-footer{font-size:var(--bio-footer-size,12px)}.typography-size-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}@container (max-width:520px){.typography-size-grid{grid-template-columns:1fr}}.outline-menu-button{flex:none;margin-left:0}.outline-block-row .block-actions-menu{background:0 0;border-top:1px solid #eff0f4;border-radius:0;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch;align-items:stretch;gap:7px;width:100%;margin:7px 0 0;padding:9px 0 0;display:grid}.block-actions-menu>button{gap:5px;width:100%;min-width:0;min-height:44px;padding:0 8px;font-size:12px}.block-actions-menu .block-delete-action{color:var(--danger);background:#fff8f9;border-color:#f2cbd2}.block-actions-menu .block-delete-action:hover{background:#fff0f2}.legacy-field-notice{color:#6b5410;background:#fff9df;border:1px solid #e4d7a7;border-radius:10px;margin:0;padding:10px 12px;font-size:12px;line-height:1.5}.cover-mode-picker{margin-top:8px}@media (max-width:600px){.outline-block-row .block-actions-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.block-actions-menu>button{min-height:44px}.outline-block-row .block-toolbar{grid-template-columns:36px minmax(0,1fr) 44px}.block-select-button .block-summary{font-size:10.5px}}.bio-banner{height:auto;min-height:0}.banner-slide{height:100%;position:absolute;inset:0}.banner-slide>img,.banner-image-link,.banner-image-link>img{width:100%;height:100%;display:block}.banner-image-link{position:absolute;inset:0}.banner-media-frame{background:currentColor;border-radius:16px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.banner-media-frame{background:color-mix(in srgb,currentColor 6%,transparent)}}.banner-media-frame>a,.banner-media-frame>img,.banner-media-frame a>img{width:100%;height:100%;display:block;position:relative}.banner-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.banner-grid figure{min-width:0}.banner-scrim{pointer-events:none}.banner-scrim>div{gap:4px;display:grid}.banner-dots{gap:4px}.banner-dots button{background-clip:content-box;width:24px;height:24px;padding:8px}.banner-dots button[aria-current=true]{background-clip:content-box;width:32px;height:24px;padding:8px 6px}.bio-banner{touch-action:pan-y}.video-placeholder{color:#fff9;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.legacy-social-icon{grid-template-columns:44px 1fr;align-items:center;gap:10px;display:grid}.legacy-social-icon .secondary-button{grid-column:1/-1}.legacy-social-icon-preview{background:50%/cover no-repeat;border-radius:50%;width:44px;height:44px}.public-blocks hr.divider-double{opacity:.35;border-top:3px double}.public-blocks hr.divider-fade{opacity:.4;background:linear-gradient(90deg,#0000,currentColor,#0000);border:0;height:1px}.public-blocks hr.divider-sparkle{opacity:.5;background:radial-gradient(circle,currentColor 1.5px,#0000 2px) 50%/18px 10px repeat-x;border:0;height:10px}.page-card-visual{background:#edeef4;height:430px;padding:16px;display:block;position:relative;overflow:hidden}.page-card-visual .page-card-mini-preview{width:100%;height:100%;overflow:hidden}.page-card-mini-preview .preview-stage{width:100%;height:100%;margin:0;overflow:hidden}.page-card-mini-preview .device-preview{pointer-events:none;position:absolute;box-shadow:0 18px 44px #11182724}.page-cards{grid-template-columns:repeat(4,minmax(240px,1fr))}@media (max-width:1200px){.page-cards{grid-template-columns:repeat(3,minmax(240px,1fr))}}@media (max-width:1100px){.page-cards{grid-template-columns:repeat(2,minmax(240px,1fr))}}@media (max-width:600px){.page-cards{grid-template-columns:1fr}.page-card-visual{height:520px}}.build-outline{container-type:inline-size}.build-outline-header .primary-button{white-space:nowrap;flex:none}.add-block-panel.add-surface{background:#fbfbfd;gap:14px;padding:16px}.add-surface .paste-bar{align-items:stretch}.add-surface .paste-bar input{min-height:46px}.add-surface .paste-bar .primary-button{white-space:nowrap;min-height:46px}.add-category-tabs{flex-wrap:wrap;overflow:visible}.add-category-tabs button{min-height:38px;padding-inline:12px}.add-category-tabs button:focus-visible,.compact-catalog button:focus-visible,.block-inspector .sub-settings>summary:focus-visible{outline-offset:2px;outline:3px solid #635bff2e}.compact-catalog{grid-template-columns:1fr;gap:4px}.compact-catalog button{text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:38px minmax(0,1fr) 20px;place-items:center stretch;gap:10px;min-height:66px;padding:9px 10px}.compact-catalog button:hover{background:var(--brand-soft);color:var(--ink);border-color:#0000}.compact-catalog button:hover .catalog-icon,.compact-catalog button:hover .catalog-add-icon{color:var(--brand)}.catalog-icon{width:38px;height:38px;color:var(--brand);background:#f0efff;border-radius:10px;place-items:center;display:grid}.catalog-copy{gap:2px;min-width:0;display:grid}.catalog-copy strong{font-size:13px;line-height:1.35}.catalog-copy small{color:var(--muted);font-size:10px;line-height:1.4}.catalog-add-icon{color:#8b91a1;justify-self:end}@container (min-width:520px){.compact-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}}.block-inspector .sub-settings{padding-top:0}.block-inspector .sub-settings>summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:10px 4px;list-style:none;display:grid}.block-inspector .sub-settings>summary::-webkit-details-marker{display:none}.block-inspector .sub-settings[data-inspector-group]>summary:before{content:none}.settings-summary-copy{gap:3px;min-width:0;display:grid}.settings-summary-copy strong{color:var(--ink);font-size:14px;line-height:1.35}.settings-summary-copy small{color:var(--muted);font-size:11px;font-weight:500;line-height:1.45}.settings-summary-chevron{color:#8b91a1;transition:transform .18s,color .18s}.block-inspector .sub-settings[open]>summary .settings-summary-chevron{color:var(--brand);transform:rotate(180deg)}.block-inspector .sub-settings[open]>summary .settings-summary-copy strong{color:var(--brand-dark)}.block-inspector .sub-settings>.details-body{background:#f7f7fa;border-radius:12px;margin:0 0 10px;padding:15px}@media (max-width:520px){.add-surface .paste-bar{grid-template-columns:1fr;display:grid}.add-surface .paste-bar .primary-button{width:100%}.block-inspector .sub-settings>summary{min-height:72px}}.theme-atmosphere{z-index:0;pointer-events:none;color:currentColor;position:absolute;inset:0;overflow:hidden}.theme-atmosphere>svg{fill:none;stroke:currentColor;stroke-width:.55px;vector-effect:non-scaling-stroke;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.theme-particles{display:block;position:absolute;inset:0}.theme-particles>i{left:var(--particle-x);transform:scale(var(--particle-scale));will-change:transform;display:block;position:absolute;top:-8%;animation-delay:var(--particle-delay)!important}.theme-atmosphere-luxury-gold{color:#e9bd55}.theme-atmosphere-minimal-business{color:#1d1d1f}.theme-atmosphere-neon-creator{color:#67e8f9}.theme-atmosphere-songkran{color:#fff}.theme-atmosphere-loy-krathong{color:#ffd166}.theme-atmosphere-new-year{color:#f8d568}.theme-atmosphere-lunar-new-year{color:#ffd166}.theme-atmosphere-christmas{color:#f6d365}.theme-atmosphere-valentine{color:#c9184a}.public-page.theme-preset-luxury-gold .theme-atmosphere{color:#e9bd55;opacity:.42}.public-page.theme-preset-luxury-gold .theme-atmosphere>svg{filter:drop-shadow(0 6px 18px #c69b3c55)}.public-page.theme-preset-minimal-business .theme-atmosphere{color:#1d1d1f;opacity:.14}.public-page.theme-preset-neon-creator .theme-atmosphere{color:#67e8f9;opacity:.55;mix-blend-mode:screen}.public-page.theme-preset-neon-creator .theme-atmosphere>svg{filter:drop-shadow(0 0 9px #67e8f9)}.theme-neon-particles>i{width:3px;height:3px;animation:theme-neon-float calc(7s+var(--particle-index) * .2s) ease-in-out infinite alternate;background:#fff;border-radius:50%;box-shadow:0 0 10px #67e8f9}.public-page.theme-preset-songkran .theme-atmosphere{color:#e9fbff;opacity:.72}.theme-water-drops>i{opacity:.55;width:7px;height:10px;animation:theme-water-rise calc(8s+var(--particle-index) * .28s) ease-in-out infinite;border:1px solid #fff;border-radius:55% 45% 58% 42%}.public-page.theme-preset-loy-krathong .theme-atmosphere{color:#ffd166;opacity:.5}.public-page.theme-preset-loy-krathong .theme-atmosphere>svg{filter:drop-shadow(0 0 8px #ffd16666)}.public-page.theme-preset-new-year .theme-atmosphere{color:#f8d568;opacity:.64}.theme-confetti>i{width:3px;height:9px;animation:theme-confetti-fall calc(7s+var(--particle-index) * .18s) linear infinite;background:#f8d568;border-radius:2px}.theme-confetti>i:nth-child(3n+2){background:#fff}.theme-confetti>i:nth-child(3n){background:#7dd3fc}.public-page.theme-preset-lunar-new-year .theme-atmosphere{color:#ffd166;opacity:.56}.public-page.theme-preset-lunar-new-year .theme-atmosphere>svg{fill:#7d0913;fill-opacity:.35;filter:drop-shadow(0 5px 12px #2d000088)}.public-page.theme-preset-christmas .theme-atmosphere{color:#f6d365;opacity:.78}.public-page.theme-preset-christmas .theme-atmosphere>svg{filter:drop-shadow(0 4px 8px #0005)}.theme-snowfall>i{opacity:.82;width:5px;height:5px;animation:theme-snow-fall calc(8s+var(--particle-index) * .25s) linear infinite;background:#fff;border-radius:50%;box-shadow:0 0 7px #fff8}.theme-snowfall>i:nth-child(4n){filter:blur(.3px);width:8px;height:8px}.public-page.theme-preset-valentine .theme-atmosphere{color:#c9184a;opacity:.34}.theme-heart-dust>i{width:5px;height:5px;animation:theme-heart-drift calc(8s+var(--particle-index) * .3s) ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 0 10px #c9184a66}.preset-visual{isolation:isolate;position:relative;overflow:hidden}.preset-visual>.theme-atmosphere{z-index:0;mix-blend-mode:normal;opacity:.72!important}.preset-visual>.preset-button-swatch{z-index:1;margin:auto;position:relative;box-shadow:0 5px 12px #0003}.preset-visual .theme-atmosphere>svg{stroke-width:1.15px}.preset-visual .theme-particles>i{width:3px;height:3px;margin:0}.preset-grid button:hover .preset-visual>.theme-atmosphere,.preset-grid button:focus-visible .preset-visual>.theme-atmosphere{opacity:1!important}.preset-grid button.selected .preset-visual{box-shadow:inset 0 0 0 2px #ffffffb8}@keyframes theme-neon-float{to{transform:translate3d(8px,82vh,0) scale(calc(var(--particle-scale) * 1.35));opacity:.2}}@keyframes theme-water-rise{0%{transform:translateY(105vh) scale(var(--particle-scale));opacity:0}35%{opacity:.6}to{transform:translate3d(14px,-14vh,0) scale(var(--particle-scale));opacity:0}}@keyframes theme-confetti-fall{to{transform:translate3d(18px,112vh,0) rotate(540deg) scale(var(--particle-scale))}}@keyframes theme-snow-fall{to{transform:translate3d(18px,112vh,0) rotate(180deg) scale(var(--particle-scale))}}@keyframes theme-heart-drift{0%{transform:translateY(104vh) scale(var(--particle-scale));opacity:0}30%{opacity:.65}to{transform:translate3d(-14px,-12vh,0) scale(var(--particle-scale));opacity:0}}@media (prefers-reduced-motion:reduce){.theme-particles>i{animation:none!important}.theme-particles>i:nth-child(-n+7){top:calc(12%+var(--particle-index) * 11%)}.theme-particles>i:nth-child(n+8){display:none}}.global-colors{grid-template-columns:1fr;gap:10px}.color-field{border:0;gap:0;min-width:0;margin:0;padding:0;display:grid}.color-field-toggle{border:1px solid var(--line);width:100%;min-height:68px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:13px;grid-template-columns:40px minmax(0,1fr) auto 20px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .16s,box-shadow .16s,background .16s;display:grid}.color-field-toggle:hover{background:#fcfcfe;border-color:#b8bcc9}.color-field-toggle:focus-visible{outline:3px solid var(--brand)}@supports (color:color-mix(in lab, red, red)){.color-field-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 28%,transparent)}}.color-field-toggle:focus-visible{outline-offset:2px}.color-field.is-open .color-field-toggle{border-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.color-field.is-open .color-field-toggle{border-color:color-mix(in srgb,var(--brand) 60%,var(--line))}}.color-field.is-open .color-field-toggle{background:#fbfaff;border-radius:13px 13px 0 0}.color-current-swatch{border:3px solid #fff;border-radius:11px;width:40px;height:40px;box-shadow:0 0 0 1px #c9ccd6,0 2px 7px #16182a1a}.color-field-copy{gap:2px;min-width:0;display:grid}.color-field-copy strong{font-size:13px;line-height:1.25}.color-field-copy small{color:var(--muted);white-space:normal;font-size:11px;line-height:1.35}.color-field-toggle code{color:#505668;font-family:var(--font-geist-mono),monospace;background:#f1f2f6;border-radius:7px;padding:4px 7px;font-size:11px}.color-field-chevron{color:var(--muted);transition:transform .18s}.color-field.is-open .color-field-chevron{transform:rotate(180deg)}.color-field-controls{border:1px solid var(--brand);gap:12px;padding:13px;display:grid}@supports (color:color-mix(in lab, red, red)){.color-field-controls{border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line))}}.color-field-controls{background:#f8f8fb;border-top:0;border-radius:0 0 13px 13px}.color-field-controls[hidden]{display:none}.color-field-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:9px;min-width:0;display:grid}.color-picker,.hex-input{width:auto;min-width:0;height:auto;box-shadow:none;cursor:default;background:0 0;border:0;border-radius:0;gap:5px;display:grid;overflow:visible}.color-picker>span,.hex-input>span{pointer-events:auto;color:var(--muted);font-size:10px;font-weight:700;position:static;transform:none}.color-picker input{opacity:1;cursor:pointer;background:#fff;border:1px solid #cfd2dc;border-radius:10px;width:100%;min-width:0;height:44px;padding:3px}.color-picker input::-webkit-color-swatch-wrapper{padding:2px}.color-picker input::-webkit-color-swatch{border:0;border-radius:6px}.hex-input input{width:100%;min-width:0;height:44px;font-family:var(--font-geist-mono),monospace;text-transform:uppercase;padding:0 10px;font-size:12px}.color-reset{border:1px solid var(--line);width:100%;height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;grid-column:1/-1;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-weight:700;display:inline-flex}.color-reset:hover{background:#f2f3f7;border-color:#b8bcc9}.color-swatches{grid-template-columns:repeat(4,minmax(36px,1fr));gap:7px;display:grid}.color-swatches button{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:10px;width:100%;height:44px;padding:5px;box-shadow:inset 0 0 0 1px #d5d7df}.color-swatches button span{border-radius:6px;width:100%;height:100%;display:block}.color-swatches button[aria-pressed=true]{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand)}@supports (color:color-mix(in lab, red, red)){.color-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 18%,transparent)}}@media (max-width:640px){.color-field-toggle{grid-template-columns:40px minmax(0,1fr) 20px}.color-field-toggle code{grid-column:2;justify-self:start}.color-field-chevron{grid-area:1/3/3}.color-field-main{grid-template-columns:1fr 1fr}.color-reset{grid-column:1/-1}.color-swatches{grid-template-columns:repeat(4,1fr)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}