/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-border-style:solid;--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-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;--orbit-angle:0deg}::backdrop{--tw-border-style:solid;--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-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;--orbit-angle:0deg}}}@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;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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{.visible{visibility:visible}.relative{position:relative}.block{display:block}.grid{display:grid}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.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)}.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,)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#08090a;--shell:#0d0e0f;--panel:#111214;--raised:#17181a;--line:#ffffff14;--text:#f4f4f5;--muted:#85878d;--accent:#e26370;--accent-bright:#f17b86;--accent-rgb:226, 99, 112;--success:#83d4aa}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;background:#000;margin:0;font-family:DM Sans,sans-serif}body{overflow-x:hidden}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.editor-shell{background:radial-gradient(circle at 50% 54%, rgba(var(--accent-rgb), .14), transparent 33%), var(--shell);grid-template-rows:78px minmax(0,1fr) 82px;width:min(100%,560px);min-height:100dvh;margin:0 auto;display:grid;position:relative;box-shadow:0 0 80px #ffffff08}.editor-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--text);background:#0d0e0ff0;justify-content:space-between;align-items:center;padding:0 30px;display:flex;position:relative}.editor-header__identity,.editor-header__actions,.brand,.save-status{align-items:center;display:flex}.brand{color:var(--text);gap:13px;text-decoration:none}.brand__mark{background:#202124;border:1px solid #ffffff21;border-radius:13px;grid-template-columns:1fr 1fr;place-items:center;width:44px;height:44px;font-family:Manrope,sans-serif;font-size:9px;font-weight:700;display:grid;overflow:hidden}.brand__mark span{place-items:center;width:100%;height:100%;display:grid}.brand__mark span:first-child{background:var(--accent);color:#1a090b}.brand__name{letter-spacing:.13em;font-family:Manrope,sans-serif;font-size:14px;font-weight:700}.save-status{color:#777980;gap:9px;font-size:10px;line-height:1.2}.save-status>span{background:var(--success);border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #83d4aacc}.save-status.is-saving>span{background:var(--accent)}.editor-header__identity,.editor-header__actions{z-index:1;opacity:1;visibility:visible;position:relative}.editor-header .add-button{display:none}.workspace{min-height:0;position:relative;overflow:hidden}.workspace__meta[hidden]{display:none}.device-stage{background-color:#0000;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;overflow:hidden}.device-stage:after{background:rgba(var(--accent-rgb), .16);filter:blur(58px);content:"";border-radius:50%;width:430px;height:560px;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)}.device-scaler{z-index:2;transform-origin:50%;zoom:var(--device-scale,.66);width:396px;height:804px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.device-frame{background:linear-gradient(150deg,#303236,#0d0e0f 46%,#2c2e31);border:1px solid #4a4b4f;border-radius:54px;width:396px;height:804px;padding:13px;position:relative;box-shadow:0 35px 70px #000000a6,inset 0 0 0 2px #08090a,inset 0 0 0 4px #ffffff0a}.device-frame:before{content:"";pointer-events:none;border:1px solid #ffffff21;border-radius:47px;position:absolute;inset:7px}.device-screen{background:#0c0d0e;border-radius:41px;width:370px;height:778px;position:relative;overflow:hidden}.device-speaker{z-index:10;background:#030304;border-radius:999px;width:94px;height:26px;position:absolute;top:23px;left:50%;transform:translate(-50%)}.device-speaker:after{content:"";background:#12202a;border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:13px;box-shadow:inset 0 0 0 2px #070a0d}.device-statusbar{z-index:8;color:#e7e7e8;pointer-events:none;justify-content:space-between;align-items:center;width:100%;height:38px;padding:0 28px;font-family:Manrope,sans-serif;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;left:0}.device-statusbar>div{gap:5px;display:flex}.device-statusbar svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:14px}.canvas-toolbar{z-index:9;top:var(--toolbar-top,48px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#161719eb;border:1px solid #ffffff13;border-radius:12px;grid-template-columns:38px repeat(5,1fr);height:59px;transition:top .18s;display:grid;position:absolute;left:16px;right:16px;overflow:hidden;box-shadow:0 13px 30px #00000052}.canvas-toolbar[hidden]{display:none}.canvas-toolbar button{color:#8a8c91;cursor:pointer;background:0 0;border:0;border-right:1px solid #ffffff0e;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;padding:0;font-size:7px;display:flex}.canvas-toolbar button:last-child{border-right:0}.canvas-toolbar button:hover{color:#d8d9db;background:#ffffff09}.canvas-toolbar button.is-active{color:var(--accent-bright);background:rgba(var(--accent-rgb), .08);box-shadow:inset 0 -2px var(--accent)}.canvas-toolbar svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:16px;height:16px}.preview-canvas{touch-action:none;-webkit-user-select:none;user-select:none;background-color:#0d0e0f;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;outline:0;width:360px;height:720px;position:absolute;top:38px;left:5px;overflow:hidden}.preview-canvas:before{background:radial-gradient(circle at 50% 43%, rgba(var(--accent-rgb), .04), transparent 43%);content:"";pointer-events:none;position:absolute;inset:0}.canvas-empty{color:#5f6167;text-align:center;flex-direction:column;align-items:center;width:220px;display:flex;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.canvas-empty[hidden],.empty-layers[hidden]{display:none}.canvas-empty>span{border:1px dashed #36383c;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:14px;display:grid}.canvas-empty svg{stroke:#777980;stroke-width:1.5px;width:20px}.canvas-empty strong{color:#96989d;font-size:12px}.canvas-empty p{margin:7px 0 0;font-size:10px;line-height:1.5}.device-homebar{z-index:10;background:#eee;border-radius:99px;width:112px;height:4px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.layout-block{border:1px solid var(--block-border,#3c3e43);border-radius:var(--block-radius,16px);background:var(--block-color,#18191b);color:#c8c9cd;cursor:grab;touch-action:none;min-width:52px;min-height:52px;position:absolute}.layout-block.is-moving,.layout-block.is-resizing{cursor:grabbing;will-change:left, top, width, height}.layout-block.is-locked{cursor:not-allowed}.layout-logo{z-index:3;overflow:visible}.layout-logo__content{border-radius:inherit;color:#777980;letter-spacing:.16em;pointer-events:none;place-items:center;font-family:Manrope,sans-serif;font-size:11px;font-weight:700;display:grid;position:absolute;inset:0;overflow:hidden}.layout-logo__content img{object-fit:contain;width:100%;height:100%}.layout-logo.is-selected{z-index:5}.layout-background{z-index:0;cursor:default;border:0;overflow:hidden;border-radius:0!important}.layout-background .layout-block__label,.layout-background .layout-block__dimensions,.layout-background .resize-handle,.layout-background .block-actions,.layout-background.is-selected:before,.layout-background.is-selected:after{display:none}.layout-background.is-selected{outline-offset:-3px}.logo-animation-float .layout-logo__content{animation:2.8s ease-in-out infinite logo-float}.logo-animation-pulse .layout-logo__content{animation:2s ease-in-out infinite logo-pulse}.logo-animation-spin .layout-logo__content{animation:8s linear infinite logo-spin}.logo-animation-shimmer .layout-logo__content{animation:2.4s ease-in-out infinite logo-shimmer}@keyframes logo-float{50%{transform:translateY(-7px)}}@keyframes logo-pulse{50%{filter:brightness(1.18);transform:scale(1.07)}}@keyframes logo-spin{to{transform:rotate(360deg)}}@keyframes logo-shimmer{50%{filter:brightness(1.35) drop-shadow(0 0 10px var(--block-accent))}}.layout-block.is-selected{outline:1px solid var(--accent-bright);outline-offset:3px}.layout-block.style-solid{background:var(--block-color)}.layout-block.style-glass{background:linear-gradient(135deg, #ffffff17, transparent 45%), rgba(var(--block-color-rgb), .46);-webkit-backdrop-filter:blur(var(--block-blur)) saturate(1.3);backdrop-filter:blur(var(--block-blur)) saturate(1.3);border-color:#ffffff29;box-shadow:inset 0 1px #ffffff1a,0 18px 32px #0003}.layout-block.style-frosted{background:linear-gradient(145deg, #ffffff1f, rgba(var(--block-color-rgb), .76));-webkit-backdrop-filter:blur(var(--block-blur)) grayscale(.25);backdrop-filter:blur(var(--block-blur)) grayscale(.25);border-color:#ffffff1a}.layout-block.style-shadow{background:var(--block-color);box-shadow:0 22px 35px #00000080, 0 7px 16px rgba(var(--block-accent-rgb), .12)}.layout-block.style-neon{border-color:var(--block-accent);background:rgba(var(--block-color-rgb), .82);box-shadow:0 0 8px rgba(var(--block-accent-rgb), .8), 0 0 24px rgba(var(--block-accent-rgb), .42)}.layout-block.style-gradient{background:linear-gradient(135deg, var(--block-color), var(--block-secondary), var(--block-accent));box-shadow:0 18px 32px rgba(var(--block-accent-rgb), .2)}.layout-block.style-orbital{background:linear-gradient(var(--block-color), var(--block-color)) padding-box, conic-gradient(from var(--orbit-angle), transparent 0 18%, var(--block-accent) 28%, transparent 40% 68%, var(--block-accent) 78%, transparent 90%) border-box;box-shadow:0 0 22px rgba(var(--block-accent-rgb), .2);border-color:#0000;animation:3.2s linear infinite orbit-border}.layout-block.style-aura{border-color:var(--block-accent);background:radial-gradient(circle, rgba(var(--block-accent-rgb), .28), var(--block-color) 68%);box-shadow:0 0 18px rgba(var(--block-accent-rgb), .5), 0 0 42px rgba(var(--block-accent-rgb), .22)}.layout-block.style-metallic{background:linear-gradient(145deg, #f0f0f1 0%, #777a80 22%, var(--block-color) 48%, #a8abb0 72%, #303238 100%);border-color:#ffffff4d;box-shadow:inset 0 1px #ffffff73,0 12px 28px #0006}.layout-block.style-holographic{background:conic-gradient(from 210deg, var(--block-color), #6fd3ff, var(--block-accent), #b68cff, var(--block-color));box-shadow:0 0 25px rgba(var(--block-accent-rgb), .28);border-color:#ffffff4d}@property --orbit-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes orbit-border{to{--orbit-angle:360deg}}.layout-block__label{pointer-events:none;align-items:center;gap:7px;font-size:10px;font-weight:600;display:flex;position:absolute;top:13px;left:14px}.layout-block__label:before{background:var(--block-accent);width:6px;height:6px;box-shadow:0 0 8px rgba(var(--block-accent-rgb), .5);content:"";border-radius:50%}.layout-block__dimensions{color:#777980;pointer-events:none;font-family:Manrope,sans-serif;font-size:8px;position:absolute;bottom:10px;right:11px}.resize-handle{z-index:4;background:var(--accent-bright);cursor:nwse-resize;border:2px solid #0d0e0f;border-radius:4px;width:14px;height:14px;display:none;position:absolute;bottom:-7px;right:-7px}.layout-block.is-selected:not(.is-locked) .resize-handle{display:block}.layout-block.is-selected:before,.layout-block.is-selected:after{background:var(--accent-bright);content:"";border:2px solid #0d0e0f;border-radius:4px;width:14px;height:14px;position:absolute;top:-7px}.layout-block.is-selected:before{left:-7px}.layout-block.is-selected:after{right:-7px}.block-actions{z-index:18;border:1px solid var(--line);touch-action:manipulation;background:#121314f5;border-radius:12px;grid-template-columns:repeat(3,1fr);width:290px;height:58px;display:grid;position:fixed;top:auto;bottom:94px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 32px #0000006b}.block-actions button{border:0;border-right:1px solid var(--line);color:#a0a2a7;cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;font-size:8px;display:flex}.block-actions button:last-child{border-right:0}.block-actions button[data-action=delete]{color:var(--accent-bright)}.block-actions svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:16px}.mobile-add-wrap{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0e0ff5;grid-template-columns:minmax(240px,592px);justify-content:center;gap:12px;padding:12px 30px 16px;display:grid}.add-button{cursor:pointer;color:#1a090b;background:linear-gradient(135deg,#eb6673,#de5b68);border:0;border-radius:12px;justify-content:center;align-items:center;gap:11px;min-height:54px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 13px 30px #bb37444d}.add-button svg{stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:18px}.editor-sidebar,.properties-panel{z-index:50;border:1px solid var(--line);opacity:0;pointer-events:none;background:#111214;border-radius:20px;width:min(340px,100vw - 32px);transition:opacity .2s,transform .26s cubic-bezier(.2,.75,.2,1);position:fixed;top:16px;bottom:16px;right:max(16px,50vw - 264px);overflow-y:auto;transform:translate(calc(100% + 30px));box-shadow:0 30px 70px #000000b3}.editor-sidebar{width:min(320px,100vw - 32px)}.properties-panel{border-radius:17px;width:min(306px,100vw - 28px);max-height:min(510px,100dvh - 112px);top:auto;bottom:88px;transform:translateY(calc(100% + 110px))}.properties-panel.is-open{transform:translateY(0)}.editor-sidebar.is-open,.properties-panel.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.editor-sidebar{border-radius:17px;height:auto;max-height:none;top:auto;bottom:88px;overflow:hidden;transform:translateY(calc(100% + 110px))}.editor-sidebar.is-open{transform:translateY(0)}.sidebar-heading,.properties-heading{z-index:3;border-bottom:1px solid var(--line);background:#111214;justify-content:space-between;align-items:center;min-height:70px;padding:0 20px;display:flex;position:sticky;top:0}.sidebar-heading span:first-child,.properties-heading span{color:#66686c;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700}.sidebar-heading strong,.properties-heading strong{margin-top:4px;font-size:13px;display:block}.properties-panel .properties-heading{min-height:56px;padding:0 15px}.properties-panel .properties-heading strong{font-size:11px}.sidebar-heading__actions{align-items:center;gap:8px;display:flex}.element-count{border:1px solid var(--line);color:#aaa;border-radius:8px;place-items:center;width:26px;height:26px;display:grid;font-size:10px!important}.panel-close{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);cursor:pointer;background:#17181a;border-radius:10px;place-items:center;display:grid}.panel-close svg{stroke:currentColor;stroke-width:1.8px;width:16px}.toolbox{border-bottom:1px solid var(--line);padding:15px 14px 5px}.toolbox__eyebrow{color:#686a70;letter-spacing:.1em;text-transform:uppercase;margin:0 0 9px;font-size:8px;font-weight:700}.toolbox__items{gap:7px;display:grid}.tool-card{border:1px solid var(--line);min-height:54px;color:var(--text);cursor:pointer;text-align:left;background:#151618;border-radius:11px;grid-template-columns:34px 1fr 16px;align-items:center;gap:10px;padding:0 11px;display:grid}.tool-card:hover{border-color:rgba(var(--accent-rgb), .35);background:rgba(var(--accent-rgb), .06)}.tool-card__icon{background:rgba(var(--accent-rgb), .09);width:32px;height:32px;color:var(--accent-bright);border-radius:9px;place-items:center;display:grid}.tool-card svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:16px}.tool-card>span:nth-child(2) strong,.tool-card>span:nth-child(2) small{display:block}.tool-card>span:nth-child(2) strong{font-size:10px;font-weight:600}.tool-card>span:nth-child(2) small{color:#707278;margin-top:2px;font-size:8px}.tool-card .tool-card__arrow{color:#56585d;width:13px}.logo-upload{cursor:pointer;background:#141517;border:1px dashed #393b40;border-radius:10px;align-items:center;gap:10px;min-height:48px;padding:0 10px;display:flex}.logo-upload input{opacity:0;width:1px;height:1px;position:absolute}.logo-upload svg{width:16px;stroke:var(--accent-bright);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;flex:none}.logo-upload strong,.logo-upload small{display:block}.logo-upload strong{color:#c6c7ca;font-size:9px}.logo-upload small{color:#686a70;margin-top:2px;font-size:7px}.compact-select{border:1px solid var(--line);color:#85878c;background:#141517;border-radius:9px;justify-content:space-between;align-items:center;min-height:39px;margin-top:9px;padding:0 9px;font-size:8px;display:flex}.compact-select select{color:#c5c6c9;background:0 0;border:0;outline:0;max-width:145px;font-size:8px}.logo-shapes{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px;display:grid}.logo-shapes button{border:1px solid var(--line);color:#787a80;background:#141517;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:47px;font-size:7px;display:flex}.logo-shapes button.is-active{border-color:rgba(var(--accent-rgb), .45);color:#e3e3e5}.shape-preview{background:#25272a;border:1px solid #65676d;width:18px;height:18px;display:block}.shape-preview.is-round{border-radius:50%}.shape-preview.is-square{border-radius:4px}.shape-preview.is-rectangle{border-radius:4px;width:25px;height:13px}.logo-recommendation{background:#141517;border-radius:9px;margin-top:9px;padding:10px}.logo-recommendation span,.logo-recommendation strong,.logo-recommendation small{display:block}.context-section{border:1px solid rgba(var(--accent-rgb), .16);background:rgba(var(--accent-rgb), .03);border-radius:12px;margin-top:12px;padding:12px}.context-section[hidden],.geometry-grid[hidden],.style-section[hidden],#background-colors-panel[hidden],#background-image-panel[hidden]{display:none}.animation-heading{margin-top:12px}.animation-options,.background-modes{gap:6px;display:grid}.animation-options{grid-template-columns:repeat(3,1fr)}.background-modes{grid-template-columns:1fr 1fr}.animation-options button,.background-modes button{border:1px solid var(--line);color:#777980;background:#141517;border-radius:8px;min-height:34px;font-size:7px}.animation-options button.is-active,.background-modes button.is-active{border-color:rgba(var(--accent-rgb), .46);background:rgba(var(--accent-rgb), .09);color:#ececee}.background-colors{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.background-colors label{border:1px solid var(--line);color:#777980;background:#141517;border-radius:8px;justify-content:space-between;align-items:center;min-height:36px;padding:0 8px;font-size:7px;display:flex}.background-colors label[hidden]{display:none}.background-colors input{background:0 0;border:1px solid #3b3d42;border-radius:6px;width:22px;height:22px;padding:1px}.logo-recommendation span{color:#72747a;text-transform:uppercase;font-size:7px}.logo-recommendation strong{color:var(--accent-bright);margin-top:3px;font-family:Manrope,sans-serif;font-size:12px}.logo-recommendation small{color:#62646a;margin-top:3px;font-size:7px;line-height:1.4}.properties-empty{color:#72747a;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:28px;display:flex}.properties-empty[hidden]{display:none}.properties-empty svg{stroke:currentColor;width:26px;margin-bottom:14px}.properties-empty p{max-width:220px;margin:0;font-size:10px;line-height:1.6}.properties-content{padding:13px}.properties-content[hidden]{display:none}.selected-kind{border:1px solid var(--line);background:#151618;border-radius:13px;align-items:center;gap:11px;padding:13px;display:flex}.selected-kind>span{background:rgba(var(--accent-rgb), .1);width:34px;height:34px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.selected-kind svg{stroke:currentColor;width:16px}.selected-kind small,.selected-kind strong{display:block}.selected-kind small{color:#66686d;text-transform:uppercase;font-size:8px}.selected-kind strong{margin-top:3px;font-size:11px}.geometry-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.geometry-grid>div{border:1px solid var(--line);background:#141517;border-radius:10px;justify-content:space-between;align-items:center;min-height:43px;padding:0 11px;display:flex}.geometry-grid span{color:var(--accent);font-size:9px;font-weight:700}.geometry-grid strong{color:#b4b5b9;font-size:9px}.style-section{border-top:1px solid var(--line);margin-top:13px;padding-top:12px}.control-heading{justify-content:space-between;margin-bottom:11px;display:flex}.control-heading span{color:#b5b7bc;font-size:10px;font-weight:600}.control-heading small{color:#66686d;font-size:8px}.style-presets{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.style-presets button{border:1px solid var(--line);color:#7c7e84;background:#141517;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:46px;font-size:8px;display:flex}.style-presets button.is-active{border-color:rgba(var(--accent-rgb), .5);background:rgba(var(--accent-rgb), .09);color:var(--text)}.style-presets button[hidden]{display:none}.preset-preview{background:#25272a;border:1px solid #414349;border-radius:5px;width:26px;height:15px}.preset-neon{border-color:var(--accent);box-shadow:0 0 6px var(--accent)}.preset-gradient{background:linear-gradient(135deg, #24262a, var(--accent));border:0}.preset-orbital{background:linear-gradient(#202124, #202124) padding-box, conic-gradient(transparent, var(--accent), transparent) border-box}.preset-aura{border-color:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb), .8)}.preset-metallic{background:linear-gradient(135deg,#d7d8da,#33353a 55%,#9da0a5)}.preset-holographic{background:conic-gradient(#6fd3ff, var(--accent), #b68cff, #6fd3ff);border:0}.color-controls{gap:7px;display:grid}.color-controls label,.color-input-wrap{justify-content:space-between;align-items:center;display:flex}.color-controls label{border:1px solid var(--line);color:#808289;background:#141517;border-radius:10px;min-height:42px;padding:0 10px;font-size:9px}.color-input-wrap{gap:8px}.color-input-wrap input{background:0 0;border:1px solid #3a3c40;border-radius:7px;width:24px;height:24px;padding:0}.color-input-wrap b{color:#bbbcc0;width:55px;font-size:8px}.range-control{margin-top:12px;display:block}.range-control>span{color:#808289;justify-content:space-between;font-size:9px;display:flex}.range-control input{width:100%;accent-color:var(--accent);margin-top:11px}.properties-note{border:1px solid rgba(var(--accent-rgb), .12);background:rgba(var(--accent-rgb), .04);border-radius:12px;padding:14px;display:none}.properties-note span{color:var(--accent);font-size:9px;font-weight:700}.properties-note p{color:#6d6f74;margin:7px 0 0;font-size:9px;line-height:1.5}.properties-backdrop:not([hidden]),.menu-backdrop:not([hidden]){z-index:45;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000ad;display:block;position:fixed;inset:0}.properties-backdrop[hidden],.menu-backdrop[hidden]{display:none}.toast{z-index:70;color:var(--success);opacity:0;pointer-events:none;background:#142019;border:1px solid #83d4aa33;border-radius:10px;padding:11px 14px;font-size:10px;transition:all .18s;position:fixed;bottom:92px;left:50%;transform:translate(-50%,10px)}.toast.is-visible{opacity:1;transform:translate(-50%)}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}@media (max-width:480px){.editor-shell{grid-template-rows:68px minmax(0,1fr) 76px}.editor-header{padding:0 18px}.brand__mark{width:38px;height:38px}.brand__name{font-size:12px}.save-status{max-width:72px;font-size:9px}.mobile-add-wrap{padding:10px 12px calc(12px + env(safe-area-inset-bottom));grid-template-columns:1fr}.add-button{min-height:50px;font-size:11px}}@media (min-width:768px){.editor-shell{width:100%;max-width:none;box-shadow:none;margin:0}.editor-header{padding-inline:clamp(28px,4vw,52px)}.mobile-add-wrap{grid-template-columns:minmax(420px,580px);justify-content:center;padding-inline:clamp(28px,5vw,64px)}.editor-sidebar,.properties-panel{right:16px}.device-stage:after{width:min(54vw,650px);height:min(68vh,720px)}}@media (min-width:1600px){.editor-header{padding-inline:64px}.mobile-add-wrap{grid-template-columns:610px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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-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}#root{min-height:100vh;min-height:100dvh}.moveable-control-box{z-index:14!important}.moveable-control-box .moveable-line{background:var(--accent-bright)!important;height:1px!important}.moveable-control-box .moveable-control{background:var(--accent-bright)!important;border:2px solid #0d0e0f!important;border-radius:4px!important;width:12px!important;height:12px!important;margin-top:-6px!important;margin-left:-6px!important}.moveable-control-box .moveable-guideline{background:rgba(var(--accent-rgb), .7)!important}.layout-block.is-selected:before,.layout-block.is-selected:after{display:none}.layout-block.is-selected{outline:none}.layout-background.is-selected{outline:1px solid rgba(var(--accent-rgb), .5);outline-offset:-2px}.project-tools-title{margin-top:17px}.project-tools{grid-template-columns:1fr 1fr;gap:7px;display:grid}.project-tools button,.project-tools label{border:1px solid var(--line);color:#9b9da2;cursor:pointer;background:#151618;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:8px;display:flex;position:relative}.project-tools svg{width:14px;stroke:var(--accent-bright)}.project-tools input{opacity:0;width:1px;height:1px;position:absolute}.schema-badge{border:1px solid rgba(var(--accent-rgb), .12);background:rgba(var(--accent-rgb), .04);color:#707278;border-radius:9px;grid-template-columns:18px 1fr auto;align-items:center;gap:7px;min-height:36px;margin-top:8px;padding:0 9px;font-size:7px;display:grid}.schema-badge svg{width:13px;stroke:var(--accent-bright)}.schema-badge strong{color:#b7b8bc;font-family:Manrope,sans-serif;font-size:7px}.reset-theme-button{border:1px solid rgba(var(--accent-rgb), .2);background:rgba(var(--accent-rgb), .055);width:100%;min-height:46px;color:var(--accent-bright);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:10px;margin-top:8px;padding:8px 11px;display:flex}.reset-theme-button svg{width:15px}.reset-theme-button span{gap:2px;display:grid}.reset-theme-button strong{font-size:8px}.reset-theme-button small{color:#777980;font-size:7px}.reset-dialog-layer{z-index:90;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.reset-dialog-backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#030405d1;border:0;position:absolute;inset:0}.reset-dialog{z-index:1;text-align:center;background:#131416;border:1px solid #313237;border-radius:20px;width:min(350px,100%);padding:25px;position:relative;box-shadow:0 30px 80px #000000b8}.reset-dialog-close{color:#888a90;cursor:pointer;background:#191a1c;border:1px solid #2d2e32;border-radius:9px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:12px;right:12px}.reset-dialog-close svg{width:14px}.reset-dialog-icon{border:1px solid rgba(var(--accent-rgb), .24);background:rgba(var(--accent-rgb), .09);width:48px;height:48px;color:var(--accent-bright);border-radius:15px;place-items:center;margin:0 auto 13px;display:grid}.reset-dialog-icon svg{width:21px}.reset-dialog>small{color:var(--accent-bright);letter-spacing:.13em;text-transform:uppercase;font-size:8px;font-weight:700}.reset-dialog h2{color:#f0f0f2;margin:7px 0 0;font-family:Manrope,sans-serif;font-size:18px}.reset-dialog p{color:#898b91;margin:9px auto 20px;font-size:10px;line-height:1.6}.reset-dialog-actions{grid-template-columns:1fr 1.35fr;gap:8px;display:grid}.reset-dialog-actions button{color:#a8a9ae;cursor:pointer;background:#1a1b1e;border:1px solid #303136;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:9px;font-weight:700;display:inline-flex}.reset-dialog-actions button:last-child{background:var(--accent);color:#19090b;border-color:#0000}.reset-dialog-actions svg{width:14px}.properties-backdrop,.menu-backdrop{border:0;padding:0}.editor-sidebar{max-height:min(510px,100dvh - 112px);overflow-y:auto}.canvas-empty>span{color:#777980;font-size:20px}.block-actions{pointer-events:auto}.block-actions button{touch-action:manipulation;min-width:0;min-height:44px}.block-actions button>*{pointer-events:none}@media (max-width:767px){.block-actions{bottom:calc(86px + env(safe-area-inset-bottom));width:min(250px,100% - 24px);height:54px}.block-actions button{font-size:8px}}@media (min-width:768px){.editor-sidebar,.properties-panel{width:min(560px,100vw - 64px);max-height:min(680px,100dvh - 72px);bottom:28px;left:50%;right:auto;transform:translate(-50%,calc(100% + 120px))}.editor-sidebar.is-open,.properties-panel.is-open{transform:translate(-50%)}.properties-content,.toolbox{padding-left:20px;padding-right:20px}.color-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-height:620px){.editor-sidebar{max-height:calc(100dvh - 100px)}}.palette-section{padding-top:2px}.palette-section .control-heading span{align-items:center;gap:6px;display:inline-flex}.palette-section .control-heading svg{width:13px;color:var(--accent-bright)}.palette-grid{overscroll-behavior:contain;scrollbar-color:#44464c transparent;scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:278px;padding-right:3px;display:grid;overflow-y:auto}.palette-grid>button{color:#b7b8bd;cursor:pointer;text-align:left;background:#161719;border:1px solid #2b2c30;border-radius:11px;grid-template-columns:44px 1fr;align-items:center;gap:8px;min-width:0;min-height:52px;padding:7px;display:grid;position:relative}.palette-grid>button:hover,.palette-grid>button.is-active{border-color:rgba(var(--accent-rgb), .58);background:rgba(var(--accent-rgb), .07)}.palette-grid>button>span:nth-child(2){gap:2px;min-width:0;display:grid}.palette-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.palette-grid small{color:#6f7177;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.palette-grid>button>svg{width:11px;color:var(--accent-bright);position:absolute;top:5px;right:5px}.palette-swatches{border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:repeat(2,1fr);width:44px;height:34px;display:grid;overflow:hidden}.palette-swatches i{display:block}@media (min-width:768px){.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.palette-grid>button{min-height:58px}}@media (max-width:380px){.palette-grid{grid-template-columns:1fr}}.editor-shell{grid-template-rows:78px minmax(0,1fr) 88px}.device-stage{top:66px}.layout-bar{z-index:24;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111214f2;border:1px solid #ffffff17;border-radius:14px;grid-template-columns:auto 1px minmax(0,1fr);align-items:stretch;width:min(760px,100% - 28px);min-height:48px;padding:4px;display:grid;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #0000005c}.layout-bar button{color:#8c8e94;cursor:pointer;background:0 0;border:0}.layout-bar button:hover:not(:disabled){color:#e3e4e6;background:#ffffff0b}.layout-bar button:disabled{cursor:not-allowed;opacity:.28}.layout-bar__navigator{grid-template-columns:32px minmax(70px,1fr) 32px;align-items:center;min-width:148px;display:grid}.layout-bar__navigator button{border-radius:9px;place-items:center;height:100%;display:grid}.layout-bar__navigator svg{width:15px}.layout-bar__navigator>span{white-space:nowrap;justify-content:center;align-items:baseline;gap:7px;display:flex}.layout-bar__navigator strong{color:#e7e7e9;font-family:Manrope,sans-serif;font-size:10px}.layout-bar__navigator small{color:var(--accent-bright);font-size:8px;font-weight:700}.layout-bar__divider{background:#ffffff17;margin:7px 2px}.layout-bar__tools{grid-template-columns:repeat(3,minmax(64px,1fr));display:grid}.layout-bar__tools button{border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;font-size:7px;display:flex}.layout-bar__tools svg{width:14px}.layout-bar__tools .is-save{color:var(--accent-bright)}.layout-bar__build-wrap{min-width:0;display:grid;position:relative}.layout-bar__tools .is-build.is-active{background:rgba(var(--accent-rgb), .1);color:var(--accent-bright)}.build-popover-backdrop{z-index:0;position:fixed;inset:0;background:0 0!important;border-radius:0!important;min-height:0!important}.build-popover{z-index:2;background:#121315;border:1px solid #ffffff1a;border-radius:14px;width:260px;padding:9px;position:absolute;top:calc(100% + 10px);right:-70px;box-shadow:0 24px 60px #000000b8}.build-popover:before{content:"";background:#121315;border-top:1px solid #ffffff1a;border-left:1px solid #ffffff1a;width:9px;height:9px;position:absolute;top:-5px;right:94px;transform:rotate(45deg)}.build-popover header{text-align:left;border-bottom:1px solid #ffffff12;padding:7px 8px 10px}.build-popover header span,.build-popover header strong{display:block}.build-popover header span{color:#65676d;letter-spacing:.12em;text-transform:uppercase;font-size:7px;font-weight:700}.build-popover header strong{color:#e5e5e7;margin-top:3px;font-size:11px}.layout-bar__tools .build-popover>div{gap:3px;padding-top:6px;display:grid}.layout-bar__tools .build-popover button{opacity:1;text-align:left;border-radius:9px;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;min-height:45px;padding:5px 8px;display:grid}.layout-bar__tools .build-popover button:hover{background:0 0}.layout-bar__tools .build-popover button>svg{color:#707279;width:15px}.build-popover button span,.build-popover button strong,.build-popover button small{display:block}.build-popover button strong{color:#b9bbc0;font-size:8px}.build-popover button small{color:#5e6066;margin-top:2px;font-size:6px}.build-popover button b{color:#66686e;text-transform:uppercase;border:1px solid #303238;border-radius:5px;padding:3px 5px;font-size:5px;font-weight:700}.element-bar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0e0ff7;border-top:1px solid #ffffff14;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(92px,1.12fr);justify-self:center;gap:3px;width:min(860px,100% - 24px);padding:9px 6px 12px;display:grid;position:relative}.element-bar button{color:#74767d;cursor:pointer;text-align:center;background:0 0;border:0;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:62px;padding:4px;font-size:8px;line-height:1.15;display:flex;position:relative}.element-bar button:hover{color:#d9dadd;background:#ffffff0a}.element-bar svg{stroke-width:1.7px;width:17px}.element-bar .is-separated{background:rgba(var(--accent-rgb), .08);color:var(--accent-bright);margin-left:8px}.element-bar .is-separated:before{content:"";background:#ffffff1c;width:1px;position:absolute;top:9px;bottom:9px;left:-7px}@media (max-width:600px){.editor-shell{grid-template-rows:68px minmax(0,1fr) 84px}.device-stage{top:60px}.layout-bar{width:calc(100% - 16px);min-height:46px;top:7px}.layout-bar__navigator{grid-template-columns:27px minmax(66px,1fr) 27px;min-width:126px}.layout-bar__navigator>span{text-align:center;gap:0;display:grid}.layout-bar__tools{grid-template-columns:repeat(3,minmax(53px,1fr))}.layout-bar__tools button{font-size:6px}.build-popover{width:min(250px,100vw - 24px);right:-60px}.build-popover:before{right:83px}.element-bar{width:100%;padding:7px 4px calc(9px + env(safe-area-inset-bottom));grid-template-columns:repeat(4,minmax(0,1fr)) minmax(72px,1.1fr)}.element-bar button{gap:5px;min-height:60px;font-size:6px}.element-bar .is-separated{margin-left:5px}.block-actions{bottom:calc(92px + env(safe-area-inset-bottom))}}.layout-text{z-index:2;min-width:20px;min-height:20px;color:var(--text-fill,#f4f4f5);border-color:#0000;place-items:center;display:grid;overflow:visible;background:0 0!important}.layout-text__content{text-align:center;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:3px;line-height:1.08;display:flex;overflow:visible}.layout-text__content>span{overflow-wrap:anywhere;max-width:100%;display:inline-block}.text-color-gradient .layout-text__content>span{background-image:var(--text-gradient);color:#0000;-webkit-text-fill-color:transparent;background-position:50%;background-size:100% 100%;-webkit-background-clip:text;background-clip:text}.text-animation-fade .layout-text__content{animation:2.4s ease-in-out infinite text-fade}.text-animation-slide .layout-text__content{animation:2.6s cubic-bezier(.22,1,.36,1) infinite text-slide}.text-animation-typewriter .layout-text__content>span{white-space:nowrap;animation:3.2s steps(18,end) infinite text-typewriter;overflow:hidden}.text-animation-zoom .layout-text__content{animation:2.4s ease-in-out infinite text-zoom}.text-animation-blur-reveal .layout-text__content{animation:2.8s ease-in-out infinite text-blur-reveal}.text-animation-wave .layout-text__content{transform-origin:50% 100%;animation:1.8s ease-in-out infinite text-wave}.text-animation-glow-pulse .layout-text__content{animation:2s ease-in-out infinite text-glow-pulse}.text-animation-gradient-flow .layout-text__content>span{background-image:var(--text-gradient);color:#0000;-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:3.2s linear infinite text-gradient-flow}@keyframes text-fade{0%,15%{opacity:0}42%,82%{opacity:1}to{opacity:0}}@keyframes text-slide{0%,12%{opacity:0;transform:translate(-22px)}40%,82%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(12px)}}@keyframes text-typewriter{0%,12%{width:0}55%,82%{width:100%}to{width:0}}@keyframes text-zoom{0%,15%{opacity:0;transform:scale(.72)}42%,82%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}@keyframes text-blur-reveal{0%,12%{opacity:0;filter:blur(10px);transform:translateY(5px)}44%,82%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:0;filter:blur(7px)}}@keyframes text-wave{0%,to{transform:translateY(0)rotate(-1deg)}25%{transform:translateY(-3px)rotate(1deg)}50%{transform:translateY(1px)rotate(-.5deg)}75%{transform:translateY(-2px)rotate(.7deg)}}@keyframes text-glow-pulse{0%,to{filter:drop-shadow(0 0 #0000)}50%{filter:drop-shadow(0 0 8px var(--block-accent)) drop-shadow(0 0 16px var(--block-secondary))}}@keyframes text-gradient-flow{0%{background-position:0%}to{background-position:300%}}.text-controls .context-section{margin-top:12px}.text-content-input{resize:vertical;border:1px solid var(--line);color:#f2f2f3;background:#111214;border-radius:10px;outline:none;width:100%;min-height:52px;padding:10px 11px;font:500 11px/1.45 Manrope,sans-serif}.text-content-input:focus{border-color:rgba(var(--accent-rgb), .7);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .08)}.text-select-grid{grid-template-columns:.72fr 1.28fr;gap:7px;display:grid}.text-select-grid .compact-select,.text-format-row .compact-select{margin-top:0}.text-format-row{grid-template-columns:.9fr .72fr .72fr 1.1fr;gap:7px;margin-top:7px;display:grid}.text-format-row>button,.text-size-control{border:1px solid var(--line);color:#a0a2a7;background:#141517;border-radius:9px;justify-content:center;align-items:center;min-height:42px;display:flex}.text-format-row>button{gap:5px;font:700 11px/1 Georgia,serif}.text-format-row>button span{color:#777980;font:500 7px/1 Manrope,sans-serif}.text-format-row>button.is-italic{font-style:italic}.text-format-row>button.is-active{border-color:rgba(var(--accent-rgb), .55);background:rgba(var(--accent-rgb), .1);color:var(--accent-bright)}.text-size-control{color:#777980;flex-direction:column;gap:3px;font-size:7px}.text-size-control>span:last-child{align-items:center;gap:3px;display:flex}.text-size-control input{color:#ececee;text-align:right;background:0 0;border:0;outline:0;width:34px;font:700 10px Manrope,sans-serif}.text-size-control b{color:#65676c;font-size:7px}.text-color-modes{grid-template-columns:1fr 1fr;gap:7px;display:grid}.text-color-modes button,.text-animation-options button{border:1px solid var(--line);color:#85878d;background:#141517;border-radius:9px;min-height:36px;font-size:8px}.text-color-modes button.is-active,.text-animation-options button.is-active,.text-gradient-models button.is-active{border-color:rgba(var(--accent-rgb), .58);background:rgba(var(--accent-rgb), .1);color:#f3f3f4}.text-gradient-models{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:7px;display:grid}.text-gradient-models button{border:1px solid var(--line);color:#777980;background:#141517;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:53px;font-size:7px;display:flex}.gradient-swatch{background:linear-gradient(90deg,#e26370,#7c3aed,#22d3ee);border-radius:5px;width:30px;height:15px}.gradient-swatch.is-radial{background:radial-gradient(circle,#f4f4f5,#7c3aed,#101114)}.gradient-swatch.is-conic{background:conic-gradient(#e26370,#7c3aed,#22d3ee,#e26370)}.gradient-swatch.is-aurora{background:linear-gradient(110deg,#0f766e,#7c3aed,#f472b6,#22d3ee)}.text-color-controls{grid-template-columns:1fr 1fr;gap:7px;margin-top:7px;display:grid}.text-color-controls>label{border:1px solid var(--line);color:#85878d;background:#141517;border-radius:9px;justify-content:space-between;align-items:center;min-height:40px;padding:0 9px;font-size:8px;display:flex}.text-color-controls .color-input-wrap b{display:none}.text-animation-options{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}@media (max-width:600px){.text-select-grid{grid-template-columns:1fr 1.35fr}.text-format-row,.text-animation-options{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.layout-text__content,.layout-text__content>span{animation:none!important}}.editor-sidebar{opacity:0;background:linear-gradient(#e2637009,#0000 190px),#111214!important;border-width:0 1px 0 0!important;border-color:#ffffff17!important;border-radius:0 18px 18px 0!important;width:min(326px,88vw)!important;height:100dvh!important;max-height:none!important;transition:opacity .18s,transform .3s cubic-bezier(.2,.78,.2,1)!important;inset:0 auto 0 0!important;overflow:hidden auto!important;transform:translate(calc(-100% - 20px))!important;box-shadow:22px 0 60px #0000009e!important}.editor-sidebar.is-open{opacity:1;transform:translate(0)!important}.editor-sidebar .sidebar-heading{min-height:68px;padding-top:env(safe-area-inset-top);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111214f0}.editor-sidebar .toolbox{padding-bottom:calc(18px + env(safe-area-inset-bottom));border-bottom:0}.menu-backdrop:not([hidden]){-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008a}@media (min-width:768px){.editor-sidebar{border:1px solid #ffffff17!important;border-radius:18px!important;height:auto!important;top:14px!important;bottom:14px!important;left:14px!important;transform:translate(calc(-100% - 34px))!important}.editor-sidebar.is-open{transform:translate(0)!important}}@media (prefers-reduced-motion:reduce){.editor-sidebar{transition-duration:.01ms!important}}.properties-panel{opacity:0;background:linear-gradient(#e2637009,#0000 210px),#111214!important;border-width:0 0 0 1px!important;border-color:#ffffff17!important;border-radius:18px 0 0 18px!important;width:min(500px,92vw)!important;height:100dvh!important;max-height:none!important;transition:opacity .18s,transform .3s cubic-bezier(.2,.78,.2,1)!important;inset:0 0 0 auto!important;overflow:hidden auto!important;transform:translate(calc(100% + 20px))!important;box-shadow:-22px 0 60px #0000009e!important}.properties-panel.is-open{opacity:1;pointer-events:auto;transform:translate(0)!important}.properties-panel .properties-heading{min-height:64px;padding-top:env(safe-area-inset-top);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111214f0}.properties-panel .properties-content{padding-bottom:calc(22px + env(safe-area-inset-bottom))}.properties-backdrop:not([hidden]){-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008a}@media (max-width:600px){.properties-panel{width:min(340px,88vw)!important}}@media (min-width:768px){.properties-panel{border:1px solid #ffffff17!important;border-radius:18px!important;height:auto!important;top:14px!important;bottom:14px!important;right:14px!important;transform:translate(calc(100% + 34px))!important}.properties-panel.is-open{transform:translate(0)!important}}@media (prefers-reduced-motion:reduce){.properties-panel{transition-duration:.01ms!important}}.layout-text__content>span{-webkit-text-stroke-color:var(--text-stroke-color,#08090c);-webkit-text-stroke-width:var(--text-stroke-width,0px);paint-order:stroke fill}.text-animation-bounce .layout-text__content{animation:1.25s cubic-bezier(.34,1.56,.64,1) infinite text-bounce}.text-animation-pulse .layout-text__content{animation:1.65s ease-in-out infinite text-pulse}.text-animation-marquee{overflow:hidden}.text-animation-marquee .layout-text__content>span{white-space:nowrap;max-width:none;animation:4.8s linear infinite text-marquee}.text-animation-blink .layout-text__content{animation:1.7s step-end infinite text-blink}.text-animation-flip .layout-text__content{backface-visibility:hidden;animation:2.6s ease-in-out infinite text-flip}.text-animation-shake .layout-text__content{animation:1.15s ease-in-out infinite text-shake}.text-animation-elastic .layout-text__content{animation:2s cubic-bezier(.2,.85,.3,1.2) infinite text-elastic}.text-animation-tracking .layout-text__content>span{animation:2.8s ease-in-out infinite text-tracking}@keyframes text-bounce{0%,to{transform:translateY(0)}42%{transform:translateY(-14px)}62%{transform:translateY(2px)}76%{transform:translateY(-5px)}}@keyframes text-pulse{0%,to{opacity:.72;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}@keyframes text-marquee{0%{transform:translate(115%)}to{transform:translate(-115%)}}@keyframes text-blink{0%,44%{opacity:1}45%,66%{opacity:0}67%,to{opacity:1}}@keyframes text-flip{0%,18%{opacity:0;transform:perspective(400px)rotateX(-82deg)}42%,78%{opacity:1;transform:perspective(400px)rotateX(0)}to{opacity:0;transform:perspective(400px)rotateX(72deg)}}@keyframes text-shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-3px)rotate(-1deg)}40%{transform:translate(4px)rotate(1deg)}60%{transform:translate(-2px)rotate(-.6deg)}80%{transform:translate(2px)rotate(.5deg)}}@keyframes text-elastic{0%,to{transform:scaleX(1)scaleY(1)}30%{transform:scaleX(1.14)scaleY(.88)}48%{transform:scaleX(.92)scaleY(1.08)}66%{transform:scaleX(1.05)scaleY(.96)}}@keyframes text-tracking{0%,12%{opacity:0;letter-spacing:-.08em}44%,76%{opacity:1;letter-spacing:.12em}to{opacity:0;letter-spacing:.22em}}.text-palette-heading{justify-content:space-between;align-items:center;margin:11px 1px 7px;display:flex}.text-palette-heading span{color:#a6a8ad;font-size:8px;font-weight:600}.text-palette-heading small{color:#62646a;font-size:7px}.text-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.text-palette-grid.is-solid{grid-template-columns:repeat(4,minmax(0,1fr))}.text-palette-grid button{border:1px solid var(--line);color:#777980;background:#141517;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:46px;font-size:7px;display:flex}.text-palette-grid button>span{border:1px solid #ffffff29;border-radius:99px;width:34px;height:14px}.text-palette-grid button.is-active{border-color:rgba(var(--accent-rgb), .62);background:rgba(var(--accent-rgb), .09);color:#f0f0f1}.text-stroke-controls{grid-template-columns:.82fr 1.18fr;gap:7px;display:grid}.text-stroke-controls>label{border:1px solid var(--line);color:#85878d;background:#141517;border-radius:10px;justify-content:space-between;align-items:center;min-height:46px;padding:0 10px;font-size:8px;display:flex}.text-stroke-controls .range-control{padding-block:7px;display:grid}.text-stroke-controls .range-control>span{width:100%}@media (max-width:600px){.text-palette-grid,.text-palette-grid.is-solid{grid-template-columns:repeat(2,minmax(0,1fr))}.text-stroke-controls{grid-template-columns:1fr}}.color-picker-control{place-items:center;display:inline-grid}.color-wheel-trigger{border:2px solid #37393e;border-radius:8px;width:26px;height:26px;padding:0;display:block;box-shadow:inset 0 0 0 2px #111214}.color-wheel-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000ad;border:0;position:fixed;inset:0}.color-wheel-sheet{z-index:91;max-height:calc(100dvh - 18px);padding:0 18px calc(18px + env(safe-area-inset-bottom));background:#111214;border:1px solid #ffffff1a;border-bottom:0;border-radius:22px 22px 0 0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -24px 70px #000000b8}.color-wheel-sheet header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:68px;display:flex}.color-wheel-sheet header small,.color-wheel-sheet header strong{display:block}.color-wheel-sheet header small{color:#686a70;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:700}.color-wheel-sheet header strong{margin-top:4px;font-size:12px}.color-wheel-sheet header button{border:1px solid var(--line);color:#85878d;background:#17181a;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.color-wheel-sheet header svg{width:16px}.color-wheel-preview{border:1px solid var(--line);background:#151618;border-radius:12px;align-items:center;gap:10px;margin:14px 0;padding:10px;display:flex}.color-wheel-preview>span{border:2px solid #ffffff40;border-radius:11px;flex:none;width:38px;height:38px}.color-wheel-preview strong,.color-wheel-preview small{display:block}.color-wheel-preview strong{font:700 11px Manrope,sans-serif}.color-wheel-preview small{color:#707278;margin-top:3px;font-size:8px}.color-wheel{aspect-ratio:1;cursor:crosshair;touch-action:none;background:radial-gradient(circle,#fff 0%,#fff0 68%),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:2px solid #ffffff29;border-radius:50%;width:min(66vw,248px);margin:0 auto;position:relative;box-shadow:0 16px 34px #0006}.color-wheel-cursor{pointer-events:none;border:3px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 5px #000,inset 0 0 0 1px #00000073}.color-brightness{gap:9px;margin-top:15px;display:grid}.color-brightness>span{color:#85878d;justify-content:space-between;font-size:9px;display:flex}.color-brightness b{color:#d6d7da}.color-brightness input{appearance:none;border-radius:99px;width:100%;height:8px}.color-brightness input::-webkit-slider-thumb{appearance:none;background:#17181a;border:3px solid #fff;border-radius:50%;width:20px;height:20px}.color-wheel-done{background:var(--accent);color:#19090b;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;margin-top:18px;font-size:10px;font-weight:700;display:flex}.color-wheel-done svg{width:15px}@media (min-width:601px){.color-wheel-sheet{border:1px solid #ffffff1a;border-radius:20px;width:min(390px,100vw - 40px);max-height:min(720px,100dvh - 40px);padding:0 20px 20px;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 30px 90px #000000c7}.color-wheel{width:238px}}.layout-server{z-index:2;border-color:var(--block-border);min-width:190px;min-height:54px;overflow:visible;background-color:var(--server-primary)!important}.server-selector-field{border-radius:inherit;color:#f1f1f2;text-align:left;background:0 0;border:0;grid-template-columns:38px 1fr 18px;align-items:center;gap:9px;width:100%;height:100%;padding:0 13px;display:grid}.server-selector-icon{background:color-mix(in srgb, var(--server-icon-color) 13%, transparent);width:36px;height:36px;color:var(--server-icon-color);border-radius:11px;place-items:center;display:grid}.server-selector-icon svg{stroke-width:1.7px;width:18px}.server-selector-copy,.server-selector-copy small,.server-selector-copy strong{min-width:0;display:block}.server-selector-copy small{color:#777980;font-size:8px}.server-selector-copy strong{color:var(--server-text-color,#f1f1f2);font-size:var(--server-text-size,11px);font-weight:var(--server-text-weight,700);text-align:var(--server-text-align,left);text-overflow:ellipsis;white-space:nowrap;margin-top:0;overflow:hidden}.server-selector-chevron{color:#777980;stroke-width:1.7px;width:16px}.server-animation-pulse .server-selector-field{animation:2s ease-in-out infinite server-pulse}.server-animation-float .server-selector-field{animation:2.5s ease-in-out infinite server-float}.server-animation-glow{animation:2s ease-in-out infinite server-glow}.server-animation-shimmer .server-selector-field{position:relative;overflow:hidden}.server-animation-shimmer .server-selector-field:after{content:"";background:linear-gradient(105deg,#0000 28%,#ffffff2e 48%,#0000 68%);animation:2.4s ease-in-out infinite server-shimmer;position:absolute;inset:0;transform:translate(-120%)}@keyframes server-pulse{50%{opacity:.78;transform:scale(.98)}}@keyframes server-float{50%{transform:translateY(-4px)}}@keyframes server-glow{50%{box-shadow:0 0 18px color-mix(in srgb, var(--server-icon-color) 55%, transparent)}}@keyframes server-shimmer{55%,to{transform:translate(120%)}}.server-preview-overlay{z-index:24;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#030406ad;place-items:center;display:grid;position:absolute;inset:0}.server-presentation{color:#f1f1f2;background:#111317;border:1px solid #303239;box-shadow:0 22px 48px #0000008c}.server-presentation.is-modal{border-radius:19px;width:302px;max-height:500px;padding:0 13px 14px;overflow-y:auto}.server-presentation.is-bottom-sheet{border-radius:22px 22px 0 0;max-height:520px;padding:0 14px 18px;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.server-sheet-handle{background:#3d4048;border-radius:99px;width:42px;height:4px;margin:8px auto 0;display:block}.server-presentation.is-tabs,.server-presentation.is-expandable{z-index:24;border-radius:14px;width:240px;max-height:250px;padding:0 10px 10px;position:absolute;overflow-y:auto}.server-presentation.is-expandable{max-height:280px}.server-presentation-heading{border-bottom:1px solid #292b31;justify-content:space-between;align-items:center;min-height:58px;display:flex}.server-presentation-heading small,.server-presentation-heading strong{display:block}.server-presentation-heading small{color:#6d7078;letter-spacing:.1em;text-transform:uppercase;font-size:7px}.server-presentation-heading strong{margin-top:3px;font-size:11px}.server-presentation-heading button{color:#858891;background:#191b20;border:1px solid #2d3036;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.server-presentation-heading svg{width:13px}.server-category-details{gap:6px;margin-top:10px;display:grid}.server-category-details details{background:#17191e;border:1px solid #292c32;border-radius:11px}.server-category-details summary{cursor:pointer;grid-template-columns:27px 1fr auto 14px;align-items:center;gap:7px;min-height:43px;padding:0 9px;list-style:none;display:grid}.server-category-details summary>span,.server-category-blocks header>span{background:color-mix(in srgb, var(--server-category-color) 13%, transparent);width:25px;height:25px;color:var(--server-category-color);border-radius:8px;place-items:center;display:grid}.server-category-details summary svg,.server-category-blocks header svg{width:13px}.server-category-details summary strong{font-size:9px}.server-category-details summary small{color:#656871;font-size:8px}.server-category-details details>div{padding:0 7px 7px}.server-preview-row{color:#dddfe3;text-align:left;background:#202228;border:0;border-radius:9px;grid-template-columns:27px 1fr auto;align-items:center;gap:7px;width:100%;min-height:38px;margin-top:5px;padding:0 8px;display:grid}.server-preview-row>span{background:color-mix(in srgb, var(--server-icon-color) 12%, transparent);width:25px;height:25px;color:var(--server-icon-color);border-radius:8px;place-items:center;display:grid}.server-preview-row svg{width:13px}.server-preview-row strong{font-size:8px}.server-preview-row small{color:#5fbc89;font-size:7px}.server-category-blocks{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.server-category-blocks>section{background:#17191e;border:1px solid #292c32;border-radius:12px;padding:8px}.server-category-blocks header{align-items:center;gap:7px;margin-bottom:7px;display:flex}.server-category-blocks header strong{font-size:8px}.server-tabs{grid-template-columns:repeat(4,1fr);gap:4px;margin:9px 0;display:grid}.server-tabs button{color:#6f727a;background:#181a1f;border:1px solid #2c2e34;border-radius:7px;min-width:0;min-height:28px;font-size:6px}.server-tabs button.is-active{border-color:color-mix(in srgb, var(--server-icon-color) 58%, transparent);color:var(--server-icon-color)}.server-presentation-options{grid-template-columns:1fr 1fr;gap:7px;display:grid}.server-presentation-options button{border:1px solid var(--line);color:#8a8c92;text-align:left;background:#141517;border-radius:10px;grid-template-columns:24px 1fr;align-items:center;gap:8px;min-height:60px;padding:8px;display:grid}.server-presentation-options button>b{background:rgba(var(--accent-rgb), .08);width:23px;height:23px;color:var(--accent-bright);border-radius:7px;place-items:center;font-size:8px;display:grid}.server-presentation-options strong,.server-presentation-options small{display:block}.server-presentation-options strong{color:#d7d8db;font-size:8px}.server-presentation-options small{color:#686a70;margin-top:3px;font-size:7px;line-height:1.35}.server-presentation-options button.is-active,.server-icon-grid button.is-active,.server-shape-options button.is-active,.server-background-modes button.is-active,.server-animation-options button.is-active{border-color:rgba(var(--accent-rgb), .55);background:rgba(var(--accent-rgb), .09);color:#f1f1f2}.server-icon-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.server-icon-grid button{border:1px solid var(--line);color:#85878d;background:#141517;border-radius:9px;place-items:center;gap:3px;min-height:51px;padding:5px 2px;display:grid}.server-icon-grid svg{width:16px}.server-icon-grid small{text-overflow:ellipsis;max-width:100%;font-size:6px;overflow:hidden}.server-icon-colors,.server-color-controls{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.server-icon-colors>label,.server-color-controls>label{border:1px solid var(--line);color:#85878d;background:#141517;border-radius:9px;justify-content:space-between;align-items:center;min-height:42px;padding:0 9px;font-size:8px;display:flex}.server-icon-colors .color-input-wrap b,.server-color-controls .color-input-wrap b{display:none}.server-category-heading{margin-top:13px}.server-category-icon-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.server-category-icon-grid button{border:1px solid var(--line);color:#7d7f86;background:#141517;border-radius:9px;place-items:center;gap:3px;min-height:49px;padding:5px 2px;display:grid}.server-category-icon-grid button svg{width:15px}.server-category-icon-grid button small{text-overflow:ellipsis;max-width:100%;font-size:6px;overflow:hidden}.server-category-icon-grid button.is-active{border-color:rgba(var(--accent-rgb), .55);background:rgba(var(--accent-rgb), .09);color:var(--accent-bright)}.server-shape-options{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.server-shape-options button{border:1px solid var(--line);color:#73757b;background:#141517;border-radius:9px;place-items:center;gap:4px;min-height:49px;padding:5px;font-size:6px;display:grid}.server-shape-options button>span{border:1px solid var(--accent-bright);background:rgba(var(--accent-rgb), .08);width:29px;height:15px}.server-shape-options+.range-control{margin-top:8px}.server-background-modes,.server-animation-options{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.server-animation-options{grid-template-columns:repeat(5,1fr)}.server-background-modes button,.server-animation-options button{border:1px solid var(--line);color:#777980;background:#141517;border-radius:9px;min-height:36px;font-size:7px}@media (max-width:600px){.server-presentation-options,.server-icon-colors,.server-color-controls{grid-template-columns:1fr}.server-animation-options{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.server-selector-field,.layout-server{animation:none!important}}.properties-panel{flex-direction:column;display:flex;overflow:hidden!important}.properties-panel .properties-heading{flex:none;position:relative}.properties-panel .properties-content{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden;padding:0!important}.properties-scroll{min-height:0;padding:13px 15px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain;scrollbar-color:#3b3d43 transparent;scrollbar-width:thin;flex:auto;overflow:hidden auto}.style-live-preview{z-index:2;background:linear-gradient(#151619,#111214);border-bottom:1px solid #ffffff14;flex:none;padding:11px 15px 12px;position:relative}.style-live-preview>header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.style-live-preview>header>span{color:#d8d9dc;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:750}.style-live-preview>header small{color:#71737a;align-items:center;gap:5px;font-size:8px;display:flex}.style-live-preview>header i{background:#65d495;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #65d495a6}.style-live-stage{background-color:#0a0b0d;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ffffff12;border-radius:13px;place-items:center;height:112px;display:grid;position:relative;overflow:hidden}.style-live-stage.is-background{place-items:stretch stretch}.style-preview-element{pointer-events:none;transform:none!important}.style-live-stage.is-text .style-preview-element{justify-content:center;align-items:center;display:flex;overflow:hidden}.style-live-stage.is-text .layout-text__content{transform-origin:50%;max-width:100%;transform:scale(.72)}.style-live-stage.is-server .style-preview-element{min-width:0;min-height:0}.style-preview-background-label{color:#ffffffb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0405079e;border:1px solid #ffffff1f;border-radius:6px;padding:4px 7px;font-size:8px;position:absolute;bottom:9px;right:10px}.server-text-align{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.server-text-align button{color:#85878d;background:#17181b;border:1px solid #292b30;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:39px;font-size:8px;display:flex}.server-text-align button svg{width:15px}.server-text-align button.is-active{color:#f2a1a9;background:#e263701a;border-color:#e26370ad}.server-text-format{grid-template-columns:1fr 1fr;gap:9px;margin-top:10px;display:grid}.server-text-format .text-size-control{min-width:0}.server-text-color{margin-top:10px}@media (max-width:600px){.style-live-preview{padding:9px 12px 10px}.style-live-stage{height:92px}.properties-scroll{padding:11px 12px calc(20px + env(safe-area-inset-bottom))}}.layout-credentials{z-index:2;min-width:220px;min-height:62px;overflow:visible;box-shadow:none!important;background:0 0!important;border:0!important}.credentials-form{width:100%;height:100%;color:var(--credential-text);font-size:var(--credential-text-size);font-weight:var(--credential-text-weight);flex-direction:column;justify-content:center;gap:9px;display:flex}.credential-field{border:var(--credential-border-width) solid var(--credential-border);border-radius:var(--credential-radius);background:var(--credential-background);grid-template-columns:42px 1fr 36px;align-items:center;min-height:56px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;position:relative;overflow:hidden}.credential-field:focus-within{border-color:var(--credential-icon);box-shadow:0 0 0 2px color-mix(in srgb, var(--credential-icon) 15%, transparent)}.credential-icon{color:var(--credential-icon);place-items:center;display:grid}.credential-icon svg,.credential-eye svg{stroke-width:1.8px;width:17px;height:17px}.credential-field input{width:100%;min-width:0;height:100%;color:var(--credential-text);font:inherit;background:0 0;border:0;outline:0;padding:12px 0 4px}.credential-field input::placeholder{color:color-mix(in srgb, var(--credential-text) 42%, transparent)}.credential-label{color:color-mix(in srgb, var(--credential-text) 55%, transparent);pointer-events:none;font-size:1em;transition:top .18s,transform .18s,font-size .18s,color .18s;position:absolute;top:50%;left:42px;transform:translateY(-50%)}.credential-field:focus-within .credential-label,.credential-field input:not(:placeholder-shown)+.credential-label{color:var(--credential-icon);font-size:.65em;top:9px;transform:none}.credential-eye{width:34px;height:34px;color:color-mix(in srgb, var(--credential-text) 55%, transparent);background:0 0;border:0;place-items:center;display:grid}.model-unified{border:var(--credential-border-width) solid var(--credential-border);border-radius:var(--credential-radius);background:var(--credential-background);gap:0;overflow:hidden}.model-unified .credential-field{background:0 0;border:0;border-radius:0}.model-unified .credential-field+.credential-field{border-top:1px solid color-mix(in srgb, var(--credential-border) 68%, transparent)}.model-unified .credential-field:focus-within{box-shadow:inset 3px 0 var(--credential-icon)}.model-pill .credential-field{border-color:#0000;border-radius:999px;min-height:54px}.model-pill .credential-field:focus-within{border-color:var(--credential-icon)}.model-icon-panel .credential-field{grid-template-columns:50px 1fr 36px}.model-icon-panel .credential-icon{border-right:1px solid var(--credential-border);background:color-mix(in srgb, var(--credential-text) 7%, transparent);align-self:stretch}.model-icon-panel .credential-label{left:62px}.model-icon-panel input{padding-left:12px}.model-gradient-border .credential-field{background:linear-gradient(var(--credential-primary), var(--credential-primary)) padding-box, linear-gradient(135deg, color-mix(in srgb, var(--credential-border) 35%, transparent), transparent) border-box;border:1px solid #0000}.model-gradient-border .credential-field:focus-within{background:linear-gradient(var(--credential-primary), var(--credential-primary)) padding-box, linear-gradient(120deg, var(--credential-icon), var(--credential-secondary)) border-box;box-shadow:0 0 15px color-mix(in srgb, var(--credential-icon) 16%, transparent)}.credential-animation-fade{animation:2.8s ease-in-out infinite credential-fade}.credential-animation-slide-up{animation:2.8s ease-in-out infinite credential-slide}.credential-animation-pulse{animation:2.2s ease-in-out infinite credential-pulse}.credential-animation-glow{animation:2.2s ease-in-out infinite credential-glow}.credential-animation-float{animation:2.8s ease-in-out infinite credential-float}.credential-animation-focus-sweep .credential-field{overflow:hidden}.credential-animation-focus-sweep .credential-field:after{background:linear-gradient(105deg, transparent 30%, color-mix(in srgb, var(--credential-icon) 18%, transparent) 48%, transparent 66%);content:"";pointer-events:none;animation:2.6s ease-in-out infinite credential-sweep;position:absolute;inset:0;transform:translate(-120%)}@keyframes credential-fade{50%{opacity:.67}}@keyframes credential-slide{50%{transform:translateY(-5px)}}@keyframes credential-pulse{50%{transform:scale(.985)}}@keyframes credential-glow{50%{filter:drop-shadow(0 0 9px var(--credential-icon))}}@keyframes credential-float{50%{transform:translateY(-4px)}}@keyframes credential-sweep{55%,to{transform:translate(120%)}}.credential-model-options,.credential-mode-options,.credential-animation-options,.credential-background-modes{gap:7px;display:grid}.credential-model-options{grid-template-columns:repeat(2,1fr)}.credential-mode-options,.credential-animation-options{grid-template-columns:repeat(3,1fr)}.credential-background-modes{grid-template-columns:repeat(2,1fr)}.credential-model-options button,.credential-mode-options button,.credential-animation-options button,.credential-background-modes button{color:#85878d;background:#17181b;border:1px solid #292b30;border-radius:9px;min-height:38px;font-size:8px}.credential-model-options button.is-active,.credential-mode-options button.is-active,.credential-animation-options button.is-active,.credential-background-modes button.is-active{color:#f2a1a9;background:#e263701a;border-color:#e26370ad}.credential-model-options button:last-child{grid-column:1/-1}.credential-icon-grid{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.credential-icon-grid button{color:#777a82;background:#17181b;border:1px solid #292b30;border-radius:9px;place-items:center;min-height:54px;display:grid}.credential-icon-grid button svg{width:17px}.credential-icon-grid button small{font-size:6px}.credential-icon-grid button.is-active{color:#f28b96;border-color:#e26370ad}.credential-color-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.credential-color-grid>label{color:#85878d;background:#17181b;border:1px solid #292b30;border-radius:9px;justify-content:space-between;align-items:center;min-height:42px;padding:0 9px;font-size:8px;display:flex}.credential-format-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.credential-mode-note{background:#141518;border:1px solid #292b30;border-radius:9px;justify-content:space-between;align-items:center;margin-top:8px;padding:9px 10px;display:flex}.credential-mode-note strong,.credential-mode-note small{display:block}.credential-mode-note strong{color:#d7d8da;font-size:9px}.credential-mode-note small{color:#696b72;font-size:7px}.credential-copy-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.credential-copy-grid label{color:#777980;gap:5px;font-size:8px;display:grid}.credential-copy-grid label:only-child{grid-column:1/-1}.credential-copy-grid input{color:#d9dade;background:#17181b;border:1px solid #2a2c31;border-radius:9px;outline:0;width:100%;height:38px;padding:0 10px;font-size:9px}.credential-copy-grid input:focus{border-color:#e26370b3}.style-live-stage.is-credentials{height:150px}.style-live-stage.is-credentials .style-preview-element{min-width:0;min-height:0}.style-live-stage.is-credentials .credentials-form{transform:scale(.88)}@media (max-width:600px){.style-live-stage.is-credentials{height:128px}.credential-model-options button,.credential-mode-options button,.credential-animation-options button{font-size:7px}}@media (prefers-reduced-motion:reduce){[class*=credential-animation-]{animation-duration:.01ms!important}}