*,::after,::before{box-sizing:border-box}:root{--font-main:'Poppins',sans-serif;--brand:#7c5cfc;--brand-hover:#6344e0;--bg:#eef1f6;--card:#ffffff;--gray-800:#1d1d1d;--gray-700:#696969;--gray-400:#bdbdbd;--gray-50:#f7f7f7;--gray-600:#8c8c8c;--gray-200:#e0e0e0;--gray-100:#f2f2f2;--gray-800-10:rgba(29, 29, 29, 0.08);--border-subtle:#e8e8e8;--border-input:#e0e0e0;--icon-close:#bbbbbb;--text-heading:#000000;--color-gray-700:var(--gray-700);--checker-a:rgba(29, 29, 29, 0.08);--checker-size:16px;--muted:var(--gray-700);--border:var(--gray-800-10);--radius-full:9999px;--radius-lg:8px;--radius-panel:16px;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.04);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.07),0 2px 6px rgba(0, 0, 0, 0.04);--shadow-panel:0 10px 40px rgba(0, 0, 0, 0.05),0 4px 12px rgba(0, 0, 0, 0.03);--shadow-toolbar:0 4px 24px rgba(0, 0, 0, 0.06),0 1px 4px rgba(0, 0, 0, 0.04);--shadow-title-pill:0 8px 32px rgba(0, 0, 0, 0.05),0 2px 8px rgba(0, 0, 0, 0.04);--shadow-designer-brand:0 4px 12px rgba(0, 0, 0, 0.08),0 1px 3px rgba(0, 0, 0, 0.04);--shadow-btn-secondary:0 4px 16px rgba(0, 0, 0, 0.05),0 1px 3px rgba(0, 0, 0, 0.04)}.transparent-checkerboard{background-color:#fff;background-image:linear-gradient(45deg,var(--checker-a) 25%,transparent 25%,transparent 75%,var(--checker-a) 75%,var(--checker-a)),linear-gradient(45deg,var(--checker-a) 25%,transparent 25%,transparent 75%,var(--checker-a) 75%,var(--checker-a));background-size:var(--checker-size) var(--checker-size);background-position:0 0,calc(var(--checker-size)/ 2) calc(var(--checker-size)/ 2)}.canvas-viewport.is-transparent-bg{background-color:#fff;background-image:linear-gradient(45deg,var(--checker-a) 25%,transparent 25%,transparent 75%,var(--checker-a) 75%,var(--checker-a)),linear-gradient(45deg,var(--checker-a) 25%,transparent 25%,transparent 75%,var(--checker-a) 75%,var(--checker-a));background-size:var(--checker-size) var(--checker-size);background-position:0 0,calc(var(--checker-size)/ 2) calc(var(--checker-size)/ 2)}.transparent-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.transparent-toggle-text{font-size:12px;font-weight:500;color:var(--gray-800);padding-left:0}.transparent-switch{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gray-600);user-select:none}.transparent-switch input{display:none}.transparent-switch-icon{display:block}.cp-alpha-label{display:inline-flex;align-items:center;gap:6px}.cp-transparent-indicator{display:inline-flex;align-items:center;justify-content:center}.cp-transparent-indicator svg{display:block}.transparent-switch input:checked+.transparent-switch-icon{color:var(--brand)}.transparent-switch-thumb{transition:transform .18s ease;transform:translateX(0)}.transparent-switch input:checked+.transparent-switch-icon .transparent-switch-thumb{transform:translateX(16px)}body{margin:0;font-family:var(--font-main);font-size:14px;font-weight:400;line-height:1.5;color:var(--gray-800);background:var(--bg)}.app{display:flex;min-height:100vh;height:100vh;position:relative}.sidebar{--sidebar-rail-width:54px;--sidebar-shell-gap:8px;width:auto;min-width:0;max-width:100%;padding:12px 16px 18px;background:0 0;border-right:none;overflow:visible;z-index:60;position:relative;display:flex;flex-direction:column;min-height:0;flex:0 0 auto}.sidebar-shell{display:flex;flex-direction:column;align-items:stretch;gap:14px;flex:1;min-height:0;min-width:0;overflow:visible}.sidebar-shell-body,.sidebar-shell-header{display:flex;flex-direction:row;min-width:0}.sidebar-shell-header{flex-shrink:0;gap:11px;align-items:center}.sidebar-shell-body{flex:1;min-height:0;gap:var(--sidebar-shell-gap);align-items:stretch}.sidebar-shell-header-rail{width:var(--sidebar-rail-width);min-width:var(--sidebar-rail-width);flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-shell-header-main{flex:1;min-width:0;display:flex;align-items:center}.sidebar-shell-main{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;min-height:0}.title-brand-pill-group{display:flex;flex-direction:row;align-items:center;gap:6px;flex:0 1 auto;min-width:0}.sidebar-shell-header .title{margin-bottom:0}.title-logo-link{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:var(--shadow-designer-brand);border:1px solid rgba(0,0,0,.06);text-decoration:none;color:inherit;transition:box-shadow .18s ease,transform .15s ease}.title-logo-link:hover{box-shadow:0 6px 16px rgba(0,0,0,.09),0 2px 5px rgba(0,0,0,.05)}.title-logo-link:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.title-beta-badge{display:inline-flex;align-items:center;flex-shrink:0;line-height:0;filter:drop-shadow(0 3px 10px rgba(0, 0, 0, .07))}.title-beta-badge-svg{display:block;width:50px;height:22px}.sidebar-shell-main>.sidebar-drawer{flex:1 1 auto;min-height:0;width:100%;max-width:100%;align-self:stretch}.sidebar-drawer{flex:0 0 auto;align-self:stretch;min-width:0;max-width:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-width .3s ease,opacity .22s ease;z-index:1}.sidebar-drawer.is-open{max-width:300px;opacity:1;pointer-events:auto}.sidebar-drawer-inner{display:flex;flex-direction:column;min-height:0;height:100%;width:300px;transform:translateX(-14px);transition:transform .3s ease}.sidebar-drawer.is-open .sidebar-drawer-inner{transform:translateX(0)}.sidebar-drawer-close{width:32px;height:32px;flex-shrink:0;border:none;border-radius:9999px;background:0 0;cursor:pointer;font-size:22px;font-weight:300;line-height:1;color:var(--icon-close);transition:color .15s ease,background .15s ease}.sidebar-drawer-close:hover{color:#8a8a8a;background:rgba(0,0,0,.04)}.sidebar-drawer-close:focus-visible{outline:2px solid var(--brand);outline-offset:2px;color:var(--gray-600)}.sidebar-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;padding-right:0}.sidebar-panel-heading .section-title{margin:0}.sidebar-drawer-body{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;z-index:1}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 2px 12px 0;display:flex;flex-direction:column}#sidebarPanelPattern,#sidebarPanelTemplates{flex:0 0 auto}#sidebarPanelElements.sidebar-panel--elements{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.section.elements-section{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;margin-bottom:0}.section.elements-section .slot-search{flex-shrink:0;margin-bottom:10px}.section.elements-section .elements-panel-scroll{flex:1 1 auto;min-height:120px;max-height:none}.elements-results-grid.search-modal-results{padding:0;margin:0}.title{margin:0;font-size:15px;font-weight:500;letter-spacing:-.02em;line-height:22px;display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding:11px 20px;background:#fff;border-radius:var(--radius-full);width:fit-content;max-width:100%;box-shadow:var(--shadow-designer-brand);border:1px solid rgba(0,0,0,.06)}.title-logo-link .title-logo{width:100%;height:100%;border-radius:50%;background:0 0;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}.title-logo-img{width:20px;height:20px;display:block;object-fit:contain}.title-text{font-size:15px;font-weight:500;color:#4b4b4b;letter-spacing:-.02em}.edit-toolbar{display:flex;align-items:stretch;gap:4px;margin-bottom:0;padding:4px;background:var(--card);border:1px solid rgba(29,29,29,.06);border-radius:var(--radius-lg);box-shadow:var(--shadow-toolbar);width:100%;box-sizing:border-box}.edit-toolbar--vertical{flex-direction:column;align-items:center;justify-content:flex-start;width:var(--sidebar-rail-width);min-width:var(--sidebar-rail-width);flex-shrink:0;align-self:center;padding:10px 6px;gap:6px;border-radius:9999px;background:#fff;background:var(--card);border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-toolbar);position:relative;z-index:6;overflow:visible}.edit-toolbar-item{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 8px;border:none;border-radius:var(--radius-full);background:0 0;color:var(--gray-700);font-family:var(--font-main);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:background .15s ease,color .15s ease}.edit-toolbar--vertical .edit-toolbar-item{flex:0 0 auto;width:40px;min-height:40px;padding:0;border-radius:10px;color:var(--gray-600);position:relative;overflow:visible;text-transform:none}.edit-toolbar-tooltip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 16px;border-radius:9999px;background:var(--gray-900,#1d1d1d);color:#fff;font-family:var(--font-main);font-size:14px;font-weight:600;letter-spacing:normal;text-transform:none;white-space:nowrap;line-height:1;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility .12s ease;z-index:80}.edit-toolbar--vertical .edit-toolbar-item:focus-visible .edit-toolbar-tooltip,.edit-toolbar--vertical .edit-toolbar-item:hover .edit-toolbar-tooltip{opacity:1;visibility:visible}.edit-toolbar-item:hover{background:var(--gray-50);color:var(--gray-800)}.edit-toolbar--vertical .edit-toolbar-item:hover{background:0 0;color:var(--gray-800)}.edit-toolbar--vertical .edit-toolbar-item.is-active:hover{background:0 0}.edit-toolbar-item.is-active{background:var(--brand);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08)}.edit-toolbar--vertical .edit-toolbar-item.is-active{background:0 0;color:var(--gray-800);box-shadow:none}.edit-toolbar--vertical .edit-toolbar-item.is-active .edit-toolbar-icon{color:var(--gray-800)}.edit-toolbar--vertical .edit-toolbar-item.is-active:hover{background:0 0;color:var(--gray-800)}.edit-toolbar--vertical .edit-toolbar-item.is-active:hover .edit-toolbar-icon{color:var(--gray-800)}.edit-toolbar:not(.edit-toolbar--vertical) .edit-toolbar-item.is-active{background:var(--brand);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08)}.edit-toolbar:not(.edit-toolbar--vertical) .edit-toolbar-item.is-active .edit-toolbar-icon{color:#fff}.edit-toolbar-icon{flex-shrink:0;color:currentColor;width:18px;height:18px;display:block}.edit-toolbar--vertical .edit-toolbar-icon{width:22px;height:22px}.sidebar-panel[hidden]{display:none!important}.templates-save-row{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.templates-grid{display:grid;grid-template-columns:1fr;gap:12px}.templates-empty{margin:0;font-size:12px;color:var(--gray-600);font-weight:500}.template-card{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-800-10)}.template-card-thumb{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-lg);background:repeating-conic-gradient(#f0f0f0 0 25%,#fff 0 50%) 50%/16px 16px}.template-card-name{font-size:12px;font-weight:600;color:var(--gray-800);line-height:1.3;word-break:break-word}.template-card-row{display:flex;align-items:center;gap:8px}.template-card-load{flex:1;height:32px;border-radius:var(--radius-full);border:none;background:var(--brand);color:#fff;font-family:var(--font-main);font-size:12px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-lg)}.template-card-load:hover{background:var(--brand-hover)}.template-card-delete{flex-shrink:0;width:36px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gray-800-10);border-radius:var(--radius-full);background:var(--card);cursor:pointer;color:var(--gray-800)}.template-card-delete:hover{background:var(--gray-50)}.elements-panel-scroll{flex:1 1 auto;min-height:120px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-right:2px}.elements-results-grid .search-modal-thumb-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.elements-results-grid .search-modal-thumb-btn:focus-visible::before,.elements-results-grid .search-modal-thumb-btn:hover::before{opacity:0}.elements-thumb-cell{position:relative;display:block;width:100%;min-width:0;aspect-ratio:1;border-radius:var(--radius-lg)}.elements-thumb-cell .search-modal-thumb-btn{width:100%;height:100%;min-height:0}.elements-slot-picker-strip{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:max-content;max-width:min(94%,280px);min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 4px 4px 10px;border-radius:9999px;background:rgba(255,255,255,.96);border:1px solid var(--border-subtle);box-shadow:0 2px 10px rgba(0,0,0,.08);z-index:5;opacity:0;pointer-events:none;cursor:pointer;transition:opacity .14s ease}.elements-thumb-cell.is-menu-open .elements-slot-picker-strip,.elements-thumb-cell:focus-within .elements-slot-picker-strip,.elements-thumb-cell:hover .elements-slot-picker-strip{opacity:1;pointer-events:auto}.elements-slot-picker-row{display:flex;align-items:center;gap:6px;min-width:0;flex:1 1 auto;pointer-events:none}.elements-slot-picker-prefix{font-size:10px;font-weight:600;color:var(--gray-800);letter-spacing:-.02em;white-space:nowrap;flex-shrink:0;line-height:1.2}.elements-slot-picker-thumb-wrap{position:relative;width:26px;height:26px;flex-shrink:0;border-radius:6px;overflow:hidden;background:var(--gray-50);border:1px solid var(--border-subtle);box-sizing:border-box}.elements-slot-picker-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;z-index:1;background:#fff}.elements-slot-picker-thumb-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--gray-500);background:var(--gray-50);z-index:2}.elements-slot-picker-thumb-placeholder[hidden]{display:none!important}.elements-slot-picker-chevron-wrap{flex-shrink:0;width:22px;height:22px;padding:0;margin:0;border-radius:9999px;background:0 0;color:var(--gray-600);display:inline-flex;align-items:center;justify-content:center;pointer-events:none;transition:background .12s ease,color .12s ease}.elements-slot-picker-strip:hover .elements-slot-picker-chevron-wrap{background:var(--gray-50);color:var(--gray-800)}.elements-slot-picker-chevron{display:block;transition:transform .18s ease}.elements-thumb-cell.is-menu-open .elements-slot-picker-chevron{transform:rotate(180deg)}.elements-slot-picker-strip:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.elements-slot-menu{font-family:var(--font-main);background:var(--card);border:1px solid var(--border-subtle);border-radius:10px;box-shadow:var(--shadow-panel);overflow:hidden;max-height:min(200px,38vh);width:max-content;max-width:min(220px,calc(100vw - 16px));min-width:0;box-sizing:border-box}.elements-slot-menu-list{display:flex;flex-direction:column;max-height:180px;overflow-y:auto;padding:4px 0;scrollbar-width:thin;scrollbar-color:rgba(29,29,29,0.2) transparent}.elements-slot-menu-list::-webkit-scrollbar{width:5px}.elements-slot-menu-option{display:block;width:100%;padding:9px 12px;margin:0;border:none;background:0 0;text-align:left;font-family:inherit;font-size:12px;font-weight:500;color:var(--gray-800);cursor:pointer;transition:background .12s ease}.elements-slot-menu-option:focus-visible,.elements-slot-menu-option:hover{background:var(--gray-50);outline:0}.elements-slot-menu-option--row{display:flex;align-items:center;width:auto;max-width:100%;text-align:left}.elements-slot-menu-option-inner{display:flex;align-items:center;gap:8px;min-width:0;width:auto}.elements-slot-menu-option-prefix{font-size:12px;font-weight:500;color:var(--gray-800);flex-shrink:0}.elements-slot-menu-option-thumb-wrap{position:relative;width:28px;height:28px;flex-shrink:0;border-radius:6px;overflow:hidden;background:var(--gray-50);border:1px solid var(--border-subtle);box-sizing:border-box}.elements-slot-menu-option-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;z-index:1;background:#fff}.elements-slot-menu-option-thumb-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--gray-500);background:var(--gray-50);z-index:2}.elements-slot-menu-option-thumb-ph[hidden]{display:none!important}.elements-slot-menu-sep{height:1px;margin:4px 8px;background:var(--border-subtle);flex-shrink:0}.elements-slot-menu-option--add{font-weight:700;color:var(--brand)}.elements-slot-menu-option--add:focus-visible,.elements-slot-menu-option--add:hover{background:rgba(124,92,252,.08)}.elements-status{flex-shrink:0;margin:8px 0 0;font-size:11px;font-weight:500;color:var(--gray-600);min-height:0}.elements-status:empty{display:none}.section{margin-bottom:16px;background:var(--card);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);padding:18px 20px;box-shadow:var(--shadow-panel);position:relative}.section.actions{background:0 0;border:none;padding:0;box-shadow:none}.add-image-slot-wrap{display:flex;justify-content:center;margin:8px 0 16px;position:relative;z-index:2}.add-image-slot-wrap[hidden]{display:none!important}.add-image-slot-btn{min-height:42px;padding:0 16px 0 12px;border-radius:9999px;border:none;background:var(--brand);color:#fff;font-family:var(--font-main);font-size:13px;font-weight:600;line-height:1.2;letter-spacing:-.02em;cursor:pointer;box-shadow:0 6px 20px rgba(124,92,252,.35),0 2px 6px rgba(0,0,0,.08);display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;touch-action:manipulation;max-width:100%}.add-image-slot-btn-plus{font-size:22px;font-weight:500;line-height:1}.add-image-slot-btn-text{white-space:nowrap}.add-image-slot-btn:hover{filter:brightness(1.06)}.add-image-slot-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.add-image-slot-btn::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--gray-900,#1d1d1d);color:#fff;font-size:11px;font-weight:500;line-height:1;padding:6px 10px;border-radius:9999px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease}.add-image-slot-btn:focus-visible::after,.add-image-slot-btn:hover::after{opacity:1}.section-title{margin:0 0 12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--brand)}.image-section-top{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"imgTitle imgCollapse" "imgUpload imgUpload";gap:12px;align-items:start}.image-section-title-row{grid-area:imgTitle;display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;align-self:center}.image-section-top .upload-area{grid-area:imgUpload}.image-section-top .upload-delete-btn{grid-area:imgUpload;justify-self:end;align-self:center;margin-right:8px;z-index:2}.image-section-title-row .section-title{margin:0}.image-section-collapse-btn{grid-area:imgCollapse;justify-self:end;align-self:center;width:30px;height:30px;flex-shrink:0;border:1px solid var(--gray-800-10);border-radius:8px;background:var(--card);color:var(--gray-800);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.image-section-collapse-btn:hover{background:var(--gray-50)}.image-section-collapse-icon{display:block}.image-section-collapse-icon--expand{display:none}.image-section--collapsed .image-section-collapse-icon--collapse{display:none}.image-section--collapsed .image-section-collapse-icon--expand{display:block}.image-section-collapse-btn::after{content:attr(data-tooltip);position:absolute;right:calc(100% + 6px);top:50%;transform:translateY(-50%);background:var(--gray-900,#1d1d1d);color:#fff;font-size:11px;font-weight:500;line-height:1;padding:6px 8px;border-radius:9999px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:9999}.image-section-collapse-btn:focus-visible::after,.image-section-collapse-btn:hover::after{opacity:1}.image-section--collapsed .image-section-top{grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-areas:"imgTitle imgUpload imgDelete imgCollapse";align-items:center;gap:8px}.image-section--collapsed .image-section-title-row{min-width:0}.image-section--collapsed .image-section-title-row .section-title{margin:0}.image-section--collapsed .image-section-collapse-btn{align-self:center}.image-section--collapsed .image-section-top .upload-delete-btn{grid-area:imgDelete;justify-self:center;align-self:center;margin-right:0}.image-section--collapsed .image-section-top .upload-area{width:44px;height:44px;min-height:44px;padding:0;margin:0;flex-shrink:0;overflow:hidden;justify-content:center;align-items:center}.image-section--collapsed .image-section-top .upload-text{display:none!important}.image-section--collapsed .image-section-top .upload-area.has-thumb .upload-text{padding-left:0;padding-right:0}.image-section--collapsed .image-section-top .upload-thumb:not([hidden]){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;max-width:calc(100% - 4px);max-height:calc(100% - 4px);object-fit:contain}.image-section-body[aria-hidden=true]{display:none}.section.is-reordering{opacity:.55}.reorder-ghost{position:fixed;z-index:100000;pointer-events:none;opacity:.65;filter:saturate(.98)}.reorder-ghost .image-section-collapse-btn{pointer-events:none}.section.reorder-placeholder{border:1px dashed rgba(124,92,252,.5);background:rgba(124,92,252,.06)}.control{margin-bottom:14px}.control label{display:block;margin-bottom:6px;font-size:12px;color:var(--text-heading);font-weight:600;padding-left:0}.control.control-slider label{color:var(--color-gray-700);font-weight:500}.control.control-slider{display:flex;align-items:center;justify-content:space-between;gap:12px}.control.control-slider label{margin:0;flex:0 0 auto}.control.control-slider .slider-wrap{flex:1 1 auto;min-width:0}.control.control-grid-layout{margin-top:10px;padding-top:10px;border-top:1px solid rgba(29,29,29,.08);overflow:visible}.grid-layout-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.control.control-grid-layout label{margin:0;color:var(--color-gray-700);font-weight:500}.grid-layout-picker{display:flex;align-items:center;gap:6px;overflow:visible}.grid-layout-btn{position:relative;width:30px;height:30px;border:1px solid var(--gray-800-10);border-radius:8px;background:var(--card);color:var(--gray-700);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.grid-layout-btn svg{width:16px;height:16px;fill:currentColor}.grid-layout-btn::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);background:var(--gray-900,#1d1d1d);color:#fff;font-size:11px;font-weight:500;line-height:1;padding:6px 8px;border-radius:9999px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:9999}.grid-layout-btn:focus-visible::after,.grid-layout-btn:hover::after{opacity:1}.grid-layout-btn:hover{border-color:var(--gray-800-25);color:var(--gray-900)}.grid-layout-btn.is-selected{border-color:var(--brand);background:rgba(124,92,252,.12);color:var(--brand)}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:42px;height:42px;border-radius:10px;border:1px solid rgba(0,0,0,.14);background:#fff;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06)}.swatch input[type=color]{width:100%;height:100%;border:0;padding:0;background:0 0;cursor:pointer}.control-slider .slider-wrap{display:flex;gap:8px;align-items:center}.control-slider .slider-wrap input[type=range]{flex:1;min-width:0;height:4px;-webkit-appearance:none;appearance:none;width:100%;padding:0;background:0 0;border-radius:9999px}.control-slider .slider-wrap input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,#1d1d1d 0,#1d1d1d var(--p,0),rgba(29,29,29,.1) var(--p,0),rgba(29,29,29,.1) 100%);border-radius:9999px}.control-slider .slider-wrap input[type=range]::-moz-range-track{height:3px;background:linear-gradient(to right,#1d1d1d 0,#1d1d1d var(--p,0),rgba(29,29,29,.1) var(--p,0),rgba(29,29,29,.1) 100%);border-radius:9999px}.control-slider .slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:1px solid #c4c4c4;box-shadow:0 1px 2px rgba(0,0,0,.06);box-sizing:border-box;cursor:pointer;margin-top:-5px}.control-slider .slider-wrap input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:1px solid #c4c4c4;box-shadow:0 1px 2px rgba(0,0,0,.06);box-sizing:border-box;cursor:pointer}.control-slider .slider-wrap .number-input-wrap{position:relative;width:54px;height:26px;flex-shrink:0}.control-slider .slider-wrap .number-input-wrap[data-suffix]::after,.viewport-zoom .vz-number-wrap[data-suffix]::after{content:attr(data-suffix);position:absolute;right:8px;top:0;bottom:0;display:flex;align-items:center;transform:none;font-size:12px;font-weight:500;color:var(--gray-400);pointer-events:none;line-height:1}.control-slider .slider-wrap input[type=number]{width:100%;height:26px;padding:2px 18px 2px 7px;font-family:var(--font-main);font-size:13px;font-weight:500;border:1px solid var(--border-input);border-radius:var(--radius-lg);background:var(--card);color:var(--gray-800);line-height:1.2;text-align:center;box-sizing:border-box;-moz-appearance:textfield!important;appearance:textfield;-webkit-appearance:textfield;font-variant-numeric:tabular-nums;display:block;overflow:visible}.control-slider .slider-wrap input[type=number]:focus{outline:0;border-color:var(--brand)}.control-slider .slider-wrap input[type=number]::-webkit-inner-spin-button,.control-slider .slider-wrap input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;appearance:none;margin:0;display:none!important}.control-slider .slider-wrap .num-spin{position:absolute;right:2px;width:16px;height:9px;border:none;background:0 0;padding:0;margin:1px;display:inline-flex;align-items:center;justify-content:center;color:var(--gray-700);cursor:default;line-height:1}.control-slider .slider-wrap .num-spin svg{width:10px;height:10px;display:block}.control-slider .slider-wrap .num-spin-up{top:3px}.control-slider .slider-wrap .num-spin-down{bottom:3px}.control-slider .slider-wrap .num-spin:hover{color:var(--gray-800);cursor:default}.image-tools{margin-top:10px;padding-top:10px;border-top:1px solid rgba(29,29,29,.08);display:flex;flex-direction:column;gap:10px}.image-tools-row{display:flex;align-items:center;gap:8px;min-width:0}.image-tools-row--icons{gap:8px}.image-tool-icon-btn{width:30px;height:30px;padding:0;border-radius:8px;border:1px solid rgba(29,29,29,.1);background:var(--card);color:var(--gray-800);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 2px 10px rgba(0,0,0,.05)}.image-tool-icon-btn:focus-visible,.image-tool-icon-btn:hover{z-index:20}.image-tool-icon-btn svg{display:block}.image-tool-icon-btn:hover{background:var(--gray-50)}.image-tool-icon-btn::after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--gray-900,#1d1d1d);color:#fff;font-size:11px;font-weight:500;line-height:1;padding:6px 10px;border-radius:9999px;white-space:nowrap;opacity:0;pointer-events:none;z-index:9999;transition:opacity .12s ease}.image-tool-icon-btn:focus-visible::after,.image-tool-icon-btn:hover::after{opacity:1}.image-tool-icon-btn.is-active{border-color:rgba(124,92,252,.35);box-shadow:0 0 0 2px rgba(124,92,252,.12)}.image-tools,.image-tools-row{overflow:visible}.image-move-switch--inline{margin-left:auto;position:relative;color:var(--gray-600);display:inline-flex;align-items:center;gap:10px}.image-move-switch--inline input{display:none}.image-move-switch--inline .image-move-switch-icon{display:block}.image-move-switch--inline .image-move-switch-thumb{transition:transform .18s ease;transform:translateX(0)}.image-move-switch--inline input:checked+.image-move-switch-icon{color:var(--brand)}.image-move-switch--inline input:checked+.image-move-switch-icon .image-move-switch-thumb{transform:translateX(16px)}.image-move-switch-text{font-size:12px;font-weight:500;color:var(--color-gray-700)}.image-tools-row--opacity{gap:10px}.image-tool-label{flex:0 0 auto;font-size:12px;font-weight:500;color:var(--color-gray-700)}.image-opacity{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px}.image-opacity input[type=range]{flex:1 1 auto;min-width:0;height:4px;-webkit-appearance:none;appearance:none;width:100%;padding:0;background:0 0;border-radius:9999px}.image-opacity input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,#1d1d1d 0,#1d1d1d var(--p,0),rgba(29,29,29,.1) var(--p,0),rgba(29,29,29,.1) 100%);border-radius:9999px}.image-opacity input[type=range]::-moz-range-track{height:3px;background:linear-gradient(to right,#1d1d1d 0,#1d1d1d var(--p,0),rgba(29,29,29,.1) var(--p,0),rgba(29,29,29,.1) 100%);border-radius:9999px}.image-opacity input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:1px solid #c4c4c4;box-shadow:0 1px 2px rgba(0,0,0,.06);box-sizing:border-box;cursor:pointer;margin-top:-5px}.image-opacity input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:1px solid #c4c4c4;box-shadow:0 1px 2px rgba(0,0,0,.06);box-sizing:border-box;cursor:pointer}.image-opacity-number{position:relative;width:62px;height:26px;flex:0 0 62px;display:flex;align-items:center}.image-opacity-number input[type=number]{width:100%;height:26px;padding:2px 18px 2px 8px;font-family:var(--font-main);font-size:13px;font-weight:500;border:1px solid rgba(29,29,29,.1);border-radius:var(--radius-lg);background:var(--card);color:var(--gray-800);line-height:1.2;text-align:center;box-sizing:border-box;-moz-appearance:textfield!important;appearance:textfield;-webkit-appearance:textfield;font-variant-numeric:tabular-nums}.image-opacity-number input[type=number]:focus{outline:0;border-color:var(--brand)}.image-opacity-number input[type=number]::-webkit-inner-spin-button,.image-opacity-number input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;appearance:none;margin:0;display:none!important}.image-opacity-suffix{position:absolute;right:8px;font-size:12px;font-weight:500;color:var(--gray-400);pointer-events:none}.control-color .color-input-wrap{display:flex;gap:8px;align-items:center}.control-color label{display:flex;align-items:center;gap:8px;color:var(--color-gray-700);font-size:12px;font-weight:500}.control-color label::before{width:16px;height:16px;display:inline-block;flex:0 0 auto;background:currentColor;opacity:.55;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M144%2C200a16%2C16%2C0%2C1%2C1-16-16A16%2C16%2C0%2C0%2C1%2C144%2C200Zm-16-40a8%2C8%2C0%2C0%2C0%2C8-8V48a8%2C8%2C0%2C0%2C0-16%2C0V152A8%2C8%2C0%2C0%2C0%2C128%2C160Z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M144%2C200a16%2C16%2C0%2C1%2C1-16-16A16%2C16%2C0%2C0%2C1%2C144%2C200Zm-16-40a8%2C8%2C0%2C0%2C0%2C8-8V48a8%2C8%2C0%2C0%2C0-16%2C0V152A8%2C8%2C0%2C0%2C0%2C128%2C160Z%22/%3E%3C/svg%3E")}.control-color .color-input-wrap>input[type=text]{flex:1 1 auto;min-width:0;width:100%;height:36px;padding:6px 7px;border-radius:var(--radius-lg);border:2px solid var(--gray-800-10);background:var(--card);font-family:var(--font-main);font-size:14px;font-weight:500;line-height:1;color:var(--gray-800);appearance:none;-webkit-appearance:none;outline:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-color .color-input-wrap>input[type=text]:focus{border-color:var(--brand);outline:0}.color-swatch-btn{width:28px;height:28px;flex:0 0 auto;padding:0;border:none;border-radius:50%;background:0 0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;overflow:visible}.color-swatch-btn:focus{outline:0;box-shadow:0 0 0 2px rgba(124,92,252,.35)}.color-swatch-btn:focus:not(:focus-visible){box-shadow:none}.color-swatch-btn:focus-visible{box-shadow:0 0 0 2px rgba(124,92,252,.45)}.color-swatch{width:28px;height:28px;border-radius:50%;border:1px solid rgba(29,29,29,.12);background:linear-gradient(45deg,rgba(0,0,0,.06) 25%,transparent 25%) 0 0/8px 8px,linear-gradient(45deg,transparent 75%,rgba(0,0,0,.06) 75%) 0 0/8px 8px,linear-gradient(45deg,transparent 25%,rgba(0,0,0,.06) 25%) 4px 4px/8px 8px,linear-gradient(45deg,rgba(0,0,0,.06) 75%,transparent 75%) 4px 4px/8px 8px;position:relative;overflow:hidden}.color-swatch::before{content:"";position:absolute;inset:0;background:var(--swatch-color,#fff);opacity:var(--swatch-alpha, 1)}.color-popover{margin-top:10px;width:100%;padding:34px 12px 12px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--card);box-shadow:var(--shadow-panel);z-index:1000000;position:relative}.cp-close-btn{position:absolute;top:8px;right:10px;border:none;background:0 0;color:var(--icon-close);font-size:20px;font-weight:300;line-height:1;padding:0;width:22px;height:22px;cursor:pointer;z-index:4;transition:color .15s ease}.cp-close-btn:hover{color:#8a8a8a}.cp-sv{position:relative;width:100%;height:140px;border-radius:var(--radius-lg);overflow:hidden;background:red;cursor:crosshair}.cp-sv-white{position:absolute;inset:0;background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.cp-sv-black{position:absolute;inset:0;background:linear-gradient(to top,#000,rgba(0,0,0,0))}.cp-sv-cursor{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.95);box-shadow:0 0 0 1.5px rgba(0,0,0,.35);transform:translate(-7px,-7px)}.cp-row{display:grid;grid-template-columns:1fr;gap:8px;align-items:center;margin-top:12px}.cp-label{display:none}.cp-slider{position:relative;height:9px;border-radius:var(--radius-full);overflow:visible;cursor:pointer}.cp-slider.hue{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.cp-slider.alpha{background:linear-gradient(45deg,rgba(0,0,0,.08) 25%,transparent 25%) 0 0/8px 8px,linear-gradient(45deg,transparent 75%,rgba(0,0,0,.08) 75%) 0 0/8px 8px,linear-gradient(45deg,transparent 25%,rgba(0,0,0,.08) 25%) 4px 4px/8px 8px,linear-gradient(45deg,rgba(0,0,0,.08) 75%,transparent 75%) 4px 4px/8px 8px}.cp-alpha-gradient{position:absolute;inset:0;border-radius:var(--radius-full)}.cp-thumb{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.95);box-shadow:0 0 0 1.5px rgba(0,0,0,.25);transform:translate(-7px,-50%);z-index:3}.cp-bottom{display:grid;grid-template-columns:34px minmax(96px,1fr) 74px;align-items:center;gap:6px;margin-top:12px;margin-bottom:22px;width:100%}.cp-eyedropper-btn{width:34px;height:34px;border:none;border-radius:var(--radius-lg);background:#eaeaea;color:var(--gray-800);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}.cp-eyedropper-btn svg{width:20px;height:20px;display:block}.cp-hex-wrap{display:flex;align-items:center;gap:2px;height:36px;padding:6px 7px;border-radius:var(--radius-lg);border:2px solid var(--gray-800-10);background:var(--card);width:100%;flex:1 1 auto;min-width:0;position:relative;overflow:hidden}.cp-hex-prefix{display:inline-block;font-family:var(--font-main);font-size:16px;font-weight:600;color:var(--gray-600);margin-right:2px}.cp-hex{width:100%;border:none;outline:0;appearance:none;-webkit-appearance:none;font-family:var(--font-main);font-size:14px;font-weight:500;color:var(--gray-800);background:0 0;line-height:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-sub-label{position:absolute;left:50%;transform:translateX(-50%);top:calc(100% + 4px);font-size:11px;font-weight:600;color:var(--gray-700);letter-spacing:.06em}.cp-alpha-wrap{height:36px;padding:0 6px;border-radius:10px;border:2px solid var(--gray-800-10);background:var(--card);display:flex;align-items:center;gap:3px;min-width:56px;position:relative;width:74px;flex:0 0 74px}.cp-alpha-number-wrap{position:relative;width:100%;min-width:0;display:inline-flex;align-items:center}.cp-alpha-input{width:100%;border:none;outline:0;appearance:none;-webkit-appearance:none;-moz-appearance:textfield!important;background:0 0;font-family:var(--font-main);font-size:12px;font-weight:500;color:var(--gray-800);line-height:16px;text-align:center;padding-right:14px}.cp-alpha-input::-webkit-inner-spin-button,.cp-alpha-input::-webkit-outer-spin-button{-webkit-appearance:none!important;appearance:none;margin:0;display:none!important}.cp-alpha-spin{position:absolute;right:0;width:12px;height:8px;border:none;background:0 0;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;color:var(--gray-700);line-height:1;cursor:default}.cp-alpha-spin svg{width:9px;height:9px;display:block}.cp-alpha-spin-up{top:3px}.cp-alpha-spin-down{bottom:3px}.cp-alpha-spin:hover{color:var(--gray-800)}.cp-alpha-suffix{font-family:var(--font-main);font-size:12px;font-weight:500;color:var(--gray-600);transform:none}.cp-presets{margin-top:12px;display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.cp-preset{width:100%;aspect-ratio:1/1;border-radius:50%;border:1px solid var(--gray-800-10);cursor:pointer;position:relative;transition:transform .1s}.cp-preset:hover{transform:scale(1.15)}.cp-preset.is-selected::after{content:"";position:absolute;inset:2px;border-radius:50%;border:2px solid rgba(255,255,255,.95);box-shadow:0 0 0 1.5px rgba(0,0,0,.3)}.upload-area{display:flex;align-items:center;justify-content:center;position:relative;min-height:72px;padding:12px 14px;border:1px dashed #d0d0d0;border-radius:var(--radius-lg);background:var(--gray-50);cursor:pointer;transition:border-color .15s,background .15s}.upload-row{display:flex;align-items:center;gap:8px}.upload-row .upload-area{flex:1 1 auto}.upload-delete-btn{width:30px;height:30px;border:1px solid var(--gray-800-10);border-radius:8px;background:var(--card);color:var(--gray-800);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;flex:0 0 auto}.upload-delete-btn:hover{background:var(--gray-50)}.upload-delete-btn[hidden]{display:none!important}.upload-delete-btn::after{content:attr(data-tooltip);position:absolute;right:calc(100% + 6px);top:50%;transform:translateY(-50%);background:var(--gray-900,#1d1d1d);color:#fff;font-size:11px;font-weight:500;line-height:1;padding:6px 8px;border-radius:9999px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease}.upload-delete-btn:hover::after{opacity:1}.upload-area .upload-delete-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:2}.upload-area:hover{border-color:var(--gray-700);background:#f0f0f0}.upload-area.dragover{border-color:var(--brand);background:rgba(124,92,252,.06)}.upload-text{margin:0;font-size:12px;font-weight:500;color:var(--gray-400);text-align:center;max-width:100%;overflow-wrap:anywhere}.upload-text.has-file{color:var(--gray-800);font-weight:500}.upload-area.has-thumb .upload-text{padding-left:36px;padding-right:42px;text-align:left;line-height:1.25;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.upload-thumb{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:6px;border:1px solid var(--gray-800-10);object-fit:contain;background:#fff;pointer-events:none}.slot-modes{display:flex;gap:6px;margin:10px 0 8px}.mode-btn{flex:1;height:32px;border-radius:var(--radius-full);border:1px solid var(--border-input);background:var(--card);cursor:pointer;font-family:var(--font-main);font-size:13px;font-weight:500;color:var(--gray-800);transition:background .15s,border-color .15s}.mode-btn.is-active{border-color:var(--brand);background:rgba(124,92,252,.06);color:var(--brand)}.slot-search{margin-bottom:12px;max-width:100%;width:100%}.slot-alt-divider{display:flex;align-items:center;gap:10px;margin:10px 0 8px;width:100%}.slot-alt-divider-line{flex:1;height:1px;background:var(--border-subtle)}.slot-alt-divider-text{font-size:11px;font-weight:500;color:var(--gray-600);letter-spacing:.02em;white-space:nowrap}.search-row{display:flex;gap:0;align-items:center;width:100%;max-width:100%;height:38px;border:1px solid var(--border-input);border-radius:var(--radius-lg);background:var(--card);padding-left:12px;box-sizing:border-box}.search-input{flex:1;min-width:0;width:100%;height:100%;padding:0;border-radius:0;border:none;box-sizing:border-box;font-family:var(--font-main);font-size:13px;font-weight:500;color:var(--gray-800);background:0 0}.search-input:focus{outline:0}.search-input::placeholder{color:var(--gray-400);opacity:1}.search-row:focus-within{border-color:var(--brand);box-shadow:0 0 0 2px rgba(124,92,252,.12)}.search-back-btn{height:32px;width:32px;border-radius:50%;border:2px solid var(--gray-800-10);background:var(--card);cursor:pointer;font-weight:600;font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center;margin-bottom:8px;transition:background .15s}.search-back-btn:hover{background:var(--gray-50)}.search-btn{height:100%;width:40px;padding:0;border-radius:0;border:none;background:0 0;cursor:pointer;font-family:var(--font-main);font-size:13px;font-weight:500;color:var(--gray-800);transition:background .15s;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.search-btn:hover{background:rgba(29,29,29,.04)}.search-btn svg.search-btn-icon--search{display:block}.search-btn svg.search-btn-icon--clear{display:none}.search-row--clearable .search-btn svg.search-btn-icon--search{display:none}.search-row--clearable .search-btn svg.search-btn-icon--clear{display:block}.search-suggest-bubbles{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;width:100%}.search-suggest-bubble{border:1px solid var(--gray-800-10);background:var(--card);color:var(--gray-800);font-family:var(--font-main);font-size:12px;font-weight:500;padding:6px 12px;border-radius:9999px;cursor:pointer;line-height:1.2;transition:background .15s,border-color .15s}.search-suggest-bubble:hover{background:var(--gray-50);border-color:rgba(29,29,29,.14)}.search-suggest-bubble:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.slot-search-panel-scroll{margin-top:8px;max-height:220px;min-height:80px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-right:2px}.search-results{margin-top:8px;display:grid;grid-template-columns:1fr;gap:6px;max-height:260px;overflow-y:auto;padding-right:4px}.search-modal{position:fixed;inset:0;z-index:9999;pointer-events:none}.search-modal[hidden]{display:none}.search-modal-backdrop{position:absolute;inset:0;background:rgba(29,29,29,.06);pointer-events:auto}.search-modal-panel{position:absolute;top:78px;bottom:16px;height:auto;width:300px;left:75px;margin-left:0;background:var(--card);border:1px solid var(--gray-800-10);border-right:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;pointer-events:auto}.search-modal-toolbar{position:sticky;top:0;z-index:1;flex-shrink:0;padding:12px 14px;background:var(--card)}.search-modal-toolbar-row{display:flex;align-items:center;gap:8px;min-width:0}.search-modal-toolbar-search{flex:1;min-width:0}.search-modal-search-row{width:100%}.search-modal-back-btn{height:32px;width:32px;border-radius:0;border:none;background:0 0;cursor:pointer;font-weight:600;font-size:14px;color:var(--gray-800);display:inline-flex;align-items:center;justify-content:center}.search-modal-results-wrap{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}#elementsGrid.search-modal-results,.search-modal-results-grid{flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-items:start;gap:6px}.search-modal-results-grid{padding:10px 14px;width:100%;max-width:100%;box-sizing:border-box;align-self:stretch}#elementsGrid.search-modal-results{padding:0;margin:0;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:6px}#elementsGrid.search-modal-results>.elements-thumb-cell,#elementsGrid.search-modal-results>.search-modal-skeleton{flex:0 0 calc((100% - 6px)/ 2);width:calc((100% - 6px)/ 2);max-width:calc((100% - 6px)/ 2);min-width:0;box-sizing:border-box}#elementsGrid.search-modal-results>.search-modal-bottom-loader{flex:0 0 100%;width:100%;max-width:100%;box-sizing:border-box}#elementsGrid.search-modal-results>div:not(.elements-thumb-cell):not(.search-modal-skeleton):not(.search-modal-bottom-loader),#elementsGrid.search-modal-results>p.templates-empty{flex:0 0 100%;width:100%;max-width:100%;box-sizing:border-box}#searchModalResultsGrid.search-modal-results-grid{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:6px;grid-template-columns:initial;grid-auto-rows:initial}#searchModalResultsGrid.search-modal-results-grid>.search-modal-skeleton,#searchModalResultsGrid.search-modal-results-grid>.search-modal-thumb-btn{flex:0 0 calc((100% - 6px)/ 2);width:calc((100% - 6px)/ 2);max-width:calc((100% - 6px)/ 2);min-width:0;box-sizing:border-box}#searchModalResultsGrid.search-modal-results-grid>.search-modal-infinite-sentinel{flex:0 0 100%;width:100%;max-width:100%;box-sizing:border-box;grid-column:unset}.search-modal-infinite-sentinel{grid-column:1/-1;width:100%;height:1px;min-height:1px;min-width:0;padding:0;margin:0;border:0;overflow:hidden;pointer-events:none}.search-modal-results-grid>div:not(.search-modal-skeleton):not(.search-modal-infinite-sentinel){grid-column:1/-1}#searchModalResultsGrid.search-modal-results-grid>div:not(.search-modal-skeleton):not(.search-modal-infinite-sentinel){flex:0 0 100%;width:100%;max-width:100%;box-sizing:border-box;grid-column:unset}#searchModalResultsGrid.search-modal-results-grid--batch-entering .search-modal-thumb-btn{opacity:0;transform:translateY(8px)}#searchModalResultsGrid.search-modal-results-grid--batch-entering-done .search-modal-thumb-btn{opacity:1;transform:translateY(0);transition:opacity .4s cubic-bezier(.33, 1, .68, 1),transform .4s cubic-bezier(.33, 1, .68, 1)}#elementsGrid.search-modal-results.elements-grid--batch-entering .elements-thumb-cell{opacity:0;transform:translateY(8px)}#elementsGrid.search-modal-results.elements-grid--batch-entering-done .elements-thumb-cell{opacity:1;transform:translateY(0);transition:opacity .4s cubic-bezier(.33, 1, .68, 1),transform .4s cubic-bezier(.33, 1, .68, 1)}.search-modal-skeleton{aspect-ratio:1;width:100%;min-width:0;border-radius:8px;position:relative;overflow:hidden;border:none;background-color:#e5e7eb;background-image:none;animation:search-skeleton-pulse 1.35s cubic-bezier(.4,0,.6,1) infinite}.search-modal-skeleton::after{display:none}@keyframes search-skeleton-pulse{0%,100%{opacity:1}50%{opacity:.42}}.search-modal-bottom-loader:not([hidden]){flex-shrink:0;height:34px;display:flex;align-items:center;justify-content:center}.search-modal-bottom-loader[hidden]{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;pointer-events:none!important}.search-modal-bottom-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(29,29,29,.2);border-top-color:var(--gray-800);animation:search-bottom-spin .7s linear infinite}@keyframes search-bottom-spin{to{transform:rotate(360deg)}}.search-modal-thumb-btn{display:block;position:relative;overflow:hidden;box-sizing:border-box;width:100%;min-width:0;aspect-ratio:1;border:none;background:0 0;border-radius:var(--radius-lg);padding:0;cursor:pointer;isolation:isolate}.search-modal-thumb-btn::before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background-color:#fff;background-image:linear-gradient(45deg,var(--checker-a) 25%,transparent 25%,transparent 75%,var(--checker-a) 75%,var(--checker-a)),linear-gradient(45deg,var(--checker-a) 25%,transparent 25%,transparent 75%,var(--checker-a) 75%,var(--checker-a));background-size:var(--checker-size) var(--checker-size);background-position:0 0,calc(var(--checker-size)/ 2) calc(var(--checker-size)/ 2);opacity:0;transition:opacity .18s ease}.search-modal-thumb-btn:focus-visible::before,.search-modal-thumb-btn:hover::before{opacity:1}.search-modal-thumb-ph{position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;background-color:#e5e7eb;animation:search-skeleton-pulse 1.35s cubic-bezier(.4,0,.6,1) infinite}.search-modal-thumb-btn.is-thumb-error .search-modal-thumb{opacity:.28}.search-modal-thumb{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block}.search-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--radius-lg);border:1px solid var(--gray-800-10);background:var(--card);cursor:pointer;text-align:left;transition:background .15s}.search-item:hover{background:var(--gray-50)}.search-thumb{width:40px;height:40px;border-radius:var(--radius-lg);object-fit:cover;border:1px solid var(--gray-800-10);background:var(--gray-50)}.search-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.search-name{font-weight:500;font-size:13px;color:var(--gray-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-sub{font-size:12px;color:var(--gray-400)}.actions{display:flex;flex-direction:column;gap:8px}.btn{height:40px;padding:0 20px;font-family:var(--font-main);font-size:14px;font-weight:500;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background .15s,box-shadow .15s,opacity .15s;text-transform:capitalize}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-lg)}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-secondary{background:var(--card);color:var(--gray-800);border:1px solid var(--border-subtle);box-shadow:var(--shadow-btn-secondary)}.btn-secondary:hover:not(:disabled){background:var(--gray-50)}.preview-area{position:relative;flex:1;min-width:0;min-height:0;z-index:1;display:flex;align-items:flex-start;justify-content:center;padding:24px;padding-top:76px;background:0 0;overflow:auto;-webkit-overflow-scrolling:touch;transition:padding .28s ease}body.colors-panel-open .preview-area{padding-right:324px}.canvas-floating{position:absolute;top:14px;right:14px;z-index:10;pointer-events:auto}.zoom-floating{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:10;pointer-events:auto}.preview-topbar{position:absolute;top:14px;right:14px;z-index:11;display:flex;align-items:center;gap:10px;pointer-events:auto}.canvas-hint{position:fixed;left:0;top:0;z-index:50;pointer-events:none;padding:8px 10px;border-radius:999px;background:rgba(20,20,20,.72);color:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 22px rgba(0,0,0,.22);font-family:var(--font-main);font-size:12px;font-weight:600;line-height:1.1;letter-spacing:.01em;opacity:0;transition:opacity .12s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:min(320px,calc(100vw - 24px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-hint.is-visible{opacity:1}.preview-topbar .dropdown-btn{border-radius:var(--radius-full);height:45px;padding:0 18px;box-shadow:var(--shadow-lg)}.preview-topbar .dropdown-btn-caret{display:none}.download-btn-top{height:45px;padding:0 18px;border-radius:var(--radius-full);border:none;background:var(--brand);box-shadow:var(--shadow-lg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-family:var(--font-main);font-size:13px;font-weight:600}.download-dropdown{position:relative;display:inline-flex;align-items:center;gap:0;box-shadow:var(--shadow-lg);border-radius:var(--radius-full);overflow:visible}.download-btn-top{box-shadow:none}.download-btn-top--main{border-radius:var(--radius-full) 0 0 var(--radius-full)}.download-btn-top--caret{width:44px;padding:0;border-radius:0 var(--radius-full) var(--radius-full) 0;border-left:1px solid rgba(255,255,255,.22)}.download-btn-top--caret .download-caret{display:inline-block;transform:translateY(-1px);font-size:14px;line-height:1}.download-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:210px;background:var(--card);border:1px solid var(--gray-800-10);border-radius:14px;box-shadow:var(--shadow-xl);padding:8px;z-index:20}.download-menu .download-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px;border-radius:10px;border:none;background:0 0;cursor:pointer;color:var(--gray-900);font-family:var(--font-main);font-size:13px;font-weight:600;text-align:left}.download-menu .download-item:hover{background:var(--gray-800-5)}.download-menu .download-item .download-item-meta{font-weight:500;font-size:12px;color:var(--gray-600)}.download-menu .download-item.is-selected::after{content:'✓';font-weight:700;color:var(--gray-900)}.download-btn-top--caret:disabled,.download-btn-top:disabled{opacity:.5;cursor:not-allowed}.download-btn-top:hover:not(:disabled){background:var(--brand-hover)}.download-btn-top:disabled{opacity:.5;cursor:not-allowed}.download-btn-text{display:inline-block;transform:translateY(-.5px)}.colors-tool{position:fixed;right:16px;top:50%;transform:none;z-index:30;pointer-events:auto;width:44px;height:44px;overflow:visible}.colors-tool-btn-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%)}.colors-tool-btn{width:44px;height:44px;border-radius:9999px;border:none;background:var(--card);box-shadow:var(--shadow-lg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.colors-tool-btn svg{display:block}.colors-tool-hover-pill{position:absolute;right:54px;top:50%;transform:translateY(-50%);height:44px;padding:0 16px;border-radius:9999px;background:var(--gray-900,#1d1d1d);color:#fff;font-weight:600;font-size:14px;display:none;align-items:center;box-shadow:var(--shadow-lg);white-space:nowrap;pointer-events:none}.colors-tool-btn-wrap:hover .colors-tool-hover-pill{display:inline-flex}.colors-tool-panel{width:300px;height:auto;position:fixed;right:60px;top:76px;bottom:86px;transform:none;margin-top:0;background:var(--card);border-radius:12px;box-shadow:0 1px 23px -3px rgba(0,0,0,.16);border:1px solid var(--gray-800-10);overflow:hidden;display:flex;flex-direction:column}.colors-tool-panel[hidden]{display:none!important}.colors-tool-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:0 0}.colors-tool-title{font-size:14px;font-weight:600;color:var(--gray-800)}.colors-tool-close{width:34px;height:34px;border:none;border-radius:9999px;background:0 0;cursor:pointer;font-size:20px;line-height:1;color:var(--gray-800)}.colors-tool-body{padding:8px 14px 14px;display:flex;flex-direction:column;gap:14px;flex:1;overflow:hidden}.colors-tool-block{display:flex;flex-direction:column;gap:8px;min-height:0}.colors-tool-block--palettes{flex:1;min-height:0}.colors-tool-block--used{flex:0 0 auto}.colors-tool-block-title{font-size:12px;font-weight:500;color:var(--gray-600)}.colors-tool-block--used .colors-tool-block-title{display:none}.colors-tool-maintain-row{display:flex;align-items:center;gap:10px;padding:2px 0}.colors-tool-maintain-text{font-size:14px;font-weight:600;color:var(--gray-800)}.maintain-bg-switch{display:inline-flex;align-items:center;justify-content:flex-end;cursor:pointer;color:var(--gray-600)}.maintain-bg-switch input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.maintain-bg-switch-icon{display:block}.maintain-bg-switch-thumb{transition:transform .18s ease;transform:translateX(0)}.maintain-bg-switch input:checked+.maintain-bg-switch-icon{color:var(--brand)}.maintain-bg-switch input:checked+.maintain-bg-switch-icon .maintain-bg-switch-thumb{transform:translateX(16px)}.colors-tool-palettes{overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px;flex:1;min-height:0}.colors-tool-palettes::-webkit-scrollbar{width:0;height:0}.colors-tool-palettes{scrollbar-width:none}.colors-tool-used-colors{scrollbar-width:none}.colors-tool-used-colors::-webkit-scrollbar{width:0;height:0}.colors-tool-palette-btn{width:100%;border:none;border-radius:0;background:0 0;cursor:pointer;padding:0;display:flex;flex-direction:column;gap:6px;align-items:stretch;text-align:left}.colors-tool-palette-btn,.colors-tool-palette-btn .colors-tool-palette-name,.colors-tool-palette-btn .colors-tool-palette-swatch,.colors-tool-palette-btn .colors-tool-palette-swatches,.colors-tool-palette-btn:focus-visible,.colors-tool-palette-btn:hover{cursor:pointer!important}.colors-tool-palette-btn:hover{background:0 0}.colors-tool-palette-swatches{height:30px;border-radius:8px;border:1.5px solid #e0e0e0;display:flex;overflow:hidden;width:100%;position:relative;transition:border-color .16s ease,box-shadow .16s ease}.colors-tool-palette-swatch{flex:1 1 0;height:30px}.colors-tool-palette-shuffle-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .16s ease}.colors-tool-palette-shuffle-hint svg{width:22px;height:22px;color:#1d1d1d;background:#fff;border-radius:9999px;padding:3px;box-shadow:0 1px 2px rgba(0,0,0,.14)}.colors-tool-palette-btn:hover .colors-tool-palette-shuffle-hint{opacity:1}.colors-tool-palette-btn:hover .colors-tool-palette-swatches{border-color:#bdbdbd}.colors-tool-palette-name{font-size:11px;font-weight:500;color:#a6a6a6;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;width:100%;text-align:left}.colors-tool-used-colors{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;padding-right:4px;overflow:hidden;position:relative;z-index:2}.colors-tool-used-color-chip{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:0 0;cursor:pointer;pointer-events:auto;width:22px;height:22px;border-radius:9999px}.colors-tool-used-color-chip:hover{background:0 0}.colors-tool-used-chip-swatch{width:22px;height:22px;border-radius:9999px;border:2px solid var(--gray-800-10);position:relative;pointer-events:auto}.colors-tool-used-chip-hex{display:none}.colors-tool-used-chip-swatch.is-transparent{background:linear-gradient(45deg,var(--checker-a) 25%,transparent 25%,transparent 75%,var(--checker-a) 75%,var(--checker-a)) 0 0/var(--checker-size) var(--checker-size),linear-gradient(45deg,var(--checker-a) 25%,transparent 25%,transparent 75%,var(--checker-a) 75%,var(--checker-a)) calc(var(--checker-size)/ 2) calc(var(--checker-size)/ 2)/var(--checker-size) var(--checker-size)}.colors-tool-used-chip-transparent-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.colors-tool-used-chip-transparent-icon svg{width:14px;height:14px;display:block}.dropdown{position:relative}.dropdown-btn{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:var(--radius-lg);border:none;background:var(--card);cursor:pointer;box-shadow:var(--shadow-lg);font-family:var(--font-main)}.dropdown-btn-label{font-size:13px;font-weight:500;color:var(--gray-800)}.dropdown-btn-caret{font-size:12px;opacity:.8}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;padding:6px;border-radius:var(--radius-lg);border:1px solid var(--gray-800-10);background:var(--card);box-shadow:var(--shadow-lg)}#canvasPresetMenu.dropdown-menu{max-height:min(420px,calc(100vh - 96px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.dropdown-sep{height:1px;margin:4px 6px;background:var(--gray-800-10)}.dropdown-custom{padding:8px 8px 6px}.dropdown-custom-title{font-size:12px;font-weight:500;color:var(--gray-400);letter-spacing:.05em;text-transform:uppercase;margin:2px 2px 8px}.dropdown-custom-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.dropdown-custom input[type=number]{width:100%;height:32px;padding:8px 16px;font-family:var(--font-main);font-size:12px;font-weight:500;border:2px solid var(--gray-800-10);border-radius:10px;color:var(--gray-800);box-sizing:border-box}.dropdown-custom input[type=number]::-webkit-inner-spin-button,.dropdown-custom input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0;padding:0;opacity:1;width:18px;height:50%;background-color:transparent;border-left:0;background-repeat:no-repeat;background-position:center;background-size:10px 10px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='10'%20viewBox='0%200%20256%20256'%3E%3Cpath%20fill='%231D1D1D'%20d='M216.49,168.49a12,12,0,0,1-17,0L128,97,56.49,168.49a12,12,0,0,1-17-17l80-80a12,12,0,0,1,17,0l80,80A12,12,0,0,1,216.49,168.49Z'/%3E%3C/svg%3E")}.dropdown-custom input[type=number]::-webkit-outer-spin-button{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='10'%20viewBox='0%200%20256%20256'%3E%3Cpath%20fill='%231D1D1D'%20d='M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E")}.dropdown-custom-actions{display:flex;justify-content:flex-end}.dropdown-apply{height:32px;padding:0 14px;border-radius:var(--radius-lg);border:none;background:var(--brand);color:#fff;font-family:var(--font-main);font-size:12px;font-weight:500;cursor:pointer}.dropdown-apply:hover{background:var(--brand-hover)}.dropdown-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--radius-lg);border:none;background:0 0;cursor:pointer;text-align:left;font-family:var(--font-main)}.dropdown-item:hover{background:var(--gray-50)}.dropdown-item.is-selected{background:rgba(124,92,252,.08)}.dropdown-item .preset-ico{flex-shrink:0}.dropdown-item .item-label{display:flex;flex-direction:column;gap:2px}.dropdown-item .item-title{font-size:13px;font-weight:500;color:var(--gray-800)}.dropdown-item .item-subtitle{font-size:12px;color:var(--gray-400)}.canvas-wrapper{position:relative;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;width:fit-content;max-width:none;flex-shrink:0;transform:translateX(var(--artboard-viewport-nudge,0))}.viewport-zoom{position:relative;display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--card);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);pointer-events:auto}.viewport-zoom .vz-btn[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--gray-900,#1d1d1d);color:#fff;font-size:11px;font-weight:500;line-height:1;padding:6px 10px;border-radius:9999px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:9999}.viewport-zoom .vz-btn[data-tooltip]:focus-visible::after,.viewport-zoom .vz-btn[data-tooltip]:hover::after{opacity:1}.viewport-zoom #vzRange{width:140px;height:4px;padding:0;-webkit-appearance:none;appearance:none;background:0 0;border-radius:9999px}.viewport-zoom #vzRange::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,#1d1d1d 0,#1d1d1d var(--p,0),rgba(29,29,29,.1) var(--p,0),rgba(29,29,29,.1) 100%);border-radius:9999px}.viewport-zoom #vzRange::-moz-range-track{height:4px;background:linear-gradient(to right,#1d1d1d 0,#1d1d1d var(--p,0),rgba(29,29,29,.1) var(--p,0),rgba(29,29,29,.1) 100%);border-radius:9999px}.viewport-zoom #vzRange::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid var(--gray-600);box-sizing:border-box;cursor:pointer;margin-top:-4.5px}.viewport-zoom #vzRange::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid var(--gray-600);box-sizing:border-box;cursor:pointer}.vz-btn{width:26px;height:26px;border-radius:50%;border:2px solid var(--gray-800-10);background:var(--card);cursor:pointer;font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-main);color:var(--gray-800)}.vz-btn:hover{background:var(--gray-50)}.vz-btn:disabled{opacity:.45;cursor:default}.vz-btn--icon svg{display:block}.viewport-zoom #vzNumber{width:52px;height:26px;padding:2px 18px 2px 7px;font-family:var(--font-main);font-size:13px;font-weight:500;text-align:center;border:2px solid var(--gray-800-10);border-radius:10px;color:var(--gray-800);line-height:1.2;box-sizing:border-box;-moz-appearance:textfield!important;appearance:textfield;-webkit-appearance:textfield;font-variant-numeric:tabular-nums;display:block;overflow:visible}.viewport-zoom .vz-number-wrap{position:relative;width:54px;height:26px;flex-shrink:0}@supports (-webkit-appearance:none){.control-slider .slider-wrap input[type=number],.viewport-zoom #vzNumber{padding-top:1px;padding-bottom:1px}}.viewport-zoom .vz-number-wrap #vzNumber{width:100%}.viewport-zoom #vzNumber::-webkit-inner-spin-button,.viewport-zoom #vzNumber::-webkit-outer-spin-button{-webkit-appearance:none!important;appearance:none;margin:0;display:none!important}.viewport-zoom .vz-spin{position:absolute;right:2px;width:16px;height:9px;border:none;background:0 0;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;color:var(--gray-700);cursor:default;line-height:1}.viewport-zoom .vz-spin svg{width:10px;height:10px;display:block}.viewport-zoom .vz-spin-up{top:3px}.viewport-zoom .vz-spin-down{bottom:3px}.viewport-zoom .vz-spin:hover{color:var(--gray-800);cursor:default}.vz-suffix{font-size:12px;font-weight:500;color:var(--gray-400)}.vz-reset{height:26px;padding:0 10px;border-radius:var(--radius-full);border:2px solid var(--gray-800-10);background:var(--card);cursor:pointer;font-family:var(--font-main);font-size:12px;font-weight:500;color:var(--gray-800)}.vz-reset:hover{background:var(--gray-50)}.canvas-viewport{position:relative;width:800px;height:600px;background:#fff;overflow:hidden;cursor:default;touch-action:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}.artboard-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.35);z-index:4;pointer-events:none}.artboard-loader[hidden]{display:none!important}.artboard-loader-spinner{width:26px;height:26px;border-radius:50%;border:2px solid rgba(29,29,29,.2);border-top-color:var(--gray-800);animation:artboard-spin .7s linear infinite}@keyframes artboard-spin{to{transform:rotate(360deg)}}.canvas-viewport:hover{cursor:grab}.canvas-viewport.is-panning{cursor:grabbing}.canvas-viewport.is-picking-color{cursor:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='22' height='22'%3E%3Crect width='256' height='256' fill='none'/%3E%3Cpath d='M182.43,113.17l4.88,4.89a16,16,0,0,1,0,22.63l-9,9a8,8,0,0,1-11.31,0L106.34,89a8,8,0,0,1,0-11.31l9-9a16,16,0,0,1,22.63,0l4.89,4.88,25-25.1c10.79-10.79,28.37-11.45,39.44-1a28,28,0,0,1,.57,40.15Z' fill='none' stroke='%231d1d1d' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M159.31,141.94l-56.68,56.69a32,32,0,0,1-32.06,8h0l-20,8.74a8,8,0,0,1-8.86-1.67h0a5.74,5.74,0,0,1-1.2-6.36l9.19-21.06h0a32,32,0,0,1,7.7-32.87l56.69-56.68' fill='none' stroke='%231d1d1d' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E") 2 20,crosshair!important}.canvas-viewport.is-picking-color,.canvas-viewport.is-picking-color *{cursor:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='22' height='22'%3E%3Crect width='256' height='256' fill='none'/%3E%3Cpath d='M182.43,113.17l4.88,4.89a16,16,0,0,1,0,22.63l-9,9a8,8,0,0,1-11.31,0L106.34,89a8,8,0,0,1,0-11.31l9-9a16,16,0,0,1,22.63,0l4.89,4.88,25-25.1c10.79-10.79,28.37-11.45,39.44-1a28,28,0,0,1,.57,40.15Z' fill='none' stroke='%231d1d1d' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M159.31,141.94l-56.68,56.69a32,32,0,0,1-32.06,8h0l-20,8.74a8,8,0,0,1-8.86-1.67h0a5.74,5.74,0,0,1-1.2-6.36l9.19-21.06h0a32,32,0,0,1,7.7-32.87l56.69-56.68' fill='none' stroke='%231d1d1d' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E") 2 20,crosshair!important}html.is-eyedropper-active,html.is-eyedropper-active *{cursor:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='22' height='22'%3E%3Crect width='256' height='256' fill='none'/%3E%3Cpath d='M182.43,113.17l4.88,4.89a16,16,0,0,1,0,22.63l-9,9a8,8,0,0,1-11.31,0L106.34,89a8,8,0,0,1,0-11.31l9-9a16,16,0,0,1,22.63,0l4.89,4.88,25-25.1c10.79-10.79,28.37-11.45,39.44-1a28,28,0,0,1,.57,40.15Z' fill='none' stroke='%231d1d1d' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M159.31,141.94l-56.68,56.69a32,32,0,0,1-32.06,8h0l-20,8.74a8,8,0,0,1-8.86-1.67h0a5.74,5.74,0,0,1-1.2-6.36l9.19-21.06h0a32,32,0,0,1,7.7-32.87l56.69-56.68' fill='none' stroke='%231d1d1d' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E") 2 20,crosshair!important}#bgColorBtn,#bgColorBtn *,.colors-tool-palette-btn,.colors-tool-palette-btn *,.colors-tool-used-color-chip,.colors-tool-used-color-chip *{cursor:pointer!important}#canvas{display:block;transform-origin:50% 50%;will-change:transform}.canvas-hud{position:absolute;inset:0;z-index:3;pointer-events:none}.canvas-hud[hidden]{display:none!important}.canvas-hud-corner,.canvas-hud-rotate{position:absolute;pointer-events:auto;box-sizing:border-box}.canvas-hud-rotate{width:28px;height:28px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid rgba(124,92,252,.95);background:0 0;box-shadow:none;cursor:grab;transform:translate(-50%,-50%);touch-action:none}.canvas-hud-rotate-icon{display:block;color:rgba(124,92,252,.95)}.canvas-hud-rotate-icon path{stroke:currentColor}.canvas-hud-rotate:active{cursor:grabbing}.canvas-viewport.is-hud-dragging .canvas-hud-rotate{cursor:grabbing}.canvas-viewport.is-hud-resizing{cursor:nwse-resize!important}.canvas-viewport.is-hud-resizing[data-hud-resize-cursor=nesw]{cursor:nesw-resize!important}.canvas-viewport.is-hud-resizing *,.canvas-viewport.is-hud-rotating *{cursor:inherit!important}.canvas-viewport.is-hud-rotating{cursor:grabbing!important}.canvas-hud-corner{width:11px;height:11px;border:2px solid rgba(124,92,252,.95);border-radius:2px;background:rgba(255,255,255,.96);box-shadow:0 0 0 1px rgba(124,92,252,.25),0 1px 3px rgba(0,0,0,.08);transform-origin:center center;touch-action:none}.preset-ico{width:18px;height:18px;border:2px solid var(--gray-800);border-radius:3px;opacity:.3;flex-shrink:0}.preset-ico.landscape{width:20px;height:14px}.preset-ico.portrait{width:14px;height:20px}.preset-ico.square{width:18px;height:18px}.preset-ico.preset-ico--svg{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:0;opacity:1;color:var(--gray-800)}.preset-ico.preset-ico--svg svg{width:18px;height:18px;display:block}