.sidebar{min-height:0}.sidebar .side-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;padding-right:2px}.sidebar .side-nav::-webkit-scrollbar{display:none}.sidebar .usage-card{flex:0 0 auto;margin-top:12px;border-color:#d9e8d4;background:linear-gradient(145deg,#f7fbf4,#eef7e9);box-shadow:0 8px 22px rgba(22,95,67,.06)}.sidebar .usage-card .usage-row b{color:#183d2f}.sidebar .usage-card .progress{background:#dbe7d7}.sidebar .usage-card>a{display:inline-flex;align-items:center;min-height:30px}.sidebar .side-footer{flex:0 0 auto;margin-top:10px;padding-top:10px}.sidebar .side-footer>a{display:flex;align-items:center;gap:10px;min-height:40px;padding:9px;border-radius:9px;color:#656c67;font-size:12px;font-weight:600;transition:background-color .18s ease,color .18s ease,transform .18s ease}.sidebar .side-footer>a:hover{background:#f4f8f2;color:var(--green)}.sidebar .side-footer>a:active{transform:scale(.99)}.sidebar .profile-chip{margin-top:4px;padding:9px;border:1px solid transparent;border-radius:12px;background:#fafcf9;min-width:0}.sidebar .profile-chip>div:nth-child(2){min-width:0}.sidebar .profile-chip b{color:#202622}.sidebar .profile-chip b,.sidebar .profile-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .logout-icon{width:30px;height:30px;padding:0!important;border-radius:9px;color:#838a84;transition:background-color .18s ease,color .18s ease}.sidebar .logout-icon:hover{background:#edf5e9;color:var(--green)}@media(max-width:900px){.sidebar{top:0;bottom:auto;height:100vh;height:100dvh;max-height:100dvh;padding:18px 16px max(16px,env(safe-area-inset-bottom));overflow:hidden!important;box-shadow:24px 0 60px rgba(11,36,25,.18)}.sidebar .side-top{flex:0 0 auto;padding:0 4px}.sidebar .new-project{flex:0 0 auto;min-height:48px;margin:20px 4px 13px;align-items:center;border-radius:12px}.sidebar .side-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:2px 3px 8px 0;-webkit-overflow-scrolling:touch}.sidebar .nav-label{margin-top:14px}.sidebar .side-nav a{min-height:42px}.sidebar .usage-card{flex:0 0 auto;margin:8px 0 0!important;padding:12px 13px;border-radius:13px}.sidebar .usage-card p{margin:7px 0 3px;line-height:1.4}.sidebar .side-footer{flex:0 0 auto;margin:8px 0 0!important;padding-top:8px}.sidebar .side-footer>a{min-height:38px;padding:7px 8px}.sidebar .profile-chip{margin-top:2px;padding:8px}.sidebar-backdrop{touch-action:none}}@media(max-height:720px) and (max-width:900px),(max-width:390px){.sidebar{padding-top:14px;padding-left:13px;padding-right:13px}.sidebar .new-project{margin-top:14px;margin-bottom:9px;min-height:44px}.sidebar .nav-label{margin-top:10px;margin-bottom:5px}.sidebar .side-nav a{min-height:38px;padding-top:8px;padding-bottom:8px}.sidebar .usage-card{padding:10px 12px}.sidebar .usage-card p{margin:5px 0 2px}.sidebar .side-footer{margin-top:6px!important;padding-top:6px}.sidebar .side-footer>a{min-height:34px;padding-top:5px;padding-bottom:5px}.sidebar .profile-chip{padding-top:6px;padding-bottom:6px}}@media(prefers-reduced-motion:reduce){.sidebar .logout-icon,.sidebar .side-footer>a{transition:none!important}}.sidebar{overflow:hidden}.side-nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin;scrollbar-color:#cbd8ce transparent}.side-nav::-webkit-scrollbar{width:5px}.side-nav::-webkit-scrollbar-thumb{background:#cbd8ce;border-radius:99px}.usage-card{flex:none}.side-footer{flex:none;background:#fff}.video-canvas video{transition:transform .18s ease,object-position .18s ease;transform-origin:50% 50%;will-change:transform}.zoom-section.disabled{opacity:.68}.zoom-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.zoom-heading label{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:800}.zoom-reset{border:0;background:none;color:var(--green);font-size:8px;font-weight:800;padding:5px 7px;border-radius:7px}.zoom-reset:hover{background:#eff7ee}.zoom-control{display:grid;grid-template-columns:34px 1fr 34px;gap:8px;align-items:center;margin-top:8px}.zoom-control button{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:9px;color:var(--green);display:grid;place-items:center}.zoom-control button:disabled,.zoom-control input:disabled{opacity:.45;cursor:not-allowed}.zoom-control input{width:100%;accent-color:var(--green)}.zoom-scale{display:flex;justify-content:space-between;color:#929892;font-size:7px;margin-top:5px}.zoom-safe-note{display:flex;align-items:flex-start;gap:5px;margin-top:7px;color:#7d6842;font-size:7px;line-height:1.4}.export-drawer{left:auto;right:24px;width:min(570px,calc(100vw - 296px));grid-template-columns:40px minmax(0,1fr) auto auto}.export-drawer .progress{width:min(220px,100%)}.export-drawer-close{width:30px;height:30px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;border-radius:8px;display:grid;place-items:center}.export-drawer-close:hover{background:rgba(255,255,255,.12)}.content-pack-status{display:flex;align-items:flex-start;gap:8px;border-radius:10px;padding:10px 12px;margin:10px 0;font-size:9px;line-height:1.45}.content-pack-status.info{background:#f3f8ef;border:1px solid #dcebd7;color:#496047}.content-pack-status.error{background:#fff3ef;border:1px solid #f1d5cd;color:#8f463b}.content-pack-panel .empty-state.compact{padding:30px 22px}.content-pack-panel .empty-state.compact p{max-width:700px;margin-inline:auto;line-height:1.55}@media(max-width:800px){.side-nav{padding-bottom:8px}.export-drawer{left:15px;right:15px;width:auto;grid-template-columns:36px minmax(0,1fr) auto}.export-drawer>.primary-btn{grid-column:1/-1}.export-drawer-close{position:absolute;top:8px;right:8px}.zoom-control{grid-template-columns:40px 1fr 40px}.zoom-control button{width:40px;height:40px}}@media (max-width:900px){.app-header .header-actions{display:flex!important;margin-left:auto;flex:0 0 auto}.app-header .header-actions>.header-icon,.app-header .header-actions>.status-live{display:none!important}.app-header .header-actions>.primary-btn,.app-header .header-actions>.secondary-btn,.app-header .header-actions>a,.app-header .header-actions>button{min-height:40px;white-space:nowrap}}@media (max-width:680px){body:has([aria-label="Illustrative ClipKaro creator workspace"]) main>section:first-child h1{font-size:clamp(42px,12vw,56px)!important;line-height:.96!important;letter-spacing:-3px!important}}@media (max-width:480px){.app-header .header-actions>.primary-btn,.app-header .header-actions>.secondary-btn,.app-header .header-actions>a,.app-header .header-actions>button{padding:8px 10px!important;font-size:10px!important}.app-header h1{font-size:18px}.app-header p{display:none}}