.opBrandLogo{display:block;max-width:100%;object-fit:contain}.side .brand.opBusinessBrand{padding:2px 10px 24px;text-align:center;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start}.side .brand.opBusinessBrand .opBrandLogo{width:100%;height:72px;object-fit:contain;margin:0 auto 10px;border-radius:10px}.side .brand.opBusinessBrand .opSidebarBusinessName{width:100%;max-width:210px;margin:0 auto;color:var(--pup-text,#fff);font-size:15px;line-height:1.25;font-weight:720;letter-spacing:-.015em;text-align:center;overflow-wrap:anywhere}.side .brand.opBusinessBrand .opSidebarBrandGap{height:20px;flex:0 0 20px;width:100%}.side .brand.opBusinessBrand .opOnePointLabel{width:100%;font-size:14px;line-height:1.2;font-weight:720;letter-spacing:.005em;color:#fff;text-align:center}.side .brand.opBusinessBrand .opOnePointLabel small{display:block;margin-top:4px;color:#98989d;font-size:11px;line-height:1.3;font-weight:520;letter-spacing:.01em;text-align:center}html.opPuppertino .side .brand.opBusinessBrand .opSidebarBusinessName{color:var(--pup-text,#1d1d1f)}.opClockNoSide .app{grid-template-columns:minmax(0,1fr)}.opClockNoSide .side{display:none!important}.opClockNoSide .top{display:none!important}.opClockNoSide .content{max-width:920px;padding-top:28px}.opClockBrandHeader{text-align:center;margin:0 auto 18px;max-width:620px}.opClockBrandHeader .opClockOnePoint{font-size:13px;line-height:1.2;font-weight:800;letter-spacing:.12em;color:var(--color-text-muted,#64748B);text-transform:uppercase}.opClockBrandHeader .opBrandLogo{width:min(360px,78vw);height:118px;object-fit:contain;margin:12px auto 8px;border-radius:14px}.opClockBrandHeader .opClockFallback{font-size:26px;font-weight:750;margin:12px 0 4px}.opClockBrandHeader .opClockBusiness{font-size:18px;font-weight:650;color:var(--color-text,#0F172A);margin-top:5px}.opBrandCardPreview{width:220px;height:110px;object-fit:contain;border:1px solid var(--color-border-soft,#E2E8F0);border-radius:12px;background:var(--color-bg-subtle,#F8FAFC);padding:8px}.opCropStage{display:grid;place-items:center;background:#111827;border-radius:14px;overflow:hidden;margin-top:14px}.opCropCanvas{display:block;width:100%;max-width:640px;aspect-ratio:2/1;touch-action:none;cursor:grab}.opCropCanvas:active{cursor:grabbing}.opCropHelp{margin-top:8px;color:var(--color-text-muted,#64748B);font-size:12px}.opBrandActions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.opLogoPlaceholder{width:220px;height:110px;border:1px dashed var(--color-border,#CBD5E1);border-radius:12px;display:grid;place-items:center;color:var(--color-text-muted,#64748B);background:var(--color-bg-subtle,#F8FAFC);font-size:13px}@media(max-width:700px){.opClockNoSide .content{padding:18px 14px 40px}.opClockBrandHeader .opBrandLogo{height:92px}.opBrandCardPreview,.opLogoPlaceholder{width:180px;height:90px}}