/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */@font-face{font-family:Zpix;src:url(/fonts/zpix.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.uidesign-root{color:#4a4a4a;-webkit-tap-highlight-color:transparent;background-blend-mode:overlay;opacity:.98;background-color:#f4f4f0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-attachment:fixed;font-family:Zpix,Inter,-apple-system,sans-serif}@supports (-webkit-touch-callout:none){.uidesign-root{background-image:none;background-attachment:scroll;background-blend-mode:normal;opacity:1}}.uidesign-root .btn-pressable{transition:all .1s cubic-bezier(.4,0,.2,1)}.uidesign-root .btn-pressable:active{box-shadow:none!important;transform:translate(2px,2px)!important}.uidesign-root .sheen-effect{position:relative}.uidesign-root .sheen-effect:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(45deg,#0000 40%,#fff6 50%,#0000 60%) 0 0/200% 200%;animation:uidesign_sheen 4s linear infinite;position:absolute;inset:0}@keyframes uidesign_sheen{0%{background-position:-150% -150%}to{background-position:150% 150%}}.uidesign-root .canvas-bg{background-color:#f4f4f0;background-image:radial-gradient(#d1d1cc 1px,#0000 0);background-size:40px 40px}.uidesign-root .glass-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:2px solid #e5e5e0;border-radius:0}.uidesign-root .board-paper{background-color:#fff;border:1px solid #d1d1cc;position:relative;box-shadow:0 10px 30px #0000000d}.uidesign-root .btn-playful{color:#fff;background:#ff477e;border-bottom:4px solid #d43163;transition:all .1s}.uidesign-root .btn-playful:active{border-bottom-width:2px;transform:translateY(2px)}@keyframes uidesign_skeleton_shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.uidesign-root .skeleton-shimmer{background:linear-gradient(90deg,#fff0,#fff9 50%,#fff0) 0 0/200% 100%;animation:uidesign_skeleton_shimmer 2s linear infinite}@keyframes uidesign_float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.uidesign-root .animate-float{animation:uidesign_float 3s ease-in-out infinite}@keyframes uidesign_pulse_soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}@keyframes loading{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:1024px) and (min-width:769px){.uidesign-root .floating-toolbar{z-index:85;position:fixed;top:50%;left:16px;transform:translateY(-50%)}.uidesign-root .side-panel-floating{border-radius:1.5rem;width:300px;top:16px;bottom:16px;right:16px}.uidesign-root .side-panel-content{padding:18px}}@media (max-width:768px){.uidesign-root .mobile-hide{display:none!important}.uidesign-root .mobile-only{display:flex!important}.uidesign-root .floating-toolbar{z-index:70;touch-action:none;-webkit-user-select:none;user-select:none;max-width:none;overflow:visible;border-radius:1.5rem!important;flex-direction:column!important;padding:8px 4px!important;position:fixed!important;top:50%!important;bottom:auto!important;left:10px!important;transform:translateY(-50%)!important}.uidesign-root .floating-toolbar-inner{gap:5px;max-height:min(62vh,100dvh - 96px);padding-top:8px;padding-bottom:14px}.uidesign-root .color-indicator{border-radius:7px;width:22px;height:22px;margin-bottom:1px}.uidesign-root .tool-btn{touch-action:manipulation;border-radius:8px;flex:none;width:28px;min-width:28px;height:28px;min-height:28px;font-size:12px}.uidesign-root .tool-btn .tooltip{display:none}.uidesign-root .side-panel-floating{opacity:0;pointer-events:none;border-radius:1.5rem 1.5rem 1.1rem 1.1rem;width:auto;height:min(68vh,560px);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;position:fixed;inset:auto 12px 24px;transform:translateY(calc(100% + 40px));z-index:130!important}.uidesign-root .side-panel-content{flex:none;overflow-y:visible}.uidesign-root .side-panel-floating.mobile-open{opacity:1;pointer-events:auto;transform:translateY(0)}.uidesign-root .side-panel-floating.mobile-minimized{transform:translateY(calc(100% - 80px))!important}.uidesign-root .mobile-drag-handle{cursor:pointer;background:#fff;border-radius:1.5rem 1.5rem 0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:40px;display:flex}.uidesign-root .handle-bar{background:#ffccd5;border-radius:99px;width:40px;height:5px}.uidesign-root.mobile-panel-open .canvas-viewport{padding-bottom:min(32vh,280px);transition:padding-bottom .4s cubic-bezier(.16,1,.3,1)}.uidesign-root.mobile-panel-open.mobile-minimized-active .canvas-viewport{padding-bottom:80px}.uidesign-root.mobile-panel-open .zoom-control{opacity:0;pointer-events:none;transform:translate(-50%,-40px)}.uidesign-root .side-panel-content{padding:16px}.uidesign-root .panel-toggle{display:none}.uidesign-root .mobile-panel-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;opacity:0;pointer-events:none;background:#14141461;transition:opacity .25s;position:fixed;inset:0}.uidesign-root .mobile-panel-backdrop.mobile-open{opacity:1;pointer-events:auto}.uidesign-root.mobile-panel-open .floating-toolbar{opacity:0;pointer-events:none;transform:translateY(-50%)translate(-12px)!important}.uidesign-root .zoom-control{z-index:65;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;border-width:.5px!important;border-radius:9999px!important;gap:14px!important;padding:8px 14px!important;bottom:24px!important;box-shadow:0 8px 16px #00000047!important}.uidesign-root .zoom-control button{flex:none;min-width:22px;min-height:22px;line-height:1}.uidesign-root .zoom-control #zoomVal{font-size:11px!important}.uidesign-root .zoom-control span.text-\[10px\]{font-size:9px!important}.uidesign-root footer{touch-action:none;-webkit-user-select:none;user-select:none}.uidesign-root #mobilePanelToggle{aspect-ratio:1;flex:none;line-height:1;width:52px!important;min-width:52px!important;height:52px!important;min-height:52px!important}.uidesign-root header>div:last-child{flex-wrap:nowrap}.uidesign-root header>div:last-child>div{flex:none;min-width:fit-content}.uidesign-root header>div:last-child a,.uidesign-root header>div:last-child button{white-space:nowrap;flex:none}}.uidesign-root .mobile-only{display:none}.uidesign-root .floating-toolbar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:100;background:#fffc;border:1px solid #0000000d;border-radius:9999px;flex-direction:column;align-items:center;padding:8px 6px;display:flex;position:absolute;top:50%;left:20px;transform:translateY(-50%);box-shadow:0 20px 50px #0000001a,inset 0 1px 1px #fffc}.uidesign-root .floating-toolbar-inner{box-sizing:border-box;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-direction:column;align-items:center;gap:4px;width:100%;min-height:0;max-height:min(72vh,100dvh - 112px);padding-top:8px;padding-bottom:14px;display:flex;overflow:hidden auto}.uidesign-root .floating-toolbar-inner>*{flex-shrink:0}.uidesign-root .floating-toolbar-inner::-webkit-scrollbar{width:4px}.uidesign-root .floating-toolbar-inner::-webkit-scrollbar-thumb{background:#0000001f;border-radius:999px}.uidesign-root .tool-btn{color:#0000004d;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:9999px;outline:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.uidesign-root .tool-btn:focus{outline:none}.uidesign-root .tool-btn:focus-visible{outline-offset:2px;outline:2px solid #ff477e99}.uidesign-root .tool-btn.active{color:#fff;background:linear-gradient(135deg,#ff477e,#ff8fab);box-shadow:0 6px 12px #ff477e40}.uidesign-root .tool-btn:hover:not(.active){color:#000;background:#0000000a}.uidesign-root .tool-btn .tooltip{color:#000;white-space:nowrap;opacity:0;pointer-events:none;background:#fff;border:1px solid #0000000d;border-radius:8px;padding:5px 10px;font-size:10px;font-weight:700;transition:all .2s;position:absolute;left:calc(100% + 14px);transform:translate(-6px);box-shadow:0 10px 30px #0000001a}.uidesign-root .tool-btn:hover .tooltip{opacity:1;transform:translate(0)}.uidesign-root .color-indicator{cursor:pointer;border:1.5px solid #0000000d;border-radius:9999px;width:28px;height:28px;margin-bottom:2px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000014}.uidesign-root .color-indicator:after{content:"";background:linear-gradient(to top right,#0000001a,#0000);position:absolute;inset:0}.uidesign-root .color-indicator:hover{transform:scale(1.05)}.uidesign-root .color-indicator-glow{filter:blur(8px);z-index:-1;background:#ff477e33;border-radius:9999px;position:absolute;inset:0}.uidesign-root .canvas-viewport{cursor:grab;background-color:#fff5f7;flex:1;justify-content:center;align-items:center;transition:padding-bottom .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.uidesign-root .canvas-viewport:active{cursor:grabbing}.uidesign-root .canvas-viewport.cursor-pixel-pen,.uidesign-root .canvas-viewport.cursor-pixel-pen:active{cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kX3Blbl8xKSI+CiAgICA8cGF0aCBkPSJNMTkuNSAzLjVDMTkuMSAzLjEgMTguNSAzLjEgMTguMSAzLjVMMTUgNi42TDE3LjQgOUwyMC41IDUuOUMyMC45IDUuNSAyMC45IDQuOSAyMC41IDQuNUwxOS41IDMuNVoiIGZpbGw9IiNmZjQ3N2UiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4yIi8+CiAgICA8cGF0aCBkPSJNOSAxMi42TDE0LjcgNi45TDE3LjEgOS4zTDExLjQgMTVMMTkuNSA3LjJMMTEuNCAxNS4xTDkgMTIuNlowIiBmaWxsPSJ3aGl0ZSIvPgogICAgPHBhdGggZD0iTTE2LjUgOC42TDcuNSAxNy42TDYuNCAyMC4xTDguOSAxOUwxNy45IDEwTDE2LjUgOC42WiIgZmlsbD0iIzIyMjIyMiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4yIi8+CiAgICA8cGF0aCBkPSJNNi40IDIwLjFMMi41IDIzLjFMMy45IDIxLjhMNi40IDIwLjFaIiBmaWxsPSIjMjIyMjIyIi8+CiAgPC9nPgogIDxkZWZzPgogICAgPGZpbHRlciBpZD0iZmlsdGVyMF9kX3Blbl8xIiB4PSIyIiB5PSIyIiB3aWR0aD0iMjAiIGhlaWdodD0iMjIiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgIDxmZU9mZnNldCBkeT0iMSIvPgogICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KICAgICAgPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMCIvPgogICAgICA8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIi8+CiAgICA8L2ZpbHRlcj4KICA8L2RlZnM+Cjwvc3ZnPg==) 4 20,pointer}.uidesign-root .canvas-viewport.cursor-pixel-eraser,.uidesign-root .canvas-viewport.cursor-pixel-eraser:active{cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kX2VyYXNlcl8xKSI+CiAgICA8cGF0aCBkPSJNMTkgNkw5IDE2TDYgMTNMMTYgM0wxOSA2WiIgZmlsbD0iI2ZmODlhYiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjIiLz4KICAgIDxwYXRoIGQ9Ik05IDE2TDUgMjBMMiAxN0w2IDEzTDkgMTZaIiBmaWxsPSIjZjNhNGI3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMiIvPgogICAgPHBhdGggZD0iTTUgMjBIMTEiIHN0cm9rZT0iIzIyMjIyMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICAvZz4KICA8ZGVmcz4KICAgIDxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF9lcmFzZXJfMSIgeD0iMiIgeT0iMiIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIyIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8ZmVPZmZzZXQgZHk9IjEiLz4KICAgIDxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8xMDJfMiIgeD0iMiIgeT0iMiIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KICAgICAgPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMCIvPgogICAgICA8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIi8+CiAgICA8L2ZpbHRlcj4KICAvZGVmcz4KPC9zdmc+) 6 18,pointer}.uidesign-root .canvas-viewport.cursor-pixel-picker,.uidesign-root .canvas-viewport.cursor-pixel-picker:active{cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kXzEwMl8yKSI+CiAgICA8cGF0aCBkPSJNMTguNSAzLjVDMTcuNiAyLjYgMTYuMSAyLjYgMTUuMiAzLjVMMTMuNyA1TDE5IDExTDIwLjUgOS41QzIxLjQgOC42IDIxLjQgNy4xIDIwLjUgNi4yTDE4LjUgMy41WiIgZmlsbD0id2hpdGUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgICA8cGF0aCBkPSJNNSAyMEwxMi41IDEyLjVMMTEuNSAxMS41TDQgMTlMNSAyMFoiIGZpbGw9IndoaXRlIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogICAgPHBhdGggZD0iTTEzIDZMNy41IDExLjVMMTEuNSAxNS41TDE3IDEwTDEzIDZaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KICAgIDxwYXRoIGQ9Ik00IDE5QzMuNCAxOS42IDMuNCAyMC40IDQgMjFDNC42IDIxLjYgNS40IDIxLjYgNiAyMEw1IDE5SDRaIiBmaWxsPSJibGFjayIvPgogIDwvZz4KICA8ZGVmcz4KICAgIDxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8xMDJfMiIgeD0iMiIgeT0iMiIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgogICAgICA8ZmVPZmZzZXQgZHk9IjEiLz4KICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC41Ii8+CiAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18xMDJfMiIvPgogICAgICA8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18xMDJfMiIgcmVzdWx0PSJzaGFwZSIvPgogICAgPC9maWx0ZXI+CiAgPC9kZWZzPgo8L3N2Zz4=) 2 22,crosshair}.uidesign-root.ui-restoring .canvas-viewport,.uidesign-root.ui-restoring .canvas-viewport *{cursor:none!important}.uidesign-root .ruler-overlay{font-variant-numeric:tabular-nums;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.uidesign-root .ruler-label{transform-origin:50%;will-change:transform}.uidesign-root .canvas-viewport.draw-touch-mode,.uidesign-root .canvas-viewport.draw-touch-mode *,.uidesign-root .canvas-viewport.picker-touch-mode,.uidesign-root .canvas-viewport.picker-touch-mode *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.uidesign-root .main-content{flex:auto;width:100%;min-height:0;display:flex;position:relative}.uidesign-root .side-panel-floating{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:40;background:#ffffffd9;border:2px solid #ffccd5;border-radius:2rem;flex-direction:column;width:340px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;display:flex;position:absolute;top:24px;bottom:24px;right:24px;box-shadow:-10px 10px 30px #ffb6c133}.uidesign-root .side-panel-floating::-webkit-scrollbar{display:none}.uidesign-root .side-panel-floating{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:768px){.uidesign-root{height:100dvh;overflow:hidden}.uidesign-root .main-content{flex-direction:column;height:calc(100dvh - 64px)}.uidesign-root .canvas-viewport{background-color:#fff;border-bottom:none;flex:1;width:100%;height:100%;transition:height .4s cubic-bezier(.16,1,.3,1);position:relative}.uidesign-root.mobile-panel-open .canvas-viewport{border-bottom:4px solid #ffccd5;flex:none;height:52vh}.uidesign-root .side-panel-floating{transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;position:fixed;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:0!important;pointer-events:none!important;z-index:130!important;background:#fff!important;border:none!important;border-radius:0!important;width:100%!important;height:48vh!important;max-height:none!important;margin:0!important;display:flex!important;inset:auto 0 0!important;overflow-y:auto!important;transform:translateY(100%)!important;box-shadow:0 -4px 20px #0000000d!important}.uidesign-root.mobile-panel-open .side-panel-floating{flex:1;opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important}.uidesign-root .side-panel-floating .side-panel-content section:not(.essential-params){display:block!important}.uidesign-root .mobile-drag-handle,.uidesign-root .mobile-panel-backdrop,.uidesign-root.mobile-panel-open .floating-toolbar{display:none!important}.uidesign-root .floating-toolbar{z-index:100;top:50%!important;left:10px!important;transform:translateY(-50%)!important}}.uidesign-root .side-panel-content{scrollbar-width:none;flex:1;padding:24px;overflow:hidden auto}.uidesign-root .side-panel-content::-webkit-scrollbar{display:none}@media (max-width:768px){.uidesign-root .side-panel-content{flex:none!important;overflow-y:visible!important}}.uidesign-root .side-panel-collapsed{transform:translate(100%)}.uidesign-root .panel-rail{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#ffffffeb;border:1.5px solid #ffccd5;border-right:none;border-radius:12px 0 0 12px;flex-direction:column;align-items:center;gap:2px;width:36px;margin-left:-1.5px;padding:5px 0;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:48px;left:0;transform:translate(-100%);box-shadow:-4px 0 12px #ffb6c126}.uidesign-root .side-panel-collapsed .panel-rail{background:#fff;border-color:#ff477e;box-shadow:-6px 0 20px #ff477e2e}.uidesign-root .panel-rail-btn{color:#ffb3c5;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:color .18s,background .18s,box-shadow .18s;display:flex;position:relative}.uidesign-root .panel-rail-btn:hover{color:#ff477e;background:#ff477e14}.uidesign-root .panel-rail-btn.is-active{box-shadow:0 2px 5px #ff477e52,inset 0 1px #ffffff73}.uidesign-root .panel-rail-btn.is-active,.uidesign-root .panel-rail-btn.is-active:hover{color:#fff;background:linear-gradient(135deg,#ff477e,#ff8fab)}.uidesign-root .panel-rail-divider{background:#ff8fab59;width:16px;height:1px;margin:5px 0}.uidesign-root .panel-rail-tooltip{color:#fff;letter-spacing:.5px;white-space:nowrap;opacity:0;pointer-events:none;z-index:60;background:#232323;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:700;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:-8px;transform:translate(-100%,-50%)translate(4px)}.uidesign-root .panel-rail-btn:hover .panel-rail-tooltip{opacity:1;transform:translate(-100%,-50%)translate(0)}@media (max-width:768px){.uidesign-root .panel-rail{display:none}}.uidesign-root .panel-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ff477e;cursor:pointer;z-index:50;background:#ffffffe6;border:2px solid #ffccd5;border-right:none;border-radius:12px 0 0 12px;justify-content:center;align-items:center;width:24px;height:64px;margin-left:-2px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:60px;left:0;transform:translate(-100%);box-shadow:-4px 0 12px #ffb6c126}.uidesign-root .panel-toggle:before{content:"";opacity:.3;background:linear-gradient(#ffccd5,#ff477e);border-radius:14px 0 0 14px;padding:2px;transition:opacity .3s;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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}.uidesign-root .panel-toggle:hover{color:#ff477e;background:#fff;width:28px}.uidesign-root .panel-toggle:hover:before{opacity:1}.uidesign-root .side-panel-collapsed .panel-toggle{background:#fff;border:2px solid #ff477e;border-right:none;width:24px;height:64px;box-shadow:-6px 0 20px #ff477e33}.uidesign-root .side-panel-collapsed .panel-toggle:hover{width:28px}.uidesign-root .color-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.uidesign-root .color-item.excluded{transform:scale(.9);opacity:.3!important;filter:grayscale()!important;box-shadow:none!important;border-style:dashed!important}.uidesign-root .no-scrollbar::-webkit-scrollbar{display:none}.uidesign-root .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.uidesign-root .color-system-btn.active{color:#fff!important;background-color:#ff477e!important;border-color:#ff477e!important}.uidesign-root .top-status-bar{z-index:60;width:min(640px,100vw - 560px)}@media (max-width:1280px){.uidesign-root .top-status-bar{width:min(560px,100vw - 440px)}.uidesign-root .top-status-bar>div{gap:12px;padding-left:16px;padding-right:16px}}@media (max-width:1100px){.uidesign-root .top-status-bar{width:min(520px,100vw - 360px)}}.uidesign-root #mobilePanelBackdrop,.uidesign-root #mobilePanelToggle,.uidesign-root .floating-toolbar,.uidesign-root .side-panel-floating,.uidesign-root .top-status-bar,.uidesign-root .zoom-control{will-change:opacity,transform;transition:opacity .28s cubic-bezier(.2,.9,.2,1),transform .28s cubic-bezier(.2,.9,.2,1)}.uidesign-root #paletteModal{opacity:0;pointer-events:none;will-change:opacity;transition:opacity .24s cubic-bezier(.2,.9,.2,1)}.uidesign-root #paletteModal.is-open{opacity:1;pointer-events:auto}.uidesign-root #paletteModal .palette-modal-panel{opacity:.98;will-change:transform,opacity;transition:transform .26s cubic-bezier(.2,.9,.2,1),opacity .26s cubic-bezier(.2,.9,.2,1);transform:translateY(10px)scale(.985)}.uidesign-root #paletteModal.is-open .palette-modal-panel{opacity:1;transform:translateY(0)scale(1)}.uidesign-root .palette-modal-panel{border:none;box-shadow:0 40px 100px #0003}.uidesign-root .modal-header-light{background:#fff;border-bottom:1px solid #0000000d}.uidesign-root .custom-scrollbar::-webkit-scrollbar{width:4px;height:4px}.uidesign-root .custom-scrollbar::-webkit-scrollbar-track{background:0 0}.uidesign-root .custom-scrollbar::-webkit-scrollbar-thumb{background:#0000000d;border-radius:10px}.uidesign-root .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#0000001a}.uidesign-root .tile-badge{color:#fff;background:#ff477e;border:2px solid #4a4a4af2;border-radius:10px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:900;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:2px 2px #4a4a4a40}.uidesign-root .tile-badge.neutral{color:#4a4a4a;background:#fff}.uidesign-root .tile-badge.disabled{color:#b0b0b0;background:#f1f1f0;border-color:#d1d1cc}.uidesign-root .color-tile.disabled{opacity:.55;filter:grayscale();border-color:#d1d1cc;box-shadow:2px 2px #e5e5e0}.uidesign-root .color-tile.disabled .color-swatch{border-color:#d1d1cc}.uidesign-root .color-group-title{z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border:2px solid #ffccd5;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex;position:sticky;top:0;box-shadow:2px 2px #ffccd58c}.uidesign-root .color-group-title .label{color:#4a4a4a;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:900}.uidesign-root .color-group-title .meta{color:#ff8fab;white-space:nowrap;font-size:10px;font-weight:800}@keyframes uidesign_focus_chip_pulse{0%{transform:scale(1);box-shadow:0 0 #10b9818c}35%{transform:scale(1.12);box-shadow:0 0 0 8px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}.focus-chip-pulse{animation:uidesign_focus_chip_pulse .6s ease-out}@media (prefers-reduced-motion:reduce){.focus-chip-pulse{animation:none}}.uidesign-root[data-focus-fullscreen=true] .floating-toolbar,.uidesign-root[data-focus-fullscreen=true] .side-panel-floating,.uidesign-root[data-focus-fullscreen=true] header{display:none!important}.uidesign-root[data-focus-fullscreen=true] .main-content{margin:0!important;padding:0!important}.uidesign-root[data-focus-fullscreen=true] .editor-ruler,.uidesign-root[data-focus-fullscreen=true] .ruler-overlay,.uidesign-root[data-focus-fullscreen=true] .zoom-control{display:none!important}.uidesign-root[data-focus-fullscreen=true] .canvas-bg{background-color:#f8f5f4!important;background-image:none!important}.uidesign-root[data-focus-fullscreen=true]{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}dialog.auth-shell:focus{outline:none}dialog.auth-shell::backdrop{-webkit-backdrop-filter:blur(10px);background:#0f172a66}@media (max-width:639px){body[style*="overflow: hidden"]:before{content:"";z-index:250;background:#fff;position:fixed;inset:0}dialog.auth-shell{background-color:#fff!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;top:0!important;left:0!important}.uidesign-root.auth-modal-root{padding-top:env(safe-area-inset-top,20px)!important;background-color:#fff!important;background-image:none!important}}.uidesign-root.auth-modal-root{background-attachment:scroll;background-blend-mode:normal;opacity:1}