body{overscroll-behavior:none}*{touch-action:auto}.scrollable{scroll-behavior:smooth}:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}a:focus-visible,button:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:0;border-color:hsl(var(--primary))}[role=button]:focus-visible,[role=option]:focus-visible,[role=tab]:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}a[href="#main-content"]:focus-visible{outline:3px solid hsl(var(--primary));outline-offset:4px;box-shadow:0 0 0 4px rgba(0,0,0,.1)}[role=dialog] button:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px;box-shadow:0 0 0 4px rgba(0,0,0,.05)}[aria-label*=color]:focus-visible{outline:3px solid hsl(var(--primary));outline-offset:2px;box-shadow:0 0 0 5px rgba(255,255,255,.8)}@media (prefers-color-scheme:dark){:focus-visible{outline-color:hsl(var(--primary))}[aria-label*=color]:focus-visible{box-shadow:0 0 0 5px rgba(0,0,0,.5)}}@media (prefers-contrast:high){:focus-visible{outline-width:3px;outline-offset:3px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}canvas{cursor:default}canvas:active{cursor:inherit}.toolbar{background:#fff;border:1px solid hsl(0 0% 89%);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;border-radius:9999px;padding:12px;display:flex;gap:4px;width:fit-content;max-width:90vw;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;z-index:9999}.toolbar[data-transparent]{background:transparent!important;border:none!important;box-shadow:none!important;padding:10px 16px 16px!important}.toolbar[data-mode=embedded]{border-radius:8px;transition:opacity .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1)}@starting-style{.toolbar[data-mode=embedded]{opacity:0;transform:translateY(-4px) scale(.98)}}.toolbar[data-wrap]{flex-wrap:wrap;justify-content:flex-start;width:100%;gap:4px;padding:0}.toolbar[data-wrap] .toolbar-items{flex-wrap:wrap;justify-content:flex-start;gap:2px;row-gap:4px}.toolbar .toolbar-items button:hover{background:#00000014}.dark .toolbar .toolbar-items button:hover{background:#ffffff1f}.toolbar[data-entering]{animation:toolbar-enter .2s cubic-bezier(.22,1,.36,1)}.toolbar[data-mode=embedded][data-entering]{animation:toolbar-enter-embedded .2s cubic-bezier(.22,1,.36,1)}.toolbar[data-exiting]{animation:toolbar-exit .2s cubic-bezier(.4,0,1,1)}.toolbar[data-mode=embedded][data-exiting]{animation:none}@keyframes toolbar-enter{0%{opacity:0;transform:translate(-50%) scale(.98) translateY(4px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}@keyframes toolbar-enter-embedded{0%{opacity:0;transform:scale(.98) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes toolbar-exit{0%{opacity:1;transform:translate(-50%) scale(1) translateY(0)}to{opacity:0;transform:translate(-50%) scale(.98) translateY(4px)}}@keyframes toolbar-exit-embedded{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.98) translateY(4px)}}.toolbar .toolbar-items{display:flex;gap:0;align-items:center}.toolbar-btn{background:transparent;border:1px solid transparent;border-radius:8px;padding:8px;color:#666;font-size:16px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;height:44px;width:44px}@media (min-width:768px){.toolbar-btn{height:36px;width:36px;padding:6px}}.toolbar-btn svg{flex-shrink:0}.toolbar-btn-auto{width:auto;min-width:44px}@media (min-width:768px){.toolbar-btn-auto{min-width:36px}}.toolbar-btn:hover:not(.disabled):not(.active){background:#f2f2f2;color:#1a1a1a}.toolbar-btn.active{background:transparent;color:hsl(var(--primary))}.toolbar [data-active=true],.toolbar [data-active=true]:hover,button[data-active=true],button[data-active=true]:hover{background:var(--muted)!important;color:hsl(var(--primary))!important}.toolbar-btn.disabled{opacity:.4;cursor:not-allowed}.dark .toolbar-btn{color:#b3b3b3}.dark .toolbar-btn:hover:not(.disabled):not(.active){background:#333;color:#f2f2f2}.dark .toolbar-btn.active{color:hsl(var(--primary))}.dark .toolbar [data-active=true],.dark button[data-active=true]{background:var(--muted)!important;color:hsl(var(--primary))!important}.toolbar-group{gap:0;padding:0;margin:0 12px;border:1px solid hsl(0 0% 89%);border-radius:8px}.toolbar-btn-sm,.toolbar-group{display:flex;align-items:center;background:transparent}.toolbar-btn-sm{border:none;border-radius:0;color:#1a1a1a;font-size:16px;font-weight:400;width:36px;height:36px;cursor:pointer;transition:all .15s;justify-content:center}.toolbar-btn-sm:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.toolbar-btn-sm:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.toolbar-btn-sm:hover{background:#f2f2f2}.toolbar-btn-sm:active{transform:scale(.95)}.toolbar-font-size-display{background:transparent;border:1px solid hsl(0 0% 89%);border-top:none;border-bottom:none;color:#1a1a1a;font-size:13px;font-weight:500;min-width:40px;height:36px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.toolbar-font-size-display:hover{background:#f2f2f2}.dark .toolbar-group{border-color:#404040;background:transparent}.dark .toolbar-btn-sm{color:#f2f2f2}.dark .toolbar-btn-sm:hover{background:#333}.dark .toolbar-font-size-display{border-left-color:#404040;border-right-color:#404040;color:#f2f2f2}.dark .toolbar-font-size-display:hover{background:#333}.toolbar::-webkit-scrollbar{display:none}.dark .toolbar{background:#1f1f1f;border-color:#404040}.fixed.inset-0.z-overlay{background:#0006!important}.fixed.bottom-0.z-drawer{background:#fff!important}.rounded-sm[class*="bg-[var(--color-drawer-handle)]"]{background:#d1d5db!important}.dark .fixed.inset-0.z-overlay{background:#0009!important}.dark .fixed.bottom-0.z-drawer{background:#1a1a1a!important}.dark .rounded-sm[class*="bg-[var(--color-drawer-handle)]"]{background:#444!important}.bg-bg-primary:not([role=dialog]):not([data-slot=content]){border-radius:9999px!important}[data-slot=content].bg-bg-primary,[role=dialog].bg-bg-primary{border-radius:12px!important}.effects-panel,.export-panel,.layers-panel{z-index:100}.secondary-toolbar-panel{background:transparent;border-radius:8px 8px 0 0!important;border:none!important;box-shadow:none!important;display:flex;flex-direction:column;min-height:0}.secondary-toolbar-panel.crop-panel{overflow:hidden}.secondary-toolbar-panel-wrapper{min-height:0}.secondary-toolbar-panel>:not([aria-hidden=true]){flex-shrink:0}.secondary-panel-scroll-container{padding-bottom:24px;overflow-y:auto}@media (min-width:768px){.secondary-panel-scroll-container{padding-bottom:0;overflow:visible!important}.secondary-toolbar-panel-wrapper{overflow:visible!important}}.crop-anchor-btn{border:1px solid transparent;cursor:pointer;background:transparent;transition:all .15s;display:flex;align-items:center;justify-content:center}.crop-anchor-btn.active{background:color-mix(in srgb,var(--primary) 80%,transparent);border:none}.crop-anchor-dot{border-radius:50%;background:var(--foreground);opacity:.5;transition:all .15s}.crop-anchor-dot.active{background:var(--primary-foreground);opacity:1}.toolbar-slide-container{position:relative;display:flex;align-items:center;width:100%;overflow:hidden}.toolbar-regular-content{display:flex;align-items:center;gap:4px;transform:translateY(0);opacity:1;transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .2s ease-out}.toolbar-regular-content[data-hidden]{transform:translateY(-100%);opacity:0;pointer-events:none;position:absolute}.toolbar-collapsed-header{display:flex;align-items:center;width:100%;transform:translateY(100%);opacity:0;transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .2s ease-out;position:absolute;left:0;right:0}.toolbar-collapsed-header[data-visible]{transform:translateY(0);opacity:1;position:relative}[role=dialog] [data-slot=track]{background:#e3e3e3!important;height:4px!important}[role=dialog] [data-slot=fill-track]{background:#333!important}[role=dialog] [data-slot=thumb]{background:#fff!important;border:2px solid hsl(0 0% 20%)!important;width:16px!important;height:16px!important}.dark [role=dialog] [data-slot=track]{background:#404040!important}.dark [role=dialog] [data-slot=fill-track]{background:#ccc!important}.dark [role=dialog] [data-slot=thumb]{background:#1f1f1f!important;border-color:#ccc!important}[data-radix-slider-root],[data-radix-slider-thumb]{touch-action:none;-webkit-user-select:none;user-select:none}[data-radix-slider-thumb]{-webkit-touch-callout:none}