*,::after,::before{box-sizing:border-box}html{width:100%;min-height:100%;background:#0b0d10;color-scheme:dark;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body{width:100%;min-width:320px;min-height:100vh;margin:0;background:#0b0d10;color:#f5f7fa;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button{border:0}button,input[type=range],select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:#ffffff solid 2px;outline-offset:2px}canvas,img,video{display:block;max-width:100%}img{height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15}h1,h2,h3,strong{font-weight:700}:root{--bg:#0b0d10;--bg-soft:#101318;--surface:#15191f;--surface-2:#1a1f26;--surface-3:#20262e;--border:rgba(255, 255, 255, 0.09);--border-strong:rgba(255, 255, 255, 0.16);--text:#f5f7fa;--text-soft:#c5cbd3;--text-muted:#858d99;--accent:#ffffff;--accent-text:#0b0d10;--danger:#ff5d68;--success:#5fe39a;--shadow-sm:0 2px 10px rgba(0, 0, 0, 0.22);--shadow-md:0 10px 35px rgba(0, 0, 0, 0.32);--shadow-lg:0 24px 70px rgba(0, 0, 0, 0.48);--radius-xs:6px;--radius-sm:9px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--header-height:68px;--mobile-nav-height:70px;--sidebar-width:250px;--transition-fast:120ms ease;--transition:180ms ease;--transition-slow:260ms ease}.app{width:100%;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 50% -20%,rgba(255,255,255,.035),transparent 38%),var(--bg)}.main-content{width:100%;min-height:calc(100vh - var(--header-height));min-height:calc(100dvh - var(--header-height))}.app-view{width:100%}.app-view[hidden],.loading-overlay[hidden],.modal-backdrop[hidden]{display:none!important}.app-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--header-height);padding:0 max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));background:rgba(11,13,16,.9);border-bottom:1px solid var(--border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand{flex:0 0 auto}.brand-button{display:inline-flex;align-items:center;gap:10px;padding:0;color:var(--text);background:0 0;cursor:pointer}.brand-icon{width:40px;height:40px;border-radius:10px;object-fit:contain}.brand-text{display:flex;flex-direction:column;justify-content:center;line-height:1;text-align:left;letter-spacing:.04em}.brand-text strong{font-size:14px;letter-spacing:.14em}.brand-text span{margin-top:4px;color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.25em}.main-navigation{display:flex;align-items:center;gap:4px;margin-left:auto;margin-right:24px}.nav-button{min-height:38px;padding:0 14px;border-radius:9px;color:var(--text-muted);background:0 0;cursor:pointer;transition:color var(--transition),background var(--transition)}.nav-button:hover{color:var(--text);background:rgba(255,255,255,.05)}.nav-button.active{color:var(--text);background:rgba(255,255,255,.08)}.header-actions{display:flex;align-items:center;gap:7px}.aspect-ratio-grid button,.effect-grid button,.filter-button,.icon-button,.new-project-option,.platform-button,.play-button,.primary-button,.quick-tool-grid button,.secondary-button,.speed-grid button,.text-button,.tool-button{cursor:pointer;user-select:none;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.primary-button,.secondary-button{min-height:40px;padding:0 16px;border-radius:var(--radius-sm);font-weight:650;white-space:nowrap}.primary-button{color:var(--accent-text);background:var(--accent)}.primary-button:hover{background:#e8ebef}.primary-button:active{transform:translateY(1px)}.secondary-button{color:var(--text);background:var(--surface-2);border:1px solid var(--border)}.secondary-button:hover{background:var(--surface-3);border-color:var(--border-strong)}.secondary-button:active{transform:translateY(1px)}.icon-button:disabled,.play-button:disabled,.primary-button:disabled,.secondary-button:disabled{opacity:.38;cursor:not-allowed;transform:none}.full-width{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border-radius:9px;color:var(--text-soft);background:0 0;font-size:20px}.icon-button:hover{color:var(--text);background:rgba(255,255,255,.07)}.text-button{padding:5px 0;color:var(--text-soft);background:0 0;font-weight:600}.text-button:hover{color:var(--text)}.mobile-only{display:none}#homeView{max-width:1280px;margin:0 auto;padding:72px 32px 90px}.home-hero{max-width:850px;margin:0 auto;text-align:center}.hero-content{padding:30px 10px 42px}.eyebrow,.section-eyebrow,.sidebar-label{margin-bottom:10px;color:var(--text-muted);font-size:11px;font-weight:750;letter-spacing:.18em;text-transform:uppercase}.home-hero h1{margin-bottom:18px;font-size:clamp(42px, 7vw, 76px);letter-spacing:-.045em}.hero-description{max-width:620px;margin:0 auto 14px;color:var(--text-soft);font-size:clamp(17px, 2vw, 21px)}.privacy-note{margin-bottom:0;color:var(--text-muted);font-size:13px}.home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:850px;margin:0 auto}.project-card{display:flex;align-items:center;min-height:130px;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018));text-align:left;box-shadow:var(--shadow-sm)}.project-card:hover{border-color:var(--border-strong);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-card-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:50px;height:50px;margin-right:16px;border:1px solid var(--border);border-radius:14px;color:var(--text);background:var(--surface-2);font-size:23px}.project-card-content{display:flex;flex-direction:column;min-width:0}.project-card-content strong{margin-bottom:5px;font-size:17px}.project-card-content span{color:var(--text-muted);font-size:13px}.project-card-arrow{margin-left:auto;padding-left:15px;color:var(--text-muted);font-size:20px;transition:transform var(--transition)}.project-card:hover .project-card-arrow{color:var(--text);transform:translateX(3px)}.recent-projects-section{max-width:1100px;margin:75px auto 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.section-heading h2{margin-bottom:0;font-size:25px;letter-spacing:-.02em}.section-heading .section-eyebrow{margin-bottom:5px}.recent-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;padding:30px;border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-muted);background:rgba(255,255,255,.012);text-align:center}.empty-state.large{min-height:260px}.empty-state-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:13px;border-radius:50%;color:var(--text-soft);background:var(--surface-2);font-size:20px}.empty-state p{margin-bottom:0}.editor-view{height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));min-height:560px}.editor-layout{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);width:100%;height:100%}.editor-sidebar{display:flex;flex-direction:column;min-width:0;height:100%;border-right:1px solid var(--border);background:#0f1216}.sidebar-header{display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:15px 16px;border-bottom:1px solid var(--border)}.sidebar-header h2{margin:0;font-size:19px}.sidebar-header .sidebar-label{margin-bottom:4px}.tool-list{display:grid;gap:3px;padding:12px;overflow-y:auto;overscroll-behavior:contain}.tool-button{display:flex;align-items:center;gap:11px;width:100%;min-height:43px;padding:0 12px;border-radius:9px;color:var(--text-muted);background:0 0;text-align:left}.tool-button>span:first-child{display:inline-flex;align-items:center;justify-content:center;width:23px;color:var(--text-soft);font-size:16px}.tool-button:hover{color:var(--text);background:rgba(255,255,255,.05)}.tool-button.active{color:var(--text);background:rgba(255,255,255,.09)}.sidebar-bottom{display:grid;gap:8px;margin-top:auto;padding:13px;border-top:1px solid var(--border)}.editor-workspace{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;background:#0c0f12}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;min-height:58px;padding:8px 14px;border-bottom:1px solid var(--border);background:rgba(17,20,24,.92)}.media-info{display:flex;align-items:center;gap:9px;min-width:0}.media-file-name{max-width:360px;overflow:hidden;color:var(--text-soft);font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.media-meta{color:var(--text-muted);font-size:12px;white-space:nowrap}.toolbar-actions{display:flex;align-items:center;gap:7px}.media-canvas-area{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:0;padding:25px;overflow:hidden;background:radial-gradient(circle at center,rgba(255,255,255,.025),transparent 55%),#090b0e}.media-canvas-area::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;background-image:linear-gradient(45deg,rgba(255,255,255,.015) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.015) 25%,transparent 25%);background-size:28px 28px;background-position:0 0,14px 14px}.editor-canvas{position:relative;z-index:2;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;background:0 0}.video-preview-area{min-height:300px}.video-preview{position:relative;z-index:2;display:none;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;background:#000}.video-preview.loaded{display:block}.video-render-canvas{position:absolute;z-index:3;width:1px;height:1px;opacity:0;pointer-events:none}.media-empty-state{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:360px;padding:25px;text-align:center}.media-empty-icon{display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin-bottom:18px;border:1px solid var(--border);border-radius:20px;color:var(--text-soft);background:var(--surface);font-size:29px;box-shadow:var(--shadow-sm)}.media-empty-state h3{margin-bottom:7px;font-size:18px}.media-empty-state p{margin-bottom:18px;color:var(--text-muted);font-size:13px}#imageCanvas:not([width]){display:none}.tool-panel{flex:0 0 auto;max-height:230px;overflow-y:auto;border-top:1px solid var(--border);background:#111419;overscroll-behavior:contain}.tool-panel-content{padding:14px 17px}.tool-panel-content[hidden]{display:none}.tool-panel-content h3{margin-bottom:12px;font-size:14px}.aspect-ratio-grid,.effect-grid,.quick-tool-grid,.speed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.aspect-ratio-grid button,.effect-grid button,.quick-tool-grid button,.speed-grid button{min-height:36px;padding:0 9px;border:1px solid var(--border);border-radius:8px;color:var(--text-soft);background:var(--surface);font-size:12px}.aspect-ratio-grid button:hover,.effect-grid button:hover,.quick-tool-grid button:hover,.speed-grid button:hover{color:var(--text);background:var(--surface-3);border-color:var(--border-strong)}#applyImageCropButton{margin-top:12px}.adjustment-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px}.adjustment-controls label,.drawing-controls label,.trim-controls label{display:flex;flex-direction:column;gap:6px;color:var(--text-soft);font-size:12px}.adjustment-controls label>span{display:flex;justify-content:space-between}input[type=range]{width:100%;height:18px;margin:0;accent-color:#ffffff;cursor:pointer}.filter-grid{display:grid;grid-template-columns:repeat(8,minmax(65px,1fr));gap:8px}.filter-button{min-height:58px;padding:8px;border:1px solid var(--border);border-radius:9px;color:var(--text-soft);background:var(--surface);font-size:11px}.filter-button:hover{border-color:var(--border-strong);color:var(--text)}.filter-button.active{border-color:rgba(255,255,255,.4);color:var(--text);background:var(--surface-3)}.drawing-controls{max-width:300px;margin-bottom:12px}.audio-actions{display:flex;flex-wrap:wrap;gap:8px}.video-playback-controls{display:flex;align-items:center;gap:9px;flex:0 0 auto;min-height:48px;padding:6px 14px;border-top:1px solid var(--border);background:#0f1216}.play-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;padding:0;border-radius:50%;color:var(--accent-text);background:var(--accent);font-size:13px}.play-button:hover{background:#e8ebef}.time-display{min-width:42px;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;text-align:center}.seek-bar{flex:1}.timeline-section{flex:0 0 180px;min-height:0;padding:10px 14px 14px;border-top:1px solid var(--border);background:#0d1014}.timeline-header{display:flex;align-items:center;justify-content:space-between;height:31px}.timeline-header>div:first-child{display:flex;align-items:center;gap:10px}.timeline-header .sidebar-label{margin:0}.timeline-actions{display:flex;gap:3px}.timeline-actions .icon-button{width:30px;height:30px;font-size:16px}.video-timeline{position:relative;height:calc(100% - 31px);min-height:95px;overflow:auto hidden;border:1px solid var(--border);border-radius:9px;background:#090b0e}.timeline-ruler{position:relative;height:25px;min-width:100%;border-bottom:1px solid var(--border);background:repeating-linear-gradient(90deg,transparent 0,transparent 49px,rgba(255,255,255,.08) 50px)}.timeline-tracks{position:relative;min-width:100%;min-height:72px;padding-top:6px}.timeline-track{position:relative;height:30px;margin:0 6px 5px;border-radius:6px;background:var(--surface);overflow:hidden}.video-track{border:1px solid rgba(255,255,255,.08)}.audio-track{border:1px solid rgba(255,255,255,.05);background:#12161b}.timeline-playhead{position:absolute;top:0;bottom:0;left:0;z-index:10;width:1px;background:#fff;pointer-events:none}.timeline-playhead::before{content:"";position:absolute;top:-1px;left:-5px;width:11px;height:11px;border-radius:50%;background:#fff}.projects-view{max-width:1280px;min-height:calc(100vh - var(--header-height));margin:0 auto;padding:55px 32px 90px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}.page-heading h1{margin-bottom:8px;font-size:clamp(30px, 4vw, 46px);letter-spacing:-.04em}.page-heading p:last-child{margin-bottom:0;color:var(--text-muted)}.projects-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px max(24px,env(safe-area-inset-right)) 24px max(24px,env(safe-area-inset-left));background:rgba(0,0,0,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal{width:min(650px,100%);max-height:min(850px,calc(100dvh - 48px));overflow:hidden auto;border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:#14181d;box-shadow:var(--shadow-lg)}.modal.small{width:min(480px,100%)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:22px 23px;border-bottom:1px solid var(--border)}.modal-header h2{margin-bottom:0;font-size:21px}.modal-header .section-eyebrow{margin-bottom:5px}.modal-content{padding:22px 23px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:15px 23px;border-top:1px solid var(--border)}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;color:var(--text-soft);font-size:12px;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:9px;color:var(--text);background:var(--surface)}.field textarea{min-height:100px;padding:11px;resize:vertical}.field input,.field select{min-height:40px;padding:0 11px}.field textarea::placeholder{color:var(--text-muted)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.new-project-options{display:grid;gap:9px;padding:20px 23px 24px}.new-project-option{display:flex;align-items:center;width:100%;padding:14px;border:1px solid var(--border);border-radius:12px;color:var(--text);background:var(--surface);text-align:left}.new-project-option:hover{border-color:var(--border-strong);background:var(--surface-2)}.new-project-option .project-card-icon{width:43px;height:43px;margin-right:13px}.new-project-option small,.new-project-option strong{display:block}.new-project-option strong{margin-bottom:2px}.new-project-option small{color:var(--text-muted)}.export-platform-section h3{margin-bottom:10px;font-size:13px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:23px}.platform-button{min-height:42px;border:1px solid var(--border);border-radius:9px;color:var(--text-soft);background:var(--surface);font-size:12px}.platform-button:hover{color:var(--text);background:var(--surface-2)}.platform-button.active{color:var(--accent-text);background:var(--accent);border-color:var(--accent)}.export-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.export-settings label{display:flex;flex-direction:column;gap:6px;color:var(--text-soft);font-size:12px}.export-settings select{min-height:40px;padding:0 9px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--surface)}.loading-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.7);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.loading-card{display:flex;flex-direction:column;align-items:center;min-width:min(330px,100%);padding:30px;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);text-align:center}.loading-spinner{width:34px;height:34px;margin-bottom:16px;border:3px solid rgba(255,255,255,.13);border-top-color:#fff;border-radius:50%;animation:.7s linear infinite studio-spin}@keyframes studio-spin{to{transform:rotate(360deg)}}.loading-card strong{margin-bottom:4px}.loading-card span{color:var(--text-muted);font-size:12px}.loading-progress-container{width:100%;height:5px;margin-top:17px;overflow:hidden;border-radius:99px;background:var(--surface-3)}.loading-progress-bar{width:0;height:100%;background:#fff;transition:width .1s linear}.toast-container{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:2500;display:flex;flex-direction:column;align-items:flex-end;gap:8px;width:min(390px,calc(100% - 36px));pointer-events:none}.toast{width:100%;padding:12px 14px;border:1px solid var(--border-strong);border-radius:10px;color:var(--text);background:#181c21;box-shadow:var(--shadow-md);font-size:13px;pointer-events:auto;animation:180ms both toast-in}.toast.success{border-color:rgba(95,227,154,.35)}.toast.error{border-color:rgba(255,93,104,.4)}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mobile-navigation{display:none}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.16) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(255,255,255,.14)}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.22)}@media (max-width:1050px){:root{--sidebar-width:220px}.main-navigation{margin-right:10px}.nav-button{padding:0 10px}.filter-grid{grid-template-columns:repeat(4,minmax(70px,1fr))}.adjustment-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){:root{--header-height:60px;--mobile-nav-height:68px}body{padding-bottom:var(--mobile-nav-height)}.app-header{height:var(--header-height);padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.brand-icon{width:34px;height:34px;border-radius:9px}.brand-text strong{font-size:12px}.brand-text span{font-size:8px}.main-navigation{display:none}.header-actions{gap:3px}.header-actions>.icon-button:first-child,.header-actions>.icon-button:nth-child(2){display:none}.header-actions .primary-button{min-height:36px;padding:0 12px;font-size:12px}.mobile-only{display:inline-flex}.main-content{min-height:calc(100dvh - var(--header-height))}#homeView{padding:42px max(18px,env(safe-area-inset-right)) 55px max(18px,env(safe-area-inset-left))}.hero-content{padding:15px 0 32px}.home-hero h1{font-size:clamp(39px, 13vw, 58px);line-height:1.02}.hero-description{font-size:16px}.home-actions{grid-template-columns:1fr;gap:10px}.project-card{min-height:105px;padding:18px}.project-card-icon{width:44px;height:44px;margin-right:12px}.recent-projects-section{margin-top:52px}.recent-projects{grid-template-columns:1fr}.editor-view{height:calc(100dvh - var(--header-height));min-height:0}.editor-layout{display:flex;flex-direction:column;height:100%}.editor-sidebar{position:fixed;top:var(--header-height);left:0;z-index:300;width:min(290px,88vw);height:calc(100dvh - var(--header-height) - var(--mobile-nav-height));transform:translateX(-102%);border-right:1px solid var(--border-strong);box-shadow:var(--shadow-lg);transition:transform var(--transition-slow)}.editor-sidebar.mobile-open{transform:translateX(0)}.editor-workspace{width:100%;height:100%}.editor-toolbar{min-height:53px;padding:7px 10px}.media-file-name{max-width:170px}.media-meta{display:none}.media-canvas-area{min-height:0;padding:12px}.tool-panel{max-height:220px}.tool-panel-content{padding:12px}.aspect-ratio-grid,.effect-grid,.quick-tool-grid,.speed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid{display:flex;overflow-x:auto;padding-bottom:4px}.filter-button{flex:0 0 74px}.adjustment-controls{grid-template-columns:1fr;gap:9px}.video-playback-controls{min-height:48px;padding:5px 9px}.timeline-section{flex:0 0 145px;padding:8px 9px 10px}.projects-view{min-height:calc(100dvh - var(--header-height));padding:35px max(18px,env(safe-area-inset-right)) 55px max(18px,env(safe-area-inset-left))}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:22px}.page-heading .primary-button{width:100%}.projects-grid{grid-template-columns:1fr}.mobile-navigation{position:fixed;right:0;bottom:0;left:0;z-index:500;display:grid;grid-template-columns:repeat(4,1fr);height:var(--mobile-nav-height);padding:6px max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));border-top:1px solid var(--border);background:rgba(12,15,18,.95);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-nav-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;border-radius:9px;color:var(--text-muted);background:0 0;cursor:pointer;font-size:10px;font-weight:600}.mobile-nav-button span:first-child{font-size:17px}.mobile-nav-button.active{color:var(--text);background:rgba(255,255,255,.07)}.modal-backdrop{align-items:flex-end;padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.modal{max-height:calc(100dvh - 20px);border-radius:18px}.modal-content,.modal-header{padding:17px}.modal-footer{padding:12px 17px}.platform-grid{grid-template-columns:repeat(2,1fr)}.export-settings,.field-grid{grid-template-columns:1fr}}@media (max-width:390px){.brand-text{display:none}.header-actions .primary-button{padding:0 10px}.editor-toolbar .secondary-button{padding:0 10px;font-size:11px}.media-file-name{max-width:120px}.media-canvas-area{padding:7px}.timeline-section{flex-basis:135px}}@media (max-width:900px) and (orientation:landscape) and (max-height:600px){:root{--mobile-nav-height:58px}body{padding-bottom:var(--mobile-nav-height)}.editor-view{height:calc(100dvh - var(--header-height))}.tool-panel{max-height:150px}.timeline-section{flex-basis:125px}}@media (prefers-reduced-motion:reduce){*,::after,::before{scroll-behavior:auto!important;animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media (prefers-contrast:more){:root{--border:rgba(255, 255, 255, 0.22);--border-strong:rgba(255, 255, 255, 0.38);--text-muted:#aeb5bf}}@media print{body{background:#fff;color:#000}.app-header,.editor-sidebar,.mobile-navigation,.toast-container,.tool-panel{display:none!important}}