.accouncement-dot{border-radius:var(--radius-circle);background-color:var(--border-secondary);cursor:pointer;border:none;width:8px;height:8px;padding:0;transition:all .2s}.accouncement-dot.is-active{background-color:var(--primary)}.accouncement-dot:hover{background-color:var(--text-secondary)}.accouncement-dot.is-active:hover{background-color:var(--primary)}.comparison-container{cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:100%;transition:none;position:relative;overflow:hidden}.comparison-container *{transition:none!important}.comparison-wrapper{border-radius:var(--radius-lg);width:100%;max-width:100%;height:100%;max-height:100%;position:relative;overflow:hidden}.original-image,.edited-image{position:absolute;inset:0}.original-image img,.edited-image img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;object-fit:contain;width:100%;height:100%}.original-image{border-radius:var(--radius-lg)}.edited-image{transition:clip-path .1s ease-out}.slider-line{z-index:3;width:1px;height:100%;box-shadow:var(--shadow-xs);background:#fff;position:absolute;top:0;transform:translate(-1px)}.slider-handle{cursor:ew-resize;border-radius:var(--radius-pill);z-index:4;touch-action:none;width:44px;height:44px;transition:transform .2s,box-shadow .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}.slider-handle i,.slider-handle svg{color:#fff}.slider-handle:hover{background-color:#00000080;box-shadow:0 4px 12px #0006}.slider-handle:active,.slider-line-active .slider-handle{background-color:#00000080;transform:translate(-50%,-50%)scale(.95);box-shadow:0 4px 12px #0006}.label-badge{color:#fff;border-radius:var(--radius-pill);font-size:var(--text-xs);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#00000080;padding:6px 12px;position:absolute;top:12px}.label-badge-left{left:12px}.label-badge-right{right:12px}@media (width<=639px){.slider-handle{width:36px;height:36px}.label-badge{padding:4px 8px}}.slider-wrapper{background:var(--secondary);border-radius:var(--radius-sm);position:relative}.slider-wrapper:hover:not(:disabled) input[type=range]::-webkit-slider-thumb{transform:scaleY(1.2)}.slider-number-input{width:40px;font-size:var(--text-xs);text-align:left;z-index:2;pointer-events:none;background:0 0;border:0;outline:none;font-weight:500;position:absolute;top:0;bottom:0;left:8px}.slider-number-input.is-editing{pointer-events:auto;text-align:left;z-index:10;width:100%;padding-left:12px;padding-right:12px;left:0;right:0}.slider-fill{background:var(--background);z-index:1;pointer-events:none;border-radius:6px 0 0 6px;position:absolute;top:0;bottom:0;transition:all .1s ease-out!important}.slider-center-mark{z-index:0;pointer-events:none;background:#fff3;width:1px;position:absolute;top:8px;bottom:8px}.slider-range-input{opacity:1;cursor:pointer;z-index:3;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.slider-range-input::-webkit-slider-thumb{appearance:none;background:var(--primary);border-radius:var(--radius-sm);border:0;width:6px;height:28px;transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d}.slider-range-input::-webkit-slider-runnable-track{background:0 0;border:0;width:100%;height:28px}.slider-range-input:focus{outline:none}.intensity-edit-btn{opacity:0;pointer-events:none;transition:opacity .12s ease-out}.intensity-control-row:hover .intensity-edit-btn,.intensity-control-row.is-editing .intensity-edit-btn{opacity:1;pointer-events:auto}@media (width<=1023px){.intensity-edit-btn{display:none}}.intensity-edit-btn:active,.intensity-edit-btn:active:hover,.intensity-edit-btn:focus,.intensity-edit-btn:focus:hover,.intensity-edit-btn:hover{background-color:var(--accent);border:1px solid var(--accent);color:var(--accent-foreground)}.intensity-edit-btn:active i,.intensity-edit-btn:active svg,.intensity-edit-btn:active:hover i,.intensity-edit-btn:active:hover svg,.intensity-edit-btn:focus i,.intensity-edit-btn:focus svg,.intensity-edit-btn:focus:hover i,.intensity-edit-btn:focus:hover svg,.intensity-edit-btn:hover i,.intensity-edit-btn:hover svg{color:var(--accent-foreground)}.adjust-section:not(:last-child){border-bottom:1px solid var(--border-secondary);padding-bottom:16px}.adjust-section-content:has(.accordion-adjustment){gap:0}.accordion-adjustment{cursor:pointer;-webkit-user-select:none;user-select:none}.accordion-content{border-bottom:1px solid var(--border-secondary);margin-bottom:4px;padding-left:4px}.accordion-item:has(.accordion-content){gap:4px}.accordion-item:hover .accordion-adjustment span,.accordion-adjustment.active span{color:var(--primary)}.crop-section:not(:last-child){border-bottom:1px solid var(--border-secondary);padding-bottom:16px}.crop-section .switch .switch-item span{font-size:var(--text-xs);font-weight:500}.crop-tab-list{background:var(--white);border-radius:var(--radius-lg)}.crop-tab{appearance:none;cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:0 0;border:0;transition:all .2s!important}.crop-tab:hover{background:var(--background)}.crop-tab[aria-selected=true]{background:var(--primary);color:var(--white)}.crop-tab[aria-selected=true] span{color:var(--white)}.crop-tab:focus-visible{outline:1px solid var(--primary);outline-offset:1px}.crop-more-button:hover{text-underline-offset:3px;text-decoration:underline}.crop-input-group{background:var(--white);border-radius:var(--radius-md)}.crop-input{background:0 0;border:0;outline:none}.crop-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.crop-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.crop-input[type=number]{appearance:textfield}.aspect-ratio-grid>button:first-child .preset-shape{padding:6px}.aspect-ratio-grid>button:first-child .preset-shape .frame{border:0}.aspect-ratio-grid>button:not(:first-child) .preset-shape .frame .frame-edge-center{display:none}.aspect-ratio-preset{appearance:none;background-color:#0000;border:0}.aspect-ratio-preset:hover .preset-icon,.aspect-ratio-preset.active .preset-icon{border-color:var(--primary)}.aspect-ratio-preset:hover .preset-shape{scale:1.1}.preset-icon{border:1px solid var(--border-secondary);background-color:var(--white);border-radius:var(--radius-sm);width:100%;height:70px;padding:8px;position:relative;transition:all .2s!important}.preset-shape{background:var(--background);border-radius:var(--radius-sm);padding:4px;transition:all .2s!important}.frame{border-radius:var(--radius-xs);border:2px solid var(--border-secondary);width:100%;height:100%;position:relative}.frame-edge:before,.frame-edge:after{content:"";border:3px solid var(--text-primary);outline:2px solid var(--background);width:6px;height:6px;position:absolute}.frame-edge-center:before,.frame-edge-center:after{background:var(--text-primary);border:0;width:3px;height:8px;top:50%;transform:translateY(-50%)}.frame-edge-center:before{left:-2.5px}.frame-edge-center:after{right:-2.5px}.frame-edge-top:before,.frame-edge-top:after{border-bottom:0;top:-2px}.frame-edge-top:before{border-radius:var(--radius-xs) 0 0 0;border-right:0;left:-2px}.frame-edge-top:after{border-radius:0 var(--radius-xs) 0 0;border-left:0;right:-2px}.frame-edge-bottom:before,.frame-edge-bottom:after{border-top:0;bottom:-2px}.frame-edge-bottom:before{border-radius:0 0 0 var(--radius-xs);border-right:0;left:-2px}.frame-edge-bottom:after{border-radius:0 0 var(--radius-xs) 0;border-left:0;right:-2px}.crop-cover-lines-container .cover-lines{background-color:var(--background);border:2px solid var(--primary);border-radius:var(--radius-xl);width:16px;height:60px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.crop-cover-lines-container .cover-lines:before,.crop-cover-lines-container .cover-lines:after{content:"";z-index:1;background-color:var(--background);position:absolute}.crop-cover-lines-container .cover-lines:before{width:8px;top:-4px;bottom:-4px;left:-2px}.crop-cover-lines-container .cover-lines:after{width:36px;height:36px;top:50%;right:-18px;transform:translateY(-50%)}.crop-cover-lines-container.unlock .cover-lines{opacity:.5}.crop-lock-button{position:relative}.crop-overlay-container{pointer-events:none;position:absolute;top:0;left:0}.crop-box{border:1px solid var(--primary);pointer-events:auto;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;box-sizing:border-box;will-change:transform, width, height;position:absolute}.crop-box:active{cursor:grabbing}.crop-box:focus-visible,.corner-handle-container:focus-visible,.edge-handle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.crop-grid{pointer-events:none;filter:drop-shadow(0 0 1px #00000080);background-image:linear-gradient(90deg,#0000 calc(33.333% - .5px),#ffffff80 calc(33.333% - .5px) calc(33.333% + .5px),#0000 calc(33.333% + .5px)),linear-gradient(90deg,#0000 calc(66.666% - .5px),#ffffff80 calc(66.666% - .5px) calc(66.666% + .5px),#0000 calc(66.666% + .5px)),linear-gradient(#0000 calc(33.333% - .5px),#ffffff80 calc(33.333% - .5px) calc(33.333% + .5px),#0000 calc(33.333% + .5px)),linear-gradient(#0000 calc(66.666% - .5px),#ffffff80 calc(66.666% - .5px) calc(66.666% + .5px),#0000 calc(66.666% + .5px));width:100%;height:100%;position:absolute;top:0;left:0}.corner-handle-container{pointer-events:auto;z-index:10;touch-action:none;position:absolute}.corner-handle-container:hover{transform:scale(1.2)}.corner-handle-container:active{transform:scale(1.1)}.corner-handle-container:hover .handle,.corner-handle-container:active .handle{background:var(--primary);border-color:var(--white)}.corner-handle-container:hover .handle:before,.corner-handle-container:active .handle:before{background:var(--primary)}.corner-handle-container.handle-nw{cursor:nwse-resize;top:-3px;left:-3px}.corner-handle-container.handle-ne{cursor:nesw-resize;top:-3px;left:calc(100% + 3px)}.corner-handle-container.handle-se{cursor:nwse-resize;top:calc(100% + 3px);left:calc(100% + 3px)}.corner-handle-container.handle-sw{cursor:nesw-resize;top:calc(100% + 3px);left:-3px}.corner-handle-horizontal{background:var(--white);border:1px solid var(--primary);border-radius:var(--radius-xs);width:16px;height:6px;position:absolute}.corner-handle-horizontal:before{content:"";background:var(--white);z-index:1;border-radius:var(--radius-xs);position:absolute;inset:0}.corner-handle-horizontal.handle-nw,.corner-handle-horizontal.handle-sw{left:0}.corner-handle-horizontal.handle-ne,.corner-handle-horizontal.handle-se{right:0}.corner-handle-horizontal.handle-nw,.corner-handle-horizontal.handle-ne{top:0}.corner-handle-horizontal.handle-sw,.corner-handle-horizontal.handle-se{bottom:0}.corner-handle-vertical{background:var(--white);border:1px solid var(--primary);border-radius:var(--radius-xs);width:6px;height:16px;position:absolute}.corner-handle-vertical.handle-nw,.corner-handle-vertical.handle-sw{left:0}.corner-handle-vertical.handle-ne,.corner-handle-vertical.handle-se{right:0}.corner-handle-vertical.handle-nw,.corner-handle-vertical.handle-ne{top:0}.corner-handle-vertical.handle-sw,.corner-handle-vertical.handle-se{bottom:0}.edge-handle{pointer-events:auto;z-index:10;touch-action:none;border:1px solid var(--primary);border-radius:var(--radius-xs);background:var(--white);position:absolute;transform:translate(-50%,-50%)}.edge-handle.handle-n{cursor:ns-resize;width:16px;height:6px;top:0;left:50%}.edge-handle.handle-s{cursor:ns-resize;width:16px;height:6px;top:100%;left:50%}.edge-handle.handle-e{cursor:ew-resize;width:6px;height:16px;top:50%;left:100%}.edge-handle.handle-w{cursor:ew-resize;width:6px;height:16px;top:50%;left:0}.edge-handle:hover{transform:translate(-50%,-50%)scale(1.2)}.edge-handle:active{transform:translate(-50%,-50%)scale(1.1)}.edge-handle.handle:hover,.edge-handle.handle:active{background:var(--primary);border-color:var(--white)}.crop-sub-toolbar{border-radius:var(--radius-sm);background:var(--background);transform:none;box-shadow:0 2px 8px #00000029}.straighten-controls{border-radius:var(--radius-sm);height:33px}.straighten-controls .straighten-slider-wrapper{min-width:140px}.straighten-controls .straighten-number{font-variant-numeric:tabular-nums;width:56px}@media (width<=1023px){.straighten-controls{gap:8px}.straighten-controls .straighten-slider-wrapper{min-width:120px}.crop-transform-controls,.crop-sub-toolbar-right{display:none}}.canvas-viewport{background:var(--background);grid-template-rows:0 1fr 0;grid-template-columns:0 1fr 0}.canvas-scroll-area{grid-area:2/2/3/3;place-content:safe center}.canvas-content-wrapper{box-sizing:border-box;padding:var(--canvas-padding,20px)}.webgl-canvas{-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;display:block;position:absolute;inset:0}.crop-overlay{border:2px solid var(--primary);border-radius:var(--radius-md);cursor:move;touch-action:none;background-image:linear-gradient(90deg,#ffffff4d 1px,#0000 1px),linear-gradient(#ffffff4d 1px,#0000 1px);background-size:33.3333% 33.3333%;outline:none;transition:border-color .2s;position:absolute;box-shadow:0 0 0 9999px #00000073}.crop-overlay:focus-visible{box-shadow:0 0 0 9999px #00000073, 0 0 0 2px var(--primary)}.crop-handle{border-radius:var(--radius-circle);border:2px solid var(--primary);background:var(--white);touch-action:none;z-index:10;width:14px;height:14px;transition:all .2s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0003}.crop-handle:hover{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 3px 6px #0000004d}.crop-handle.handle-nw{cursor:nwse-resize;top:0;left:0}.crop-handle.handle-n{cursor:ns-resize;top:0;left:50%}.crop-handle.handle-ne{cursor:nesw-resize;top:0;left:100%}.crop-handle.handle-e{cursor:ew-resize;top:50%;left:100%}.crop-handle.handle-se{cursor:nwse-resize;top:100%;left:100%}.crop-handle.handle-s{cursor:ns-resize;top:100%;left:50%}.crop-handle.handle-sw{cursor:nesw-resize;top:100%;left:0}.crop-handle.handle-w{cursor:ew-resize;top:50%;left:0}.filter-intensity-row{grid-column:1/-1}.filter-item-wrapper button{background-position:50%;background-size:cover;transition:all .2s ease-out}.filter-item{border-radius:var(--radius-lg);cursor:pointer;text-align:left;background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;width:100%;transition:all .2s ease-out;position:relative;overflow:hidden}.filter-item:hover{border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 1px 5px #0000004d}.filter-item.active{border-color:var(--primary,#007aff)}.filter-item-controls{background-color:var(--white);border-radius:var(--radius-lg)}.filter-loading{color:#999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#f0f0f0cc;font-size:11px;font-weight:500;position:absolute;inset:0}.filter-label{text-align:center;font-size:var(--text-xs);color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-weight:500;line-height:1.3;overflow:hidden}.filter-label.active{color:var(--primary,#007aff);font-weight:600}.left-rail{background:var(--background)}.left-rail button{border-color:#0000}.left-rail button.active{background-color:var(--primary);border:1px solid var(--primary);color:var(--primary-foreground)}.left-rail button.active i,.left-rail button.active svg{color:var(--primary-foreground)}.left-rail button.active:hover{background-color:var(--primary);border:1px solid var(--primary);color:var(--primary-foreground)}.left-rail button.active:hover i,.left-rail button.active:hover svg{color:var(--primary-foreground)}.left-rail .mode-button:hover{background-color:var(--secondary);border:1px solid var(--secondary);color:var(--secondary-foreground)}.left-rail .mode-button:hover i,.left-rail .mode-button:hover svg{color:var(--secondary-foreground)}@media (width<=1023px){.left-rail button{min-width:80px}}.side-panel-wrapper{background:var(--background);border-right:1px solid var(--border-secondary);padding:0;overflow:auto}.side-panel-wrapper.is-overflowing{scrollbar-gutter:stable}.side-panel-wrapper::-webkit-scrollbar-track{background:var(--track-background);border-radius:3px}.side-panel-wrapper::-webkit-scrollbar-thumb{background:var(--thumb-background);border-radius:3px}.side-panel-wrapper::-webkit-scrollbar-thumb:hover{background:var(--thumb-background-hover)}.side-panel-wrapper.dark-mode::-webkit-scrollbar-track{background:var(--white-alpha-1)!important}.side-panel-wrapper.dark-mode::-webkit-scrollbar-thumb{background:var(--white-alpha-2)!important}.side-panel-wrapper.dark-mode::-webkit-scrollbar-thumb:hover{background:var(--white-alpha-3)!important}@media (width<=1023px){.side-panel-wrapper{z-index:4;height:50svh;padding-bottom:76px;position:absolute;bottom:0;left:0;right:0;overflow:auto}.side-panel-wrapper.is-overflowing{scrollbar-gutter:stable}.side-panel-wrapper::-webkit-scrollbar-track{background:var(--track-background);border-radius:3px}.side-panel-wrapper::-webkit-scrollbar-thumb{background:var(--thumb-background);border-radius:3px}.side-panel-wrapper::-webkit-scrollbar-thumb:hover{background:var(--thumb-background-hover)}.side-panel-wrapper{border-right:0;transition:transform .3s ease-out;transform:translateY(70%);box-shadow:0 0 8px #0000004d}.side-panel-wrapper.is-expanded{transform:translateY(0%)}}.side-panel-header{background:var(--background);border-bottom:1px solid var(--border-secondary)}.top-toolbar{border-bottom:1px solid var(--border-secondary)}.toolbar-group-start button{min-height:33px}.toolbar-group-start button:disabled,.toolbar-group-start button:disabled i,.toolbar-group-start button:disabled svg{color:var(--text-secondary)}@media (width<=1023px){.toolbar-group-start button{gap:0;padding-left:8px;padding-right:8px;font-size:0}}.close-media-editor{display:inline-flex}.zoom-dropdown-trigger{border-radius:var(--radius-sm);background:var(--accent);border:1px solid var(--accent);-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;transition:background-color .2s}.zoom-dropdown-trigger:hover{opacity:.9}.zoom-dropdown-trigger:hover span,.zoom-dropdown-trigger:hover i,.zoom-dropdown-trigger:hover svg{color:var(--subtle-button-foreground-hover)}@media (width<=1023px){.zoom-controls .hide-mobile{display:none}}.image-editor-modal{background:var(--background);border-radius:var(--radius-2xl)}.image-editor-modal *{transition:none}.image-editor-modal .workspace{background:var(--background);min-height:0}.image-editor-modal .workspace.with-panel{grid-template-columns:80px 270px 1fr}.image-editor-modal .workspace.no-panel{grid-template-columns:80px 1fr}#image-editor-modal .modal-header{display:none}#image-editor-modal .modal-body{padding:0}#image-editor-modal .modal-block{background-color:#0000;max-width:1400px;overflow:visible}#image-editor-modal .modal-block>*{padding-left:0;padding-right:0}@media (width<=1023px){#image-editor-modal .modal-block{max-height:100svh}}.like-button i,.like-button svg{color:var(--white)}.like-button:hover{background-color:#fff3}.stepper-input{border-radius:var(--radius-pill)}.stepper-input.black{background-color:var(--white-alpha-06);border-color:var(--white-alpha-06);color:var(--white)}.video-thumbnail{background-color:#ffffff1a;transition:opacity .3s ease-in-out}.video-thumbnail img{object-fit:cover;width:100%;height:100%}.video-thumbnail-loading-overlay{background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-error{background-color:#e5e5e5;background-image:url(https://projecthub365-assets.s3.amazonaws.com/hub-ui/svg/broken-image.svg);background-position:50%;background-repeat:no-repeat;background-size:40px}.variable-popup{background:var(--popover);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);z-index:1000;position:fixed;box-shadow:0 4px 12px #00000026}.variable-popup .variable-popup-input{border-radius:var(--radius-sm);border:1px solid var(--border-secondary);font-size:var(--text-sm);padding:8px 12px}.variable-popup .variable-popup-input:focus{border:1px solid var(--border-secondary);outline:none}.variable-popup .variable-popup-submit:disabled{opacity:.5;cursor:not-allowed}.open-agent-button,.open-agent-button a,.open-agent-button:hover,.open-agent-button:hover a{color:var(--primary-foreground)}