.Section{padding:0 16px}.Section-Tabs{width:100%;isolation:isolate;display:inline-flex;border-radius:.375rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.Section-Tabs-Item{position:relative;display:inline-flex;width:100%;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.5rem .75rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity))}.Section-Tabs-Item:focus{z-index:10}.Section-Tabs-Item:not(:first-child){margin-left:-1px}.Section-Tabs-Item:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.Section-Tabs-Item:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.Section-Tabs-Item--Active{--tw-bg-opacity: 1;background-color:rgb(234 236 240 / var(--tw-bg-opacity))}.Section-UploadInput{display:none}.Section-Group{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.Section-Hint{margin-top:8px;font-size:12px;color:#667085}.Section-LockNotice{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border:1px solid #d0d5dd;border-radius:8px;padding:8px 10px;font-size:12px;color:#475467;background:#f8fafc}.Section-LockMessage{display:flex;align-items:flex-start;gap:6px;flex:1 1 220px;min-width:0}.Section-LockMessage svg{flex-shrink:0;margin-top:1px}.Section-LockMessage span{white-space:normal;overflow-wrap:anywhere}.Section-LockLink{color:#0669ff;font-weight:600;text-decoration:none}.Section-LockLink:hover{text-decoration:underline;text-underline-offset:2px}.Section-LockedControl{opacity:.7}.Section-Title{font-size:14px;line-height:20px;font-weight:500;margin-bottom:16px;letter-spacing:.35px;text-transform:uppercase}.Section-Subtitle{font-size:14px;line-height:20px;font-weight:500;margin-bottom:8px;color:#667085}.Section-Buttons{display:flex;flex-wrap:wrap;gap:4px}.Section-Buttons button{align-items:center;justify-content:center;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:transparent solid 2px;outline-offset:2px;line-height:1.2;border-radius:4px;font-weight:600;transition:all .2s ease 0s;height:30px;min-width:30px;padding-inline:16px;width:30px;max-height:30px;max-width:30px;min-height:30px;padding:0}.ShotEditor{--navbar-height-full: calc(var(--navbar-height) + 16px);max-height:100dvh;overflow-y:hidden}.ShotEditor-Container{display:flex;flex-direction:row;background-color:#f2f4f7;flex:1;width:100%;border-top:1px solid #eaecf0;margin-top:var(--navbar-height-full);height:calc(100dvh - var(--navbar-height-full))}.ShotEditor-Control{flex:1 1 335px;max-width:335px;background-color:#fff;border-left:1px solid #eaecf0;overflow-y:auto;height:100%}.ShotEditor-Control-Inner{padding:20px 0;max-height:calc(100dvh - var(--navbar-height-full))}.ShotEditor-Canvas{flex:1;min-width:0;display:flex;flex-direction:column}.ShotEditor-SideSheet{flex:1 1 auto;min-width:0}.ShotEditor-SideSheet--Sources{flex-basis:300px;max-width:300px}.ShotEditor-SideSheet--Settings{flex-basis:335px;max-width:335px}.ShotEditor-MobileToolbar{display:none}@media screen and (max-width: 1024px){.ShotEditor-SideSheet{max-width:none}.ShotEditor-SideSheet--Sources,.ShotEditor-SideSheet--Settings{flex-basis:auto}.ShotEditor-MobileToolbar{display:flex;align-items:flex-start;gap:8px;padding:10px 12px 0}.ShotEditor-MobileToolbarButton{min-width:44px;width:44px;height:36px;display:inline-flex;align-items:center;justify-content:center}.ShotEditor-MobileToolbarButton svg{flex-shrink:0;margin:0!important}.ShotEditor-MobileToolbarButton.is-active{border-color:#1d4ed8;color:#1d4ed8;background:#eff6ff}.ShotEditor-Control{max-width:none;width:100%;border-left:0}.ShotEditor-Control-Inner{max-height:none;padding:14px 0 24px}}.Section-GradientPicker{width:100%}.Section-ImageBackground{display:flex;flex-direction:column;gap:12px}.Section-ImageActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.Section-ImagePreview{border:1px solid #d0d5dd;border-radius:10px;overflow:hidden;background:#f8fafc;max-height:180px}.Section-ImagePreview img{width:100%;max-height:180px;-o-object-fit:cover;object-fit:cover}.ShotEditor-Sidebar{flex:1;background-color:#fff;border-right:1px solid #eaecf0;max-width:300px;min-height:100%}.ShotEditor-Sidebar .Sidebar-BackLink{padding:10px 12px 0;font-size:13px}.ShotEditor-Sidebar .Sidebar-Tabs{padding:10px 12px 0}.ShotEditor-Sidebar .Sidebar-Items{height:calc(100vh - var(--navbar-height-full) - 48px - 30px);display:grid;grid-template-columns:1fr 1fr 1fr;overflow-y:auto;padding:10px 12px 12px;align-content:start}.ShotEditor-Sidebar .Sidebar-Item{position:relative;cursor:pointer;border-radius:.25rem;padding:.25rem .5rem;border:2px solid transparent;z-index:0}.ShotEditor-Sidebar .Sidebar-Item--Active{border-color:var(--accent);z-index:1}.ShotEditor-Sidebar .Sidebar-Item--Check{position:absolute;display:flex;align-items:center;justify-content:center;top:-8px;right:-8px;width:22px;height:22px;border-radius:9999px;border:1px solid var(--accent);background:var(--accent);color:#fff}.ShotEditor-Sidebar .Sidebar-Sentinel{grid-column:1/-1;height:1px;width:100%}.ShotEditor-Sidebar .Sidebar-Status{grid-column:1/-1;margin:4px 0 0;font-size:12px;color:#667085;text-align:center}.ShotEditor-Sidebar .Sidebar-LoadMoreButton{grid-column:1/-1;justify-self:center}@media screen and (max-width: 1024px){.ShotEditor-Sidebar{max-width:none;width:100%;border-right:0}}.wf-side-sheet{position:relative}.wf-side-sheet-backdrop{display:none}.wf-side-sheet-panel{position:relative;min-height:0}@media screen and (max-width: 1024px){.wf-side-sheet--overlay{position:fixed;inset:0;z-index:70;pointer-events:none}.wf-side-sheet--overlay.is-open{pointer-events:auto}.wf-side-sheet--overlay .wf-side-sheet-backdrop{border:0;display:block;position:fixed;left:0;right:0;top:var(--navbar-height-full);bottom:0;width:100%;background:#0f172a73;opacity:0;transition:opacity .2s ease;pointer-events:none;padding:0;margin:0}.wf-side-sheet--overlay.is-open .wf-side-sheet-backdrop{opacity:1;pointer-events:auto}.wf-side-sheet--overlay .wf-side-sheet-panel{position:fixed;top:var(--navbar-height-full);bottom:0;width:min(360px,100vw);background:#fff;transition:transform .24s ease;will-change:transform}.wf-side-sheet--overlay.wf-side-sheet--left .wf-side-sheet-panel{left:0;transform:translate(-104%)}.wf-side-sheet--overlay.wf-side-sheet--right .wf-side-sheet-panel{right:0;transform:translate(104%)}.wf-side-sheet--overlay.is-open .wf-side-sheet-panel{transform:translate(0)}}.ShotCanvas{flex:1;min-width:0;height:calc(100vh - var(--navbar-height-full));padding:24px;display:flex;flex-direction:column;gap:16px;overflow:hidden}.ShotCanvas-Header{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.ShotCanvas-ExportMenu{position:relative;width:98px}.ShotCanvas-ExportButton{width:100px;height:36px;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;font-size:13px;font-weight:600;box-shadow:0 3px 7px #0000000d}.ShotCanvas-ExportButton:focus,.ShotCanvas-ExportButton:active{outline:none}.ShotCanvas-ExportButton:disabled{cursor:not-allowed;opacity:.65;box-shadow:none}.ShotCanvas-ExportPopup{position:absolute;top:40px;z-index:60;width:100px;border:1px solid #d1d5db;border-radius:10px;background:#fff;box-shadow:0 14px 28px #0f172a1f;overflow:hidden;isolation:isolate}.ShotCanvas-ExportPopupInner{padding:6px;background:#fff}.ShotCanvas-ExportOption{width:100%;display:flex;align-items:center;border-radius:6px;padding:7px 10px;color:#1f2937;font-size:13px;font-weight:500}.ShotCanvas-ExportOption--active{background:#f3f6fb}.ShotCanvas-Viewport{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.ShotCanvas-LoaderOverlay{position:absolute;inset:0;display:flex;z-index:50;align-items:center;justify-content:center;background:#fff9;backdrop-filter:blur(1px)}.ShotCanvas-Loader{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;font-size:13px;color:#4b5563;box-shadow:0 4px 14px #0f172a12}.ShotCanvas-LoaderSpinner{width:14px;height:14px;border:2px solid #d1d5db;border-top-color:#2563eb;border-radius:999px;animation:ShotCanvas-Spin .8s linear infinite}@keyframes ShotCanvas-Spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.ShotCanvas{padding:12px}}@media (max-width: 1024px){.ShotCanvas{height:auto;flex:1;min-height:0;padding:10px 12px 12px}}.Section-CheckRow{display:flex;align-items:center;gap:8px;font-size:13px;color:#344054}.Section-LogoGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.Section-LogoItem{position:relative;border:1px solid #d0d5dd;border-radius:8px;background:#e9eaec;min-height:58px;display:flex;align-items:center;justify-content:center;overflow:hidden}.Section-LogoItem img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.Section-LogoItem.active{border-color:#0469ff;box-shadow:inset 0 0 0 2px #0469ff33}.Section-LogoDelete{position:absolute;right:4px;top:2px;font-size:16px;color:#b42318;line-height:1}.Section-Positions{display:grid;grid-template-columns:3fr 3fr 3fr;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;border-radius:8px;margin-bottom:16px;box-shadow:#d0d5dd 0 0 0 1px inset}.Section-Positions button{display:flex;height:20px;width:20px;align-items:center;justify-content:center;cursor:pointer}.Section-Positions button.empty{pointer-events:none}.Section-Positions button>div{display:flex;align-items:center;justify-content:center;flex-shrink:0;flex-grow:0;width:8px;height:8px;border-radius:9999px;background:#eaecf0;transition:all .2s ease 0s}
