:root{--bg: #0a0e17;--panel: #0f1523;--panel-2: #131b2c;--panel-3: #182238;--elevated: #1c2740;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .13);--fg: #eef2fb;--muted: #93a0bd;--faint: #66738f;--accent: #38bdf8;--accent-2: #c084fc;--plot: #f5b942;--road: #38f5c8;--danger: #f4547b;--ok: #4ade80;--radius: 12px;--radius-sm: 8px;--shadow: 0 12px 40px -12px rgba(0, 0, 0, .7);--ease: cubic-bezier(.16, 1, .3, 1);--topbar-h: 54px;--timeline-h: 232px;--map-w: clamp(360px, 50vw, 960px);--portrait-map-w: 33.333vw}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden}body{font-family:Manrope,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-size:14px}button{font-family:inherit;cursor:pointer;color:inherit}h1,h2,h3{font-family:Sora,Manrope,sans-serif;margin:0}#app{display:grid;grid-template-rows:var(--topbar-h) 1fr var(--timeline-h);height:100vh;height:100dvh}.topbar{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,auto) minmax(min-content,1fr);align-items:center;padding:0 14px;background:linear-gradient(180deg,#101728,#0d1421);border-bottom:1px solid var(--line);z-index:40}.brand{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:radial-gradient(120% 120% at 30% 20%,#38bdf82e,#c084fc14);border:1px solid var(--line-strong);border-radius:11px}.brand-text{margin:0;font-size:inherit;font-weight:inherit}.brand-text strong{font-family:Sora,sans-serif;font-weight:800;font-size:16px;letter-spacing:-.02em;display:block;line-height:1}.brand-text strong span{background:linear-gradient(90deg,#38bdf8,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-text small{display:block;white-space:nowrap;color:var(--faint);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;margin-top:2px}.brand-text{min-width:0;overflow:hidden}.yt-guide{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:3px;margin-left:6px;padding:4px 6px;border-radius:9px;text-decoration:none;transition:background .15s,transform .15s}.yt-guide svg{width:22px;height:16px}.yt-guide:hover{background:#ff00001a;transform:translateY(-1px)}.fb-group svg{width:18px;height:18px}.fb-group:hover{background:#1877f224}.yt-guide small{white-space:nowrap;color:var(--faint);font-size:9px;letter-spacing:.03em}.yt-guide:hover small{color:var(--text)}.topbar-center{display:flex;justify-content:center;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}.topbar-center::-webkit-scrollbar{display:none}.topbar-center .seg{padding:2px}@media(max-width:1620px){#btnNew span,#btnSave span,#btnCloud span,#btnLoad span{display:none}#btnNew,#btnSave,#btnCloud,#btnLoad{padding-left:10px;padding-right:10px}}@media(max-width:1460px){.yt-guide small{display:none}}@media(max-width:1520px){.brand-text small{display:none}}@media(max-width:1200px){.brand-text{display:none}}@media(max-width:1400px){body.da-dang-nhap .brand-text{display:none}}@media(max-width:1220px){body.da-dang-nhap #btnHotkey{display:none}body.da-dang-nhap .top-account .acc-name{max-width:78px}}body.media-mode .brand-text,body.media-mode .yt-guide small{display:none}@media(max-width:1520px){body.media-mode #aspectSeg .seg-btn span,body.media-mode .bg-swatch span{display:none}}.seg{display:flex;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}.seg-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);padding:6px 12px;border-radius:7px;font-size:12.5px;font-weight:600;transition:all .18s var(--ease)}.seg-btn:hover{color:var(--fg)}.seg-btn.is-active{background:linear-gradient(180deg,var(--elevated),var(--panel-3));color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-strong)}.bg-swatch{display:inline-flex;align-items:center;gap:5px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:5px 7px;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer}.bg-swatch input[type=color]{width:22px;height:22px;padding:0;border:1px solid var(--line-strong);border-radius:6px;background:none;cursor:pointer}.bg-swatch input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.bg-swatch input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}.media-only{display:none!important}body.media-mode .media-only{display:inline-flex!important}body.media-mode #map{visibility:hidden}body.media-mode #map .maplibregl-control-container,body.media-mode #mapControls,body.media-mode .map-key-hint,body.media-mode .map-resize,body.media-mode .tool[data-tool=plot],body.media-mode .tool[data-tool=region],body.media-mode .tool[data-tool=road],body.media-mode .tool[data-tool=arrow],body.media-mode .tool[data-tool=element],body.media-mode .tool[data-tool=roadpick]{display:none!important}.topbar-right{display:flex;justify-content:flex-end;gap:8px;min-width:max-content}.topbar-right>*{flex:0 0 auto}.btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-strong);background:var(--panel-2);color:var(--fg);padding:8px 14px;border-radius:9px;font-weight:600;font-size:13px;transition:all .18s var(--ease)}.btn:hover{background:var(--panel-3);transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn.ghost{background:transparent}.btn.primary{border:0;background:linear-gradient(135deg,var(--accent),#5b8cf5);color:#04121f;box-shadow:0 6px 20px -6px #38bdf899}.btn.primary:hover{filter:brightness(1.06)}.workspace{display:grid;grid-template-columns:122px minmax(280px,1fr) var(--map-w);min-height:0;background:var(--bg)}.workspace>.toolbar{order:1}.workspace>.inspector{order:2}.workspace>.stage{order:3}#app.is-portrait{position:relative;grid-template-columns:1fr var(--portrait-map-w);grid-template-areas:"topbar   topbar" "work     mapcol" "timeline mapcol"}#app.is-portrait>.topbar{grid-area:topbar}#app.is-portrait>.workspace{grid-area:work;grid-template-columns:122px minmax(0,1fr)}#app.is-portrait>.timeline{grid-area:timeline}#app.is-portrait .stage{position:absolute;top:var(--topbar-h);right:0;bottom:0;width:var(--portrait-map-w);z-index:5}#app.is-portrait .map-resize{display:none}#app.is-portrait .map-controls{top:8px;left:8px;right:8px;width:auto;gap:6px}#app.is-portrait .map-controls .seg-btn{padding:3px 8px;font-size:11px}#app.is-portrait .map-controls .seg-btn svg{width:12px;height:12px}#app.is-portrait .loc-search{width:168px;max-width:100%}#app.is-portrait .loc-search input{height:30px;font-size:12px;padding:0 26px 0 30px}#app.is-portrait .loc-search .loc-icon{left:9px}#app.is-portrait .transport{gap:6px;padding:8px}#app.is-portrait .tbtn{width:30px;height:30px;border-radius:8px}#app.is-portrait .tbtn svg{width:15px;height:15px}#app.is-portrait .tbtn.play{width:36px;height:36px}#app.is-portrait .tbtn.play svg{width:17px;height:17px}#app.is-portrait .time-read{font-size:11px;margin-left:6px}.toolbar{display:grid;grid-template-columns:1fr 1fr;gap:4px;align-content:start;padding:10px 6px;background:var(--panel);border-right:1px solid var(--line);overflow-y:auto}.toolbar .tool-sep{grid-column:1 / -1}.tool{display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid transparent;background:transparent;color:var(--muted);padding:10px 4px;border-radius:10px;transition:all .16s var(--ease)}.tool svg{width:22px;height:22px}.tool span{font-size:10.5px;font-weight:600}.tool:hover{background:var(--panel-2);color:var(--fg)}.tool.is-active{background:linear-gradient(180deg,#38bdf829,#38bdf80a);border-color:#38bdf859;color:var(--accent)}.tool-sep{height:1px;background:var(--line);margin:8px 6px}.stage{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;z-index:1;border-left:1px solid var(--line);background:radial-gradient(90% 60% at 50% 0%,rgba(56,189,248,.05),transparent 60%),var(--bg)}.map-resize{position:absolute;left:0;top:0;bottom:0;width:12px;z-index:16;cursor:col-resize;display:flex;align-items:center;justify-content:center;touch-action:none}.map-resize:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent;transition:background .15s var(--ease)}.map-resize:hover:before,.map-resize.dragging:before{background:var(--accent)}.map-resize-grip{width:4px;height:46px;border-radius:3px;background:var(--line-strong);transition:background .15s var(--ease),height .15s var(--ease)}.map-resize:hover .map-resize-grip,.map-resize.dragging .map-resize-grip{background:var(--accent);height:64px}body.map-resizing{cursor:col-resize;user-select:none}body.map-resizing #map{pointer-events:none}.map-controls{position:absolute;top:12px;left:14px;z-index:15;display:flex;flex-direction:column;gap:8px;align-items:flex-start;max-width:calc(100% - 28px)}.mc-toggles{display:flex;gap:8px}.mc-toggle{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#0f1523d1;backdrop-filter:blur(8px);border:1px solid var(--line-strong);box-shadow:var(--shadow);color:var(--fg);transition:all .15s var(--ease)}.mc-toggle:hover{border-color:var(--accent);color:var(--accent)}.mc-toggle.is-open{background:linear-gradient(180deg,#38bdf838,#38bdf80f);border-color:var(--accent);color:var(--accent)}.mc-pop{background:#0f1523e6;backdrop-filter:blur(10px);border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:12px;padding:8px;animation:mcPop .14s var(--ease)}.mc-pop[hidden]{display:none}.mc-pop .loc-search{width:260px;max-width:60vw}@keyframes mcPop{0%{opacity:0;transform:translateY(-6px)}}.map-controls .mc-row{display:flex;gap:8px;flex-wrap:wrap}.map-controls .seg-btn{white-space:nowrap}.map-controls .mc-seg{background:#0f1523d1;backdrop-filter:blur(8px);border:1px solid var(--line-strong);box-shadow:var(--shadow)}.mc-view{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);display:grid;gap:6px;min-width:210px}.mc-slider label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-bottom:2px}.mc-slider label b{color:var(--fg);font-weight:600;font-variant-numeric:tabular-nums}.mc-slider input[type=range]{width:100%;accent-color:var(--accent);height:18px}.mc-reset{justify-self:start;font-size:11px;padding:4px 10px;border-radius:8px;border:1px solid var(--line-strong);background:#38bdf814;color:var(--fg);cursor:pointer}.mc-reset:hover{border-color:var(--accent);color:var(--accent)}.mc-hint{font-size:10.5px;color:var(--faint);max-width:230px}.map-controls .seg-btn{padding:6px 11px}.loc-search{position:relative}.loc-search .loc-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.loc-search input{width:100%;height:38px;padding:0 34px 0 36px;background:#0f1523e6;backdrop-filter:blur(8px);border:1px solid var(--line-strong);border-radius:10px;color:var(--fg);font-size:13px;box-shadow:var(--shadow)}.loc-search input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow),0 0 0 3px #38bdf82e}.loc-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;border:0;background:var(--panel-3);color:var(--muted);border-radius:6px;font-size:11px;cursor:pointer}.loc-clear:hover{color:var(--fg)}.loc-suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;max-height:320px;overflow-y:auto;padding:5px}.loc-hint{padding:12px;text-align:center;color:var(--faint);font-size:12.5px}.loc-item{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--fg);padding:9px 10px;border-radius:8px;text-align:left;cursor:pointer}.loc-item:hover,.loc-item.is-active{background:var(--panel-3)}.loc-item svg{flex-shrink:0;color:var(--accent)}.loc-item span{min-width:0;display:flex;flex-direction:column}.loc-item b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loc-item em{font-size:11px;color:var(--faint);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-scroll{flex:1;display:grid;place-items:center;padding:20px;min-height:0;overflow:hidden}.canvas-frame{position:relative;background:#05070c;border-radius:6px;overflow:hidden;box-shadow:var(--shadow),0 0 0 1px var(--line-strong);max-height:100%;max-width:100%}.canvas-frame[data-aspect="16:9"]{aspect-ratio:16 / 9;width:min(100%,calc((100cqh - 40px) * 16 / 9));height:auto}#map{position:absolute;inset:0}.overlay-canvas,.text-host{position:absolute;inset:0;pointer-events:none}.text-host{pointer-events:none;isolation:isolate;z-index:1}.fx-item{position:absolute;left:0;top:0;pointer-events:none;display:none}.maplibregl-ctrl-attrib,.maplibregl-ctrl-logo{opacity:.5;font-size:9px}.frame-badge{position:absolute;top:10px;right:10px;background:#05080eb3;backdrop-filter:blur(6px);border:1px solid var(--line-strong);color:var(--muted);font-size:10.5px;font-weight:600;padding:4px 9px;border-radius:6px;letter-spacing:.03em;pointer-events:none;z-index:5}.safe-guides{position:absolute;inset:6%;border:1px dashed rgba(255,255,255,.1);border-radius:4px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:4}.canvas-frame.show-guides .safe-guides{opacity:1}.stage-hint{position:absolute;bottom:74px;left:50%;transform:translate(-50%);background:#0f1523f0;border:1px solid var(--line-strong);color:var(--fg);padding:8px 16px;border-radius:999px;font-size:12.5px;font-weight:600;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease);z-index:20}.stage-hint.show{opacity:1;transform:translate(-50%) translateY(-4px)}.stage-hint b{color:var(--accent)}.transport{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:linear-gradient(0deg,var(--panel),transparent)}.tbtn{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--fg);transition:all .16s var(--ease)}.tbtn:hover{background:var(--panel-3)}.tbtn.play{width:46px;height:46px;border:0;background:linear-gradient(135deg,var(--accent),#5b8cf5);color:#04121f;box-shadow:0 6px 20px -6px #38bdf899}.time-read{margin-left:8px;font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600;font-size:13px}.time-read i{color:var(--faint);margin:0 4px;font-style:normal}.time-read span:first-child{color:var(--fg)}.inspector{background:var(--panel);border-left:1px solid var(--line);overflow-y:auto;padding:14px}.inspector-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;color:var(--faint);padding:48px 12px}.inspector-empty p{margin:8px 0 0;color:var(--muted);font-weight:600;font-size:13px}.inspector-empty span{font-size:11.5px}.insp-section{margin-bottom:18px}.insp-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.insp-badge{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--panel-3);border:1px solid var(--line-strong)}.insp-title{font-weight:700;font-size:13.5px}.insp-sub{font-size:11px;color:var(--faint)}.field{margin-bottom:12px}.field>label{display:block;font-size:11.5px;color:var(--muted);font-weight:600;margin-bottom:6px}.field .row{display:flex;gap:8px}input[type=text],input[type=number],select,textarea{width:100%;background:var(--bg);border:1px solid var(--line-strong);color:var(--fg);border-radius:8px;padding:8px 10px;font-size:13px;font-family:inherit;transition:border-color .15s}textarea{resize:vertical;min-height:60px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #38bdf826}input[type=range]{width:100%;accent-color:var(--accent)}input[type=color]{width:40px;height:34px;padding:2px;border:1px solid var(--line-strong);border-radius:8px;background:var(--bg);cursor:pointer}.range-row{display:flex;align-items:center;gap:10px}.range-row output{min-width:40px;text-align:right;font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted)}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line-strong);background:var(--panel-2);color:var(--muted);padding:6px 10px;border-radius:8px;font-size:12px;font-weight:600;transition:all .14s var(--ease)}.chip:hover{color:var(--fg)}.chip.is-active{background:#38bdf824;border-color:#38bdf866;color:var(--accent)}.swatch-row{display:flex;flex-wrap:wrap;gap:6px}.swatch{width:22px;height:22px;border-radius:6px;border:1px solid rgba(255,255,255,.25);padding:0;cursor:pointer;transition:transform .12s var(--ease)}.swatch:hover{transform:scale(1.15)}.swatch.is-active{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--accent)}.insp-actions{display:flex;gap:8px;margin-top:6px}.btn.block{width:100%;justify-content:center}.btn.danger{border-color:#f4547b59;color:var(--danger)}.btn.danger:hover{background:#f4547b1f}.timeline{background:var(--panel);border-top:1px solid var(--line);display:flex;flex-direction:column;min-height:0;position:relative;z-index:2;overflow:hidden}.tl-resize{position:absolute;top:0;left:0;right:0;height:9px;z-index:20;display:flex;align-items:center;justify-content:center;cursor:row-resize;touch-action:none}.tl-resize:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:transparent;transition:background .15s var(--ease)}.tl-resize:hover:before,.tl-resize.dragging:before{background:var(--accent)}.tl-resize-grip{width:44px;height:4px;border-radius:3px;background:var(--line-strong);transition:background .15s var(--ease),width .15s var(--ease)}.tl-resize:hover .tl-resize-grip,.tl-resize.dragging .tl-resize-grip{background:var(--accent);width:60px}body.tl-resizing{cursor:row-resize;user-select:none}body.tl-resizing #map{pointer-events:none}.tl-head{display:flex;align-items:center;justify-content:flex-start;gap:18px;padding:8px 14px;border-bottom:1px solid var(--line)}.tl-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:var(--fg)}.tl-tools{display:flex;align-items:center;gap:10px}.tl-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-strong);background:var(--panel-2);color:var(--fg);padding:6px 11px;border-radius:8px;font-size:12.5px;font-weight:600;transition:all .15s var(--ease)}.tl-btn:hover{background:var(--panel-3);border-color:var(--accent);color:var(--accent)}.tl-div{width:1px;height:20px;background:var(--line-strong);margin:0 2px}.dur-input{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:600}.dur-input input{width:58px;padding:5px 8px;text-align:center}.zoom-ctl{display:flex;gap:2px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:2px}.zoom-ctl button{width:26px;height:24px;border:0;background:transparent;color:var(--muted);border-radius:6px;font-size:16px;line-height:1}.zoom-ctl button:hover{background:var(--panel-3);color:var(--fg)}.zoom-ctl input[type=range]{-webkit-appearance:none;appearance:none;width:96px;height:24px;background:transparent;cursor:pointer}.zoom-ctl input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:var(--line)}.zoom-ctl input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--line)}.zoom-ctl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:var(--muted);border:0}.zoom-ctl input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--muted);border:0}.zoom-ctl input[type=range]:hover::-webkit-slider-thumb{background:var(--fg)}.zoom-ctl input[type=range]:hover::-moz-range-thumb{background:var(--fg)}.tl-body{flex:1;display:grid;grid-template-columns:176px 1fr;min-height:0}.tl-tracks-labels{border-right:1px solid var(--line);overflow-y:auto;overflow-x:hidden;background:var(--panel);scrollbar-width:none}.tl-tracks-labels::-webkit-scrollbar{display:none}.track-label-spacer{height:24px;position:sticky;top:0;z-index:7;background:var(--panel-2);border-bottom:1px solid var(--line)}.track-label{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;font-size:12px;font-weight:600;color:var(--muted);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap}.track-label .lbl-swatch{width:8px;height:8px;border-radius:2px;flex-shrink:0}.track-label .lbl-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-label .lbl-actions{display:flex;align-items:center;gap:1px;flex-shrink:0}.track-label .lbl-ico{display:grid;place-items:center;width:22px;height:22px;border:0;background:transparent;color:var(--muted);border-radius:6px;opacity:.55;cursor:pointer;transition:all .14s var(--ease)}.track-label:hover .lbl-ico{opacity:.8}.track-label .lbl-ico:hover{background:var(--panel-3);color:var(--fg);opacity:1}.track-label .lbl-ico.on{color:var(--accent);opacity:1}.track-label.camera-label{color:var(--accent-2)}.track-label.is-selected{background:#38bdf814;color:var(--fg)}.track-label.is-locked .lbl-name{opacity:.55}.track-row{display:flex;align-items:stretch;height:40px;border-bottom:1px solid var(--line);overflow:hidden}.track-row.is-newtrack{align-items:center;justify-content:center;color:var(--faint);font-size:11px;font-weight:600;opacity:.5}.track-row.is-newtrack,.lane.lane-new{height:0;min-height:0;border-bottom:0;overflow:hidden;transition:height .12s ease}.tl-body.clip-dragging .track-row.is-newtrack{height:40px}.tl-body.clip-dragging .lane.lane-new{height:40px;min-height:40px}.newtrack-hint{pointer-events:none}.mini-label{display:flex;align-items:center;gap:7px;flex:1 1 0;min-width:0;padding:0 8px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;border-right:1px solid var(--line)}.track-row .mini-label:last-child{border-right:0}.mini-label:hover{background:#ffffff08}.mini-label.is-selected{background:#38bdf81a;color:var(--fg)}.mini-label .lbl-swatch{width:8px;height:8px;border-radius:2px;flex-shrink:0}.mini-label .lbl-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-label.is-locked .lbl-name{opacity:.55}.mini-label .lbl-actions{display:flex;align-items:center;gap:1px;flex-shrink:0}.mini-label .lbl-ico{display:grid;place-items:center;width:20px;height:20px;border:0;background:transparent;color:var(--muted);border-radius:6px;opacity:.55;cursor:pointer;transition:all .14s var(--ease)}.mini-label:hover .lbl-ico{opacity:.8}.mini-label .lbl-ico:hover{background:var(--panel-3);color:var(--fg);opacity:1}.lane-new{min-height:40px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.015),rgba(255,255,255,.015) 8px,transparent 8px,transparent 16px)}.lane-new.drop-target{background:#38bdf81f}#autosaveInd{position:fixed;right:14px;bottom:12px;z-index:400;padding:6px 12px;border-radius:8px;background:#0f1523eb;border:1px solid var(--line-strong);color:var(--ok);font-size:11.5px;font-weight:600;box-shadow:var(--shadow);opacity:0;transform:translateY(6px);transition:opacity .2s var(--ease),transform .2s var(--ease);pointer-events:none}#autosaveInd.show{opacity:1;transform:translateY(0)}.sel-box{position:absolute;z-index:30;border:1px solid var(--accent);background:#38bdf824;border-radius:3px;pointer-events:none}.tl-scroll{position:relative;overflow:auto}.tl-scroll::-webkit-scrollbar{height:12px;width:12px}.tl-scroll::-webkit-scrollbar-track{background:#ffffff0a;border-radius:8px}.tl-scroll::-webkit-scrollbar-thumb{background:#94a3bd8c;border-radius:8px;border:2px solid var(--panel)}.tl-scroll::-webkit-scrollbar-thumb:hover{background:var(--accent)}.tl-scroll{scrollbar-width:auto;scrollbar-color:rgba(148,163,189,.55) rgba(255,255,255,.04)}.tl-ruler{position:sticky;top:0;height:24px;background:var(--panel-2);border-bottom:1px solid var(--line);z-index:6}.tl-ruler .tick{position:absolute;top:0;bottom:0;border-left:1px solid var(--line);padding-left:5px;font-size:10px;color:var(--faint);font-variant-numeric:tabular-nums;display:flex;align-items:center}.tl-lanes{position:relative}.lane{position:relative;height:40px;border-bottom:1px solid var(--line)}.lane.camera-lane{background:#c084fc0a}.lane.is-selected{background:#38bdf80f}.lane.drop-target{background:#38bdf81a}.clip{position:absolute;top:5px;height:30px;border-radius:7px;background:linear-gradient(180deg,var(--elevated),var(--panel-3));border:1px solid var(--line-strong);display:flex;align-items:center;padding:0 9px;gap:6px;font-size:11.5px;font-weight:600;color:var(--fg);cursor:grab;overflow:hidden;user-select:none;box-shadow:0 2px 8px -2px #00000080}.clip:active{cursor:grabbing}.clip.media-scene{border-left-width:3px;border-left-color:#c084fc!important}.clip.has-thumb{background-size:auto 100%;background-repeat:repeat-x;background-position:center}.clip.has-thumb .clip-name{text-shadow:0 1px 3px rgba(0,0,0,.9)}.clip.dragging{z-index:20;opacity:.92;box-shadow:0 8px 24px -6px #000000b3;cursor:grabbing}.clip.is-locked{opacity:.6;cursor:not-allowed}.clip.is-locked .handle{display:none}.clip.is-selected{outline:2px solid #ffffff;outline-offset:-1px;box-shadow:0 0 0 1px var(--accent)}.clip.av-clip{top:2px;height:36px}.clip .clip-wave{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.9}.clip .clip-ico,.clip .clip-name{position:relative;z-index:1}.clip .clip-ico{width:13px;height:13px;flex-shrink:0;opacity:.85}.clip .clip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip.av-clip .clip-name{text-shadow:0 1px 3px rgba(0,0,0,.8)}.clip .handle{position:absolute;top:0;bottom:0;width:10px;cursor:ew-resize;display:flex;align-items:center;justify-content:center}.clip .handle:before{content:"";width:3px;height:14px;border-radius:2px;background:#ffffffbf;opacity:0;transition:opacity .14s var(--ease)}.clip:hover .handle:before,.clip.is-selected .handle:before{opacity:.85}.clip .handle.l{left:0}.clip .handle.r{right:0}.clip[data-type=plot]{background:linear-gradient(180deg,#f5b94252,#f5b94224);border-color:#f5b94280}.clip[data-type=plot][data-kind=region]{background:linear-gradient(180deg,#ef444457,#ef444426);border-color:#ef44448c}.clip[data-type=road]{background:linear-gradient(180deg,#38f5c847,#38f5c81f);border-color:#38f5c880}.clip[data-type=text]{background:linear-gradient(180deg,#5b8cf552,#5b8cf524);border-color:#5b8cf580}.clip[data-type=element]{background:linear-gradient(180deg,#c084fc4d,#c084fc1f);border-color:#c084fc80}.clip[data-type=media]{background:linear-gradient(180deg,#4ade8042,#4ade801a);border-color:#4ade8080}.clip[data-type=audio]{background:linear-gradient(180deg,#22d3ee42,#22d3ee1a);border-color:#22d3ee80}.clip[data-type=arrow]{background:linear-gradient(180deg,#38bdf84d,#38bdf81f);border-color:#38bdf880}.modal.sound-modal{width:560px;max-width:calc(100vw - 24px);display:flex;flex-direction:column;max-height:82vh}.sound-toolbar{padding:12px 16px;border-bottom:1px solid var(--line)}#soundSearch{margin-bottom:10px}.sound-cats{display:flex;flex-wrap:wrap;gap:6px;max-height:84px;overflow-y:auto}.scat{border:1px solid var(--line-strong);background:var(--panel-2);color:var(--muted);padding:5px 10px;border-radius:999px;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .14s var(--ease)}.scat em{color:var(--faint);font-style:normal;font-size:10px}.scat:hover{color:var(--fg)}.scat.is-active{background:#22d3ee29;border-color:#22d3ee80;color:#22d3ee}.sound-list{overflow-y:auto;padding:8px;flex:1;min-height:200px}.sound-empty{text-align:center;color:var(--faint);padding:50px 16px;font-size:13px;line-height:1.6}.sound-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;transition:background .12s}.sound-row:hover{background:var(--panel-2)}.sound-row.playing{background:#22d3ee1a}.sound-play{flex-shrink:0;width:32px;height:32px;border-radius:8px;border:1px solid var(--line-strong);background:var(--panel-3);color:var(--fg);display:grid;place-items:center;cursor:pointer}.sound-row.playing .sound-play{background:#22d3ee;color:#04121f;border-color:#22d3ee}.sound-meta{flex:1;min-width:0}.sound-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sound-cat{font-size:10.5px;color:var(--faint)}.sound-add{flex-shrink:0}.kf{position:absolute;top:50%;width:13px;height:13px;transform:translate(-50%,-50%) rotate(45deg);background:var(--accent-2);border:1.5px solid #fff;border-radius:2px;cursor:grab;z-index:3;box-shadow:0 2px 6px #00000080}.kf:hover{background:#fff}.kf.is-selected{background:#fff;box-shadow:0 0 0 3px #c084fc80}.lane.row-slim,.track-row.row-slim{height:28px}.lane.row-slim .clip{top:4px;height:20px;border-radius:5px;padding:0 7px;gap:4px;font-size:10.5px}.lane.row-slim .clip .clip-ico{width:11px;height:11px}.track-row.row-slim .mini-label{font-size:10.5px;padding:2px 6px}.lane.row-audio,.track-row.row-audio{background:#22d3ee0d;border-top:1px solid rgba(34,211,238,.25)}.tl-drag-badge{position:fixed;z-index:999;display:none;padding:4px 9px;border-radius:7px;background:#080c16f0;border:1px solid var(--line-strong);color:var(--fg);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;box-shadow:0 6px 18px #00000080}.tl-rename{width:100%;min-width:60px;font-size:11.5px;font-weight:600;padding:1px 5px;border-radius:5px;border:1px solid var(--accent);background:#080c16e6;color:var(--fg);outline:none}.tl-label-ghost{position:fixed;z-index:999;pointer-events:none;opacity:.85;background:var(--panel-2);border:1px solid var(--accent);border-radius:7px;padding:3px 8px;box-shadow:0 8px 22px #0000008c}.mini-label.is-dragsource{opacity:.4}.tl-insert-line{position:fixed;height:3px;z-index:999;pointer-events:none;background:var(--accent, #38bdf8);border-radius:2px;box-shadow:0 0 8px #38bdf8cc}.track-row.drop-target{background:#38bdf81f;box-shadow:inset 0 0 0 1.5px #38bdf88c;border-radius:6px}.kf.kf-media{background:#f5b942}.kf.kf-media:hover{background:#fff}.kf.kf-media.is-selected{background:#fff;box-shadow:0 0 0 3px #f5b9428c}.flat-resize-dot{position:absolute;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;border-radius:50%;background:#fff;border:2.5px solid #38bdf8;box-shadow:0 1px 6px #0000008c;z-index:60;pointer-events:auto;display:none}.flat-resize-dot:hover{transform:scale(1.25);background:#e0f2fe}body.media-mode #canvasFrame{cursor:grab}body.media-mode #canvasFrame.media-panning{cursor:grabbing}.tl-playhead{position:absolute;top:0;height:100%;min-height:100%;width:1px;background:var(--accent);z-index:10;pointer-events:none}.tl-playhead span{position:absolute;top:0;left:50%;transform:translate(-50%);width:12px;height:12px;background:var(--accent);clip-path:polygon(50% 100%,0 0,100% 0)}.popover{position:fixed;z-index:200;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:14px;box-shadow:var(--shadow);padding:14px;width:320px;display:flex;flex-direction:column;max-height:calc(100vh - 24px)}.popover-head,.popover .flag-search,.popover .flag-modes,.popover .road-modes{flex:0 0 auto}.popover .element-grid,.popover .el-cat-grid,.popover .fx-grid,.popover .flag-grid{overflow-y:auto;min-height:0;overscroll-behavior:contain}.popover-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.popover-title{font-weight:700;font-size:13px}.popover-head .popover-title{margin-bottom:0}.popover-close{flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--faint);font-size:15px;line-height:1;cursor:pointer}.popover-close:hover{background:var(--panel-3, rgba(255, 255, 255, .06));color:var(--text)}.element-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.el-cat-grid{display:grid;gap:8px}.el-cat{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;text-align:left;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;color:var(--text);cursor:pointer;transition:border-color .15s,background .15s}.el-cat:hover{background:var(--panel-3, var(--panel-2));border-color:var(--accent)}.el-cat-art{flex:0 0 auto;width:34px;display:grid;place-items:center}.el-cat-art svg{width:34px;height:auto;display:block}.el-cat-txt{flex:1 1 auto;min-width:0}.el-cat-txt b{display:block;font-size:12.5px;font-weight:700}.el-cat-txt span{display:block;font-size:10.5px;color:var(--faint);margin-top:2px}.el-cat-go{flex:0 0 auto;color:var(--faint)}.el-cat:hover .el-cat-go{color:var(--accent)}.el-back{grid-column:1 / -1;display:flex;align-items:center;gap:6px;padding:6px 8px;margin-bottom:2px;background:transparent;border:0;color:var(--faint);font-size:11.5px;cursor:pointer}.el-back:hover{color:var(--text)}#elementPicker{max-height:70vh;overflow:auto}.el-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--muted);transition:all .14s var(--ease)}.el-item:hover{background:var(--panel-3);color:var(--fg);transform:translateY(-2px)}.el-item svg{width:24px;height:24px}.el-item span{font-size:10px;font-weight:600}.modal-scrim{position:fixed;inset:0;background:#04070cad;backdrop-filter:blur(4px);display:grid;place-items:center;z-index:300;animation:fade .2s var(--ease)}.modal{width:440px;max-width:calc(100vw - 32px);background:var(--panel-2);border:1px solid var(--line-strong);border-radius:16px;box-shadow:var(--shadow);animation:pop .28s var(--ease)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-head h3{font-size:16px}.icon-btn{border:0;background:transparent;color:var(--muted);font-size:16px;width:30px;height:30px;border-radius:8px}.icon-btn:hover{background:var(--panel-3);color:var(--fg)}.modal-body{padding:18px}.export-options{display:flex;flex-direction:column;gap:14px}.opt{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);font-weight:600}.export-progress{margin-top:8px}.export-progress .bar{height:8px;background:var(--bg);border-radius:999px;overflow:hidden;border:1px solid var(--line)}.export-progress .bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .2s}.export-status{margin-top:8px;font-size:12px;color:var(--muted);text-align:center}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--line)}.modal.export-modal{width:620px}.modal.export-modal .modal-body{max-height:66vh;overflow-y:auto}.modal.auth-modal{width:400px}.google-signin{margin-bottom:14px}.google-signin #googleBtn{display:flex;justify-content:center;min-height:40px}.auth-divider{display:flex;align-items:center;gap:10px;margin:14px 0 2px;color:var(--faint);font-size:11px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.auth-tabs{display:flex;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:4px;margin-bottom:16px}.auth-tab{flex:1;border:0;background:transparent;color:var(--muted);padding:9px;border-radius:7px;font-weight:700;font-size:13px}.auth-tab.is-active{background:var(--panel-3);color:var(--fg)}.auth-error{background:#f4547b1f;border:1px solid rgba(244,84,123,.35);color:#ffb3c6;padding:9px 12px;border-radius:8px;font-size:12.5px;margin-bottom:12px}.auth-note{font-size:11.5px;color:var(--faint);text-align:center;margin:14px 0 0}.auth-back{border:0;background:transparent;color:var(--muted);font-size:12.5px;font-weight:600;padding:0;margin-bottom:12px;cursor:pointer}.auth-back:hover{color:var(--fg)}.auth-code-msg{font-size:13px;color:var(--muted);text-align:center;margin:4px 0 16px;line-height:1.5}.auth-code-msg b{color:var(--fg)}.code-input{text-align:center;font-size:26px;font-weight:700;letter-spacing:14px;font-family:Sora,monospace;padding:12px!important}.auth-resend{text-align:center;font-size:12px;color:var(--faint);margin-top:14px}.auth-resend button{border:0;background:transparent;color:var(--accent);font-weight:700;font-size:12px;cursor:pointer}.dev-code{margin:12px 0 0;font-size:11.5px;color:var(--plot);background:#f5b94214;border:1px solid rgba(245,185,66,.25);border-radius:8px;padding:8px 10px;text-align:center}.account-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:16px}.account-bar:empty{display:none}.account-bar>.btn{flex:0 0 auto;white-space:nowrap}.acc-email{font-weight:700;font-size:13.5px;display:flex;align-items:center;gap:8px}.acc-usage{font-size:11.5px;color:var(--muted);margin-top:3px}.account-bar.acc-canh-bao{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--bg))}.account-bar.acc-canh-bao .acc-usage{color:var(--danger);font-size:12.5px;font-weight:600}.btn.sm{padding:6px 11px;font-size:12px}.plan-badge{font-size:10px;font-weight:800;letter-spacing:.04em;padding:2px 8px;border-radius:999px;text-transform:uppercase}.plan-badge.free{background:var(--panel-3);color:var(--muted)}.plan-badge.pro{background:linear-gradient(135deg,var(--accent),#5b8cf5);color:#04121f}.plan-badge.promax{background:linear-gradient(135deg,#f5b942,#f97316);color:#1a1204}.top-account{position:relative}.top-account .top-acc-btn{gap:7px}.top-account .acc-avatar{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04121f;font-size:11px;font-weight:800;flex-shrink:0}.top-account .acc-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acc-pop{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:12px;box-shadow:var(--shadow);padding:6px;z-index:500;animation:pop .14s var(--ease)}.acc-pop[hidden]{display:none}.acc-pop-email{font-size:11.5px;color:var(--muted);padding:6px 10px 8px;border-bottom:1px solid var(--line);margin-bottom:4px;word-break:break-all}.acc-pop-item{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--fg);font-size:12.5px;font-weight:600;padding:9px 10px;border-radius:8px;cursor:pointer}.acc-pop-item:hover{background:var(--panel-3)}a.acc-pop-item{text-decoration:none;box-sizing:border-box}.ctv-box{display:block;margin:14px 0 0;padding:13px 15px;border-radius:11px;border:1px solid rgba(52,211,153,.32);background:linear-gradient(135deg,#34d39917,#38bdf80f);text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}a.ctv-box:hover{border-color:#34d399a6;transform:translateY(-1px)}.ctv-box b{display:block;font-family:Sora,sans-serif;font-size:13px;color:var(--ok);margin-bottom:3px}.ctv-box span{display:block;font-size:11.5px;line-height:1.55;color:var(--muted)}.ctv-box span b{display:inline;font-family:inherit;font-size:inherit;color:var(--fg)}.ctv-box em{display:inline-block;margin-top:8px;font-style:normal;font-weight:700;font-size:12px;color:var(--ok)}.ctv-box.mo{border-color:var(--line-strong);background:var(--panel-2)}.ctv-box.mo b{color:var(--fg)}.acc-pop-item.danger{color:var(--danger)}.plans-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:12.5px;color:var(--muted);font-weight:600}.cycle-toggle{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:3px;gap:2px}.cycle-toggle button{border:0;background:transparent;color:var(--muted);padding:5px 10px;border-radius:6px;font-size:11.5px;font-weight:600}.cycle-toggle button em{color:var(--ok);font-style:normal;font-size:10px}.cycle-toggle button.is-active{background:var(--panel-3);color:var(--fg)}.plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.plan-card{position:relative;background:var(--bg);border:1px solid var(--line-strong);border-radius:12px;padding:14px 13px;display:flex;flex-direction:column}.plan-card.featured{border-color:#38bdf880;box-shadow:0 0 0 1px #38bdf840}.plan-card.current{border-color:var(--ok)}.plan-tag{position:absolute;top:-8px;right:10px;background:linear-gradient(135deg,var(--accent),#5b8cf5);color:#04121f;font-size:9.5px;font-weight:800;padding:2px 8px;border-radius:999px;text-transform:uppercase}.plan-discount{position:absolute;top:-8px;left:10px;background:linear-gradient(135deg,#ff4d4f,#ff7a45);color:#fff;font-size:9.5px;font-weight:800;padding:2px 8px;border-radius:999px;box-shadow:0 2px 6px #ff4d4f66}.plan-card.featured .plan-discount{top:-11px;font-size:13px;padding:3px 11px;letter-spacing:.02em;box-shadow:0 3px 12px #ff4d4f8c;animation:uu-dai-dap 1.9s ease-in-out infinite}@keyframes uu-dai-dap{0%,70%,to{transform:scale(1)}82%{transform:scale(1.11)}}@media(prefers-reduced-motion:reduce){.plan-card.featured .plan-discount{animation:none}}.per-video-box{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:10px 0 4px;padding:10px 12px;border:1px dashed rgba(255,255,255,.18);border-radius:12px;background:#ffffff08}.per-video-box .pv-title{font-size:13px;font-weight:700}.per-video-box .pv-sub{font-size:11px;color:var(--faint);margin-top:2px}.per-video-box .btn{white-space:nowrap}.plan-price-old{font-size:12px;color:var(--faint);font-weight:600;text-decoration:line-through;margin-right:5px}.plan-usd{font-size:11px;font-weight:600;color:var(--faint);white-space:nowrap;margin-left:4px}.lang-flag{display:block;border-radius:2.5px;box-shadow:0 0 0 1px #ffffff2e}#langBtn{gap:6px}.map-key-hint{text-align:center;font-size:11px;color:var(--faint);margin:8px auto 0;line-height:1.7}.map-key-hint kbd{display:inline-block;font-family:inherit;font-size:10px;font-weight:700;color:var(--text);background:var(--bg-elev, rgba(255, 255, 255, .07));border:1px solid var(--line-strong, rgba(255, 255, 255, .18));border-radius:4px;padding:1px 5px;margin:0 1px;min-width:14px;text-align:center}.obj-item img{width:54px;height:44px;object-fit:contain;display:block;margin:0 auto 4px}.bg-anim{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}.bg-anim[hidden]{display:none}.bg-item-canvas{width:100%;height:62px;display:block;border-radius:8px;margin-bottom:4px}#bgAnimGrid .el-item{padding:6px}#bgAnimGrid .el-item.is-active{outline:2px solid var(--accent, #38bdf8)}.bg-solid-preview{width:100%;height:62px;border-radius:8px;margin-bottom:4px;border:1px solid rgba(255,255,255,.14)}.el-icon-canvas{width:54px;height:54px;display:block;margin:0 auto 2px}.el-cat-canvas{width:46px;height:46px;display:block}.obj-nhom{grid-column:1 / -1;margin:10px 2px 2px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:5px}.obj-nhom:first-child{margin-top:2px}.obj-item.obj-dark img{background:#ffffffd1;border-radius:6px;padding:2px}#rotateNotice{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#050a14eb;backdrop-filter:blur(6px)}#rotateNotice .rn-box{text-align:center;color:#e8eef7;padding:6vw;max-width:84vw}#rotateNotice .rn-phone{width:22vw;height:22vw;color:#38bdf8;margin:0 auto 3vw;animation:rn-tilt 2.2s ease-in-out infinite}@keyframes rn-tilt{0%,25%{transform:rotate(0)}55%,80%{transform:rotate(90deg)}to{transform:rotate(0)}}#rotateNotice h2{font-size:5.5vw;font-weight:800;margin:0 0 2.5vw;font-family:Sora,sans-serif}#rotateNotice p{font-size:3.6vw;line-height:1.5;color:#aebdd2;margin:0 0 2vw}#rotateNotice .rn-sub{font-size:3.1vw;font-weight:600;color:#ff5a5f;margin:0 0 5vw}#rotateNotice button{font-size:3.6vw;font-weight:700;padding:2.6vw 6vw;border-radius:2.5vw;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#e8eef7;cursor:pointer}.plan-name{font-weight:800;font-size:14px;font-family:Sora,sans-serif}.plan-price{font-size:19px;font-weight:800;margin:6px 0 2px;font-family:Sora,sans-serif}.plan-price small{font-size:11px;color:var(--faint);font-weight:600}.plan-sub{font-size:10.5px;color:var(--faint);margin-bottom:8px}.plan-feats{list-style:none;padding:0;margin:6px 0 12px;display:flex;flex-direction:column;gap:5px;flex:1}.plan-feats li{font-size:11.5px;color:var(--muted);padding-left:16px;position:relative}.plan-feats li:before{content:"\2713";position:absolute;left:0;color:var(--ok);font-weight:800}.plan-feats li.khong{color:var(--faint)}.plan-feats li.khong:before{content:"\2715";color:#ff5a5f}.plan-feats li.khong em{font-style:normal;opacity:.75}.plan-feats li b{color:var(--fg);font-weight:700}.mock-note{font-size:11px;color:var(--plot);background:#f5b94214;border:1px solid rgba(245,185,66,.25);border-radius:8px;padding:8px 10px;margin:14px 0 4px}#textFxPicker{width:372px;max-width:94vw}.fx-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:6px 10px 10px;max-height:52vh;overflow-y:auto}.fx-cell{display:block;padding:0;border:1px solid var(--line-strong);border-radius:10px;background:#0b0d10;cursor:pointer;overflow:hidden;transition:border-color .14s,transform .14s}.fx-cell:hover{border-color:var(--accent);transform:translateY(-1px)}.fx-cell canvas{display:block;width:100%;height:auto}.fx-cell span{display:block;padding:5px 8px 7px;font-size:10.5px;font-weight:700;color:var(--muted);text-align:left;border-top:1px solid rgba(255,255,255,.06)}.fx-cell:hover span{color:var(--fg)}.mc-labels{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px 2px;font-size:12px;color:var(--muted);font-weight:600}.mc-labels .chip{min-width:52px;justify-content:center}.obj-folder{position:relative}.obj-folder .folder-badge{position:absolute;top:5px;right:6px;font-style:normal;font-size:9.5px;font-weight:800;padding:1px 5px;border-radius:999px;background:var(--accent);color:#04121f}#flagPicker{width:340px;max-width:92vw}.flag-modes{display:flex;gap:6px;padding:8px 10px 0}.flag-modes .chip{flex:1;justify-content:center;font-size:11px;padding:6px 4px}.flag-search{width:calc(100% - 20px);margin:8px 10px 4px;padding:7px 10px;border-radius:8px;border:1px solid var(--line-strong);background:var(--panel-3);color:var(--fg);font-size:12.5px}.flag-search:focus{outline:none;border-color:var(--accent)}.flag-grid{max-height:46vh;overflow-y:auto}.flag-grid .obj-item img{object-fit:contain;border-radius:3px}.support-fab{position:fixed;right:12px;bottom:12px;z-index:100;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#229ed9;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.22);box-shadow:0 3px 10px #00000073;opacity:.55;transition:opacity .16s ease,transform .16s ease}.support-fab:hover{opacity:1;transform:scale(1.12)}.support-fab:active{transform:scale(1)}.auth-legal{font-size:11px;line-height:1.55;color:var(--faint);margin:10px 0 0;text-align:center}.auth-legal a{color:var(--muted);text-decoration:underline}.auth-legal a:hover{color:var(--accent)}.pay-legal{font-size:11px;line-height:1.55;color:var(--faint);margin:6px 0 2px}.pay-legal a{color:var(--muted);text-decoration:underline}.pay-legal a:hover{color:var(--accent)}.pay-support{font-size:11.5px;color:var(--muted);margin:8px 0 4px}.pay-support a{color:var(--accent);font-weight:700;text-decoration:none}.pay-support a:hover{text-decoration:underline}.pay-head{font-weight:700;font-size:13px;color:var(--fg);margin:18px 0 8px}.pay-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 6px}.pay-methods.one{grid-template-columns:1fr}.pay-opt{display:flex;flex-direction:column;gap:6px;text-align:left;padding:12px;border-radius:12px;border:1.5px solid var(--line-strong);background:var(--bg);color:var(--fg);cursor:pointer;transition:border-color .15s,background .15s}.pay-opt:hover{border-color:var(--accent)}.pay-opt.is-active{border-color:var(--accent);background:#38bdf814}.pay-opt-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}.pay-opt-logos{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.pay-opt-tick{flex:0 0 auto;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#04121f;background:var(--accent);opacity:0;transform:scale(.6);transition:opacity .15s,transform .15s}.pay-opt.is-active .pay-opt-tick{opacity:1;transform:scale(1)}.pay-opt-name{font-weight:700;font-size:13px}.pay-opt-desc{font-size:11px;line-height:1.45;color:var(--muted)}.pm-logo{display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 6px;border-radius:4px;background:#fff;box-shadow:0 1px 2px #00000059;font-size:11px;font-weight:800;line-height:1;white-space:nowrap}.pm-visa{color:#1434cb;font-style:italic;letter-spacing:.06em;font-size:12px}.pm-mc{padding:0 4px}.pm-paypal b{color:#003087;font-style:italic}.pm-paypal i{color:#009cde;font-style:italic;font-weight:800}.pm-vietqr b{color:#0d5cab}@media(max-width:680px){.pay-methods{grid-template-columns:1fr}}.export-options-title{font-weight:700;font-size:13px;margin:4px 0 10px;color:var(--fg)}@media(max-width:680px){.plan-grid{grid-template-columns:1fr}.modal.export-modal{width:calc(100vw - 24px)}}.toast-host{position:fixed;bottom:22px;right:22px;display:flex;flex-direction:column;gap:8px;z-index:400}.toast{background:var(--panel-3);border:1px solid var(--line-strong);border-left:3px solid var(--accent);color:var(--fg);padding:11px 16px;border-radius:10px;font-size:13px;font-weight:600;box-shadow:var(--shadow);animation:slideIn .3s var(--ease);max-width:320px}.toast.ok{border-left-color:var(--ok)}.toast.err{border-left-color:var(--danger)}.text-item{position:absolute;transform:translate(-50%,-50%);white-space:pre-wrap;text-align:center;pointer-events:auto;cursor:move;line-height:1.15;font-family:Sora,Manrope,sans-serif;max-width:80%}.media-item{max-width:none}.text-item.is-selected,.media-item.is-selected{outline:2px solid var(--accent);outline-offset:5px;box-shadow:0 0 0 1px #38bdf859,0 0 12px #38bdf859}.ov-resize{position:absolute;right:-7px;bottom:-7px;width:15px;height:15px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 2px 6px #00000080;cursor:nwse-resize;pointer-events:auto;z-index:3}.media-item .ov-resize{right:auto;bottom:auto;margin:-8px 0 0 -8px}.ov-rotate{position:absolute;left:50%;bottom:-34px;width:22px;height:22px;transform:translate(-50%);border-radius:50%;background:var(--accent) center / 13px 13px no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-2.64-6.36'/%3E%3Cpath d='M21 3v6h-6'/%3E%3C/svg%3E");border:2px solid #fff;box-shadow:0 2px 6px #00000080;cursor:grab;pointer-events:auto;z-index:3}.ov-rotate:before{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:14px;transform:translate(-50%);background:var(--accent)}.ov-rotate.dragging{cursor:grabbing}.ov-rotate.snapped{background-color:#2fe08a;border-color:#eafff4;box-shadow:0 0 0 3px #2fe08a66,0 2px 6px #00000080}.ov-rotate.flat-rotate{bottom:auto;transform:translate(-50%,-50%)}.ov-rotate.flat-rotate:before{display:none}.text-item.callout{background:var(--callout-bg, #ffffff);border:1px solid rgba(0,0,0,.18);border-radius:0;padding:.5em .8em;box-shadow:0 8px 24px -8px #00000080}.text-item.callout:after{content:"";position:absolute;left:50%;bottom:-.5em;transform:translate(-50%);border-left:.5em solid transparent;border-right:.5em solid transparent;border-top:.5em solid var(--callout-bg, #ffffff)}.media-item.framed:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%,100%);border-left:var(--arrow-w, 14px) solid transparent;border-right:var(--arrow-w, 14px) solid transparent;border-top:var(--arrow-h, 14px) solid var(--frame-bg, #fff);filter:drop-shadow(0 5px 3px rgba(0,0,0,.25))}.text-item.callout.is-selected{outline-offset:3px}.ctx-menu{position:fixed;z-index:500;min-width:190px;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:10px;box-shadow:var(--shadow);padding:5px;animation:pop .14s var(--ease)}.ctx-menu button{display:flex;align-items:center;gap:9px;width:100%;border:0;background:transparent;color:var(--fg);padding:8px 10px;border-radius:7px;font-size:12.5px;font-weight:600;text-align:left}.ctx-menu button:hover{background:var(--panel-3)}.ctx-menu button.danger{color:var(--danger)}.ctx-menu .sep{height:1px;background:var(--line);margin:4px 2px}.canvas-frame.drawing .text-item{pointer-events:none!important}.canvas-frame.drawing #map{cursor:crosshair}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.94) translateY(8px)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--panel-3);border-radius:999px;border:2px solid var(--panel)}::-webkit-scrollbar-thumb:hover{background:var(--elevated)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:1100px){.workspace{grid-template-columns:110px minmax(240px,1fr) var(--map-w)}}.cloud-hint{font-size:11.5px;color:var(--faint);margin:0 0 10px}.cloud-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;margin-bottom:8px;background:var(--panel-2)}.cloud-item .ci-main{flex:1 1 auto;min-width:0}.cloud-item b{display:block;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloud-item span{display:block;font-size:11px;color:var(--faint);margin-top:2px}.cloud-empty{text-align:center;padding:26px 10px;color:var(--faint);font-size:12.5px}.auth-forgot{text-align:right;margin-top:10px}.auth-forgot button{border:0;background:transparent;color:var(--accent);font-weight:600;font-size:12.5px;cursor:pointer;padding:2px 0}.auth-forgot button:hover{text-decoration:underline}.mc-themes{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.mc-themes-label{font-size:11px;color:var(--faint);margin-bottom:7px}.mc-themes-row{display:flex;flex-wrap:wrap;gap:6px}.theme-chip{padding:5px 10px;font-size:11.5px;font-weight:600;border-radius:999px;border:1px solid var(--line-strong);background:var(--panel-2);color:var(--muted);cursor:pointer;transition:border-color .12s,color .12s}.theme-chip:hover{color:var(--text)}.theme-chip.is-active{border-color:var(--accent);color:var(--accent)}.tl-snap-guide{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#38f5c8;box-shadow:0 0 6px #38f5c8e6;pointer-events:none;z-index:30;display:none}.tl-btn.is-active{color:var(--accent);background:#38f5c81f}.font-picker{position:relative;width:100%}.font-picker-btn{width:100%;display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line-strong);color:var(--fg);border-radius:8px;padding:8px 10px;font-size:14px;cursor:pointer;text-align:left;transition:border-color .15s}.font-picker-btn:hover{border-color:var(--accent)}.font-picker-btn .fp-cur{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.font-picker-btn .fp-caret{color:var(--muted);font-size:11px}.font-picker-panel{position:fixed;z-index:600;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:10px;box-shadow:0 16px 44px -10px #000000a6;max-height:340px;display:flex;flex-direction:column;overflow:hidden}.fp-search{padding:8px;border-bottom:1px solid var(--line);flex:none}.fp-search input{font-size:13px}.fp-list{overflow-y:auto;padding:4px;flex:1 1 auto;min-height:0;overscroll-behavior:contain}.fp-sec{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);padding:9px 8px 4px}.fp-item{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:7px;cursor:pointer}.fp-item:hover{background:var(--panel-3)}.fp-item.is-sel{background:#38bdf824;box-shadow:inset 0 0 0 1px #38bdf866}.fp-name{flex:1;min-width:0;font-size:16px;line-height:1.35;color:var(--fg);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fp-star{flex:none;width:26px;height:26px;border:0;background:transparent;color:#ffffff38;font-size:15px;cursor:pointer;border-radius:50%;line-height:1}.fp-star:hover{color:#ffd24d;background:#ffffff0f}.fp-star.on{color:#ffcf3f}.fp-empty{padding:18px;text-align:center;color:var(--muted);font-size:12px}#roadPicker{width:292px}.road-search-row{display:flex;gap:6px;padding:10px 10px 6px}.road-search-row input{flex:1}.road-hint{padding:0 12px 8px;font-size:11px;color:var(--faint);line-height:1.45}.road-results{max-height:264px;overflow-y:auto;padding:0 8px 8px}.road-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 9px;border:0;background:transparent;color:var(--fg);border-radius:7px;cursor:pointer;text-align:left;font-size:12.5px;font-weight:600}.road-item:hover{background:var(--panel-3)}.road-item small{color:var(--muted);font-weight:500;flex:none}.road-status{padding:4px 12px 10px;font-size:12px;color:var(--muted)}.road-modes{display:flex;gap:6px;padding:10px 10px 4px}.road-mode{flex:1;padding:8px 4px;border:1px solid var(--line-strong);border-radius:8px;background:var(--bg);color:var(--muted);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s}.road-mode:hover{color:var(--fg);border-color:var(--accent)}.road-mode.is-active{color:var(--fg);border-color:var(--accent);background:#38bdf81f;box-shadow:0 0 0 2px #38bdf826}.btn.icon-only{padding:0 9px}.btn.icon-only svg{display:block}.modal.hotkey-modal{width:620px}.hk-huongdan{font-size:11.5px;color:var(--faint);line-height:1.65;margin:0 0 10px}.hk-bao{font-size:11.5px;color:var(--accent);min-height:16px;margin:0 0 8px}.hk-bao.xau{color:#ff8a8a}.hk-danhsach{max-height:58vh;overflow-y:auto;padding-right:4px}.hk-nhom{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);margin:14px 0 6px;font-weight:700}.hk-nhom:first-child{margin-top:0}.hk-hang{display:flex;align-items:center;gap:12px;padding:5px 0;border-bottom:1px solid var(--line)}.hk-hang:last-child{border-bottom:0}.hk-ten{flex:1;font-size:12.5px;color:var(--fg)}.hk-phim{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.hk-chip{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:11px;font-weight:700;color:var(--fg);background:#ffffff12;border:1px solid var(--line-strong);border-radius:6px;padding:3px 7px;cursor:pointer;transition:all .14s}.hk-chip:hover{border-color:var(--accent);color:var(--accent)}.hk-chip.dang-ghi{border-color:var(--accent);color:var(--accent);background:#38bdf824;box-shadow:0 0 0 2px #38bdf829}.hk-bo{font-size:9px;color:var(--faint)}.hk-bo:hover{color:#ff8a8a}.hk-them,.hk-datlai{border:1px dashed var(--line-strong);background:transparent;color:var(--faint);border-radius:6px;width:24px;height:22px;font-size:11px;cursor:pointer;transition:all .14s}.hk-them:hover,.hk-datlai:hover{color:var(--accent);border-color:var(--accent)}.hk-datlai{border-style:solid}.text-item.cong{max-width:none;background:transparent!important;padding:0!important}.text-item.cong .ov-cong{display:block}.plans-nhac{animation:plans-nhac 1.5s ease;border-radius:14px}@keyframes plans-nhac{0%,to{box-shadow:none}20%,60%{box-shadow:0 0 0 3px #38bdf8a6}40%,80%{box-shadow:0 0 0 3px #38bdf826}}.kml-modal{width:min(560px,94vw)}.kml-note{color:var(--faint);font-size:12px;margin:0 0 12px;line-height:1.5}.kml-tools{display:flex;gap:8px;margin-bottom:10px}.kml-tools input{flex:1;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:7px 10px;color:var(--text);font-size:13px}.kml-list{max-height:min(48vh,420px);overflow:auto;border:1px solid var(--line);border-radius:11px;padding:4px}.kml-group{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);padding:10px 8px 4px}.kml-row{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px;cursor:pointer}.kml-row:hover{background:#ffffff0a}.kml-row input{accent-color:#38bdf8;width:15px;height:15px;flex-shrink:0}.kml-row .kml-ten{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kml-row .kml-loai{flex-shrink:0;font-size:10.5px;color:var(--faint);border:1px solid var(--line);border-radius:999px;padding:2px 8px}.preview-logo{position:absolute;inset:0;display:grid;place-content:center;gap:.25em;text-align:center;pointer-events:none;z-index:6;opacity:.3;font-size:var(--pv-fs, 22px);text-shadow:0 0 .4em rgba(0,0,0,.55)}.preview-logo .pv-name{font-family:Sora,Manrope,sans-serif;font-weight:800;line-height:1;color:#fff;white-space:nowrap}.preview-logo .pv-name i{font-style:normal;color:#38bdf8}.preview-logo .pv-tag{font-family:Be Vietnam Pro,sans-serif;font-weight:600;font-size:.53em;letter-spacing:.06em;color:#fff;white-space:nowrap}.nang-cap-hint{display:block;margin:9px auto 0;padding:5px 12px;border-radius:999px;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.01em;color:#cfe9ff;background:linear-gradient(180deg,#38bdf829,#2563eb24);border:1px solid rgba(56,189,248,.45);box-shadow:0 0 #38bdf880;animation:nang-cap-tho 2.6s ease-in-out infinite;transition:color .15s,border-color .15s,transform .15s}.nang-cap-hint:hover{color:#fff;border-color:#38bdf8e6;transform:translateY(-1px)}@keyframes nang-cap-tho{0%,to{box-shadow:0 0 #38bdf800}50%{box-shadow:0 0 14px 1px #38bdf859}}@media(prefers-reduced-motion:reduce){.nang-cap-hint{animation:none}}