.toolbar-container.svelte-13ysmxi.svelte-13ysmxi{z-index:20;width:100%;border-left-width:1px;border-color:#fff3;background-color:#fffc;--tw-backdrop-blur:blur(16px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@media (min-width: 400px){.toolbar-container.svelte-13ysmxi.svelte-13ysmxi{width:400px}}.toolbar-container.svelte-13ysmxi.svelte-13ysmxi{box-shadow:0 8px 32px #1f26875e}.toolbar.svelte-13ysmxi.svelte-13ysmxi{max-height:100vh;overflow-y:auto;padding:1.5rem;scrollbar-width:thin;scrollbar-color:rgba(155,155,155,.5) transparent}.toolbar.svelte-13ysmxi.svelte-13ysmxi::-webkit-scrollbar{width:6px}.toolbar.svelte-13ysmxi.svelte-13ysmxi::-webkit-scrollbar-track{background:transparent}.toolbar.svelte-13ysmxi.svelte-13ysmxi::-webkit-scrollbar-thumb{border-radius:9999px;background-color:#9ca3af80}.color-groups-container.svelte-13ysmxi.svelte-13ysmxi{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}.color-group.svelte-13ysmxi.svelte-13ysmxi{border-radius:.75rem;border-width:1px;border-color:#ffffff4d;background-color:#fff6;padding:1.25rem;--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);box-shadow:0 4px 24px -1px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.color-group.svelte-13ysmxi.svelte-13ysmxi:hover{background-color:#ffffff80;transform:translateY(-2px);box-shadow:0 8px 28px -1px #00000026}.color-group.svelte-13ysmxi h3.svelte-13ysmxi{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity));background:linear-gradient(120deg,#2d3748,#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.color-input.svelte-13ysmxi.svelte-13ysmxi{margin-bottom:1.25rem}.color-input.svelte-13ysmxi.svelte-13ysmxi:last-child{margin-bottom:0}.color-input.svelte-13ysmxi label.svelte-13ysmxi{margin-bottom:.5rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity))}.input-group.svelte-13ysmxi.svelte-13ysmxi{display:flex;align-items:center;gap:.75rem}.input-group.svelte-13ysmxi input[type=color].svelte-13ysmxi{height:2.5rem;width:3.5rem;cursor:pointer;border-radius:.5rem;-webkit-appearance:none;border:none;padding:0;transition:transform .2s ease}.input-group.svelte-13ysmxi input[type=color].svelte-13ysmxi:hover{transform:scale(1.05)}.input-group.svelte-13ysmxi input[type=color].svelte-13ysmxi::-webkit-color-swatch-wrapper{border-radius:.5rem;padding:0}.input-group.svelte-13ysmxi input[type=color].svelte-13ysmxi::-webkit-color-swatch{border-radius:.5rem;border-style:none}.input-group.svelte-13ysmxi input[type=text].svelte-13ysmxi{flex:1 1 0%;border-radius:.5rem;border-width:1px;border-color:#ffffff4d;background-color:#ffffff80;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.input-group.svelte-13ysmxi input[type=text].svelte-13ysmxi:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color:rgb(96 165 250 / .5)}select.svelte-13ysmxi.svelte-13ysmxi{background-color:#ffffff80;--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}select.svelte-13ysmxi.svelte-13ysmxi:hover{background-color:#ffffffb3}button.svelte-13ysmxi.svelte-13ysmxi{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}button.svelte-13ysmxi.svelte-13ysmxi:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}button.svelte-13ysmxi.svelte-13ysmxi:active{--tw-scale-x:.98;--tw-scale-y:.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (max-width: 768px){.toolbar-container.svelte-13ysmxi.svelte-13ysmxi{position:fixed;top:0;left:0;right:0}}.phone-mockup.svelte-13ysmxi.svelte-13ysmxi{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(45deg,#f3f4f6,#e5e7eb);padding:2rem}.phone-frame.svelte-13ysmxi.svelte-13ysmxi{position:relative;width:390px;height:780px;background:#1a1a1a;border-radius:48px;padding:14px;box-shadow:0 50px 100px -20px #00000040,0 30px 60px -30px #0000004d,inset 0 -2px 6px #ffffff1a;overflow:hidden}.phone-screen.svelte-13ysmxi.svelte-13ysmxi{width:100%;height:100%;background:#fff;border-radius:36px;overflow:hidden;position:relative}.phone-notch.svelte-13ysmxi.svelte-13ysmxi{position:absolute;top:0;left:50%;transform:translate(-50%);width:160px;height:28px;background:#1a1a1a;border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:1}.phone-home-button.svelte-13ysmxi.svelte-13ysmxi{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:140px;height:4px;background:rgba(255,255,255,.1);border-radius:2px}