:root{--bg:#0F1015;--bg2:#13141B;--card:#181A22;--card2:#1C1E28;--line:#232633;--line2:#2E3240;--text:#F2F3F7;--soft:#C9CDDA;--muted:#9AA0B2;--dim:#6E7489;--acc:#FF5A36;--acc2:#FF6A47;--accInk:#1A0D08;--accSoft:#2A1712;--accText:#FFB8A6;--ok:#5FE0A6;--okBg:#16352A;--warn:#FFC94D;--warnBg:#3A2E10;--info:#8EC5FF;--infoBg:#1C2A44;--vid:#4B3A66;--vid2:#5B4878;--radius:14px;color-scheme:dark}*{box-sizing:border-box}body,html{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}body{min-height:100dvh}h1,h2,h3{margin:0}p{margin:0}a{color:var(--acc2);text-decoration:none}a:hover{color:#ff8a6e}button{font-family:inherit;color:inherit}:focus-visible{outline:2px solid var(--acc);outline-offset:2px}[hidden]{display:none!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--acc),var(--warn));border-radius:999px;border:2px solid var(--bg2)}::-webkit-scrollbar-thumb:horizontal{background:linear-gradient(90deg,var(--acc),var(--warn))}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-corner{background:var(--bg2)}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--acc) var(--bg2)}}.thin::-webkit-scrollbar{height:6px;width:6px}.thin::-webkit-scrollbar-thumb{border-width:1px}.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.ic[fill]{fill:currentColor;stroke:none}.ic.sm{width:16px;height:16px}.ic.lg{width:26px;height:26px}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-variant-numeric:tabular-nums}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{display:flex;min-height:100dvh}.side{width:236px;flex:none;background:var(--bg2);border-right:1px solid var(--line);position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:14px 12px;gap:6px;z-index:60}.side-head{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 2px 0 10px;margin-bottom:12px}.logo{font-family:Sora,Manrope,sans-serif;font-weight:700;font-size:19px;letter-spacing:-.3px;color:var(--text)}.logo span{color:var(--acc)}.logo:hover{color:var(--text)}.side-nav{display:flex;flex-direction:column;gap:4px}.side-nav a{display:flex;align-items:center;gap:12px;height:44px;padding:0 14px;border-radius:12px;color:var(--muted);font-size:14px;font-weight:700}.side-nav a:hover{background:var(--card2);color:var(--text)}.side-nav a.on{background:var(--accSoft);color:var(--accText)}.side-foot{margin-top:auto}.side-install{width:100%;height:44px;border-radius:12px;border:1px dashed var(--line2);background:0 0;color:var(--soft);display:flex;align-items:center;gap:10px;padding:0 14px;font:700 13px Manrope,sans-serif;cursor:pointer}.side-install:hover{border-color:var(--acc);color:var(--acc2)}#pinBtn{color:var(--acc2)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.top{height:60px;flex:none;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(15,16,21,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:30}.top h1{font-family:Sora,Manrope,sans-serif;font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top .grow{flex:1;min-width:0}.menu-btn{display:none}.content{width:100%;max-width:1180px;margin:0 auto;padding:20px 16px 104px;display:flex;flex-direction:column;gap:24px}.bnav{position:fixed;left:0;right:0;bottom:0;height:64px;padding-bottom:env(safe-area-inset-bottom);display:flex;background:var(--bg2);border-top:1px solid var(--line);z-index:40}.bnav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:11px;font-weight:700}.bnav a.on{color:var(--acc2)}.bnav a:hover{color:var(--text)}.scrim{display:none}@media (max-width:1023px){.side{position:fixed;left:0;top:0;transform:translateX(-105%);transition:transform .2s ease;box-shadow:0 0 40px rgba(0,0,0,.5)}.app.drawer-open .side{transform:none}.app.drawer-open .scrim{display:block;position:fixed;inset:0;background:rgba(5,6,10,.6);z-index:55}.menu-btn{display:inline-flex}#pinBtn{display:none}}@media (min-width:1024px){.bnav{display:none}.app.menu-off .side{display:none}.app.menu-off .menu-btn{display:inline-flex}.content{padding:28px 32px 48px}}.btn{height:44px;padding:0 18px;border-radius:12px;font:700 14px Manrope,sans-serif;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;text-decoration:none}.btn.primary{background:var(--acc);color:var(--accInk)}.btn.primary:hover{background:#ff6e4f;color:var(--accInk)}.btn.ghost{background:0 0;border-color:var(--line2);color:var(--text)}.btn.ghost:hover{border-color:var(--acc);color:var(--acc2)}.btn.danger{background:#3a1515;border-color:#5a2020;color:#ff9c9c}.btn.danger:hover{background:#4a1a1a}.btn.sm{height:36px;padding:0 12px;font-size:13px;border-radius:10px}.btn.block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn{width:40px;height:40px;flex:none;border-radius:10px;border:1px solid var(--line2);background:0 0;color:var(--soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.icon-btn:hover{border-color:var(--acc);color:var(--acc2)}.icon-btn.ghost{border-color:transparent}.icon-btn.ghost:hover{background:var(--card2)}.icon-btn.solid{background:var(--acc);border-color:var(--acc);color:var(--accInk)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.chip{height:36px;flex:none;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:0 0;color:var(--soft);font:700 13px Manrope,sans-serif;cursor:pointer;white-space:nowrap}.chip:hover{border-color:var(--acc)}.chip[aria-pressed=true]{background:var(--acc);border-color:var(--acc);color:var(--accInk)}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.seg{display:inline-flex;gap:3px;padding:3px;border-radius:12px;background:var(--card);flex:none}.seg button{height:32px;padding:0 12px;border-radius:9px;border:0;background:0 0;color:var(--soft);font:700 12px Manrope,sans-serif;cursor:pointer;white-space:nowrap}.seg button:hover{color:var(--text)}.seg button[aria-pressed=true]{background:var(--acc);color:var(--accInk)}.seg button:disabled{color:#4a4f60;cursor:not-allowed}.seg.info button[aria-pressed=true]{background:var(--infoBg);color:var(--info)}.tog{height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--line2);background:0 0;color:var(--soft);font:700 12px Manrope,sans-serif;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.tog:hover{border-color:var(--acc)}.tog[aria-pressed=true]{border-color:var(--acc);background:var(--accSoft);color:var(--accText)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px}.pad{padding:16px}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:var(--soft)}.field small{font-weight:600;color:var(--muted)}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{width:100%;height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--line2);background:var(--card);color:var(--text);font:600 14px Manrope,sans-serif}textarea{height:auto;min-height:64px;padding:10px 12px;resize:vertical;line-height:1.4}select{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9CDDA' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;cursor:pointer}select option{background:var(--card);color:var(--text)}input::placeholder,textarea::placeholder{color:var(--dim)}input:focus,select:focus,textarea:focus{outline:2px solid var(--acc);outline-offset:1px;border-color:transparent}input[type=range]{width:100%;height:24px;margin:0;accent-color:var(--acc);background:0 0;cursor:pointer}input[type=color]{width:44px;height:44px;padding:4px;border-radius:10px;border:1px solid var(--line2);background:var(--card);cursor:pointer;flex:none}input[type=checkbox]{accent-color:var(--acc);width:18px;height:18px}.swatches{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.sw{width:32px;height:32px;flex:none;border-radius:50%;padding:3px;border:2px solid transparent;background:0 0;cursor:pointer}.sw>span{display:block;width:100%;height:100%;border-radius:inherit;border:1px solid #3a3e4e}.sw[aria-checked=true]{border-color:var(--acc)}.sw.sq{border-radius:9px}.sw.sq>span{border-radius:5px}.sw-custom{position:relative;width:32px;height:32px;border-radius:50%;overflow:hidden;border:1px dashed var(--line2);display:inline-flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer}.sw-custom input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.slider{display:flex;flex-direction:column;gap:2px}.slider .lbl{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--soft)}.slider .val{color:var(--muted);font-variant-numeric:tabular-nums}.slider .val.on{color:var(--acc2)}.pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.pill.ok{background:var(--okBg);color:var(--ok)}.pill.warn{background:var(--warnBg);color:var(--warn)}.pill.info{background:var(--infoBg);color:var(--info)}.pill.mute{background:var(--line2);color:var(--soft)}.empty{padding:32px 16px;text-align:center;color:var(--muted);font-size:14px;border:1px dashed var(--line2);border-radius:16px}.modal-wrap{position:fixed;inset:0;background:rgba(5,6,10,.72);display:flex;align-items:flex-end;justify-content:center;z-index:100}.modal{background:var(--bg2);border:1px solid var(--line);border-radius:20px 20px 0 0;width:100%;max-width:560px;max-height:92dvh;display:flex;flex-direction:column}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 10px 18px}.modal-head h2{font-size:17px;font-weight:700}.modal-body{padding:4px 18px 16px;overflow:auto;display:flex;flex-direction:column;gap:14px}.modal-foot{display:flex;gap:10px;justify-content:flex-end;padding:12px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}@media (min-width:720px){.modal-wrap{align-items:center;padding:24px}.modal{border-radius:20px}.modal.wide{max-width:820px}}#toasts{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;z-index:200;pointer-events:none;width:max-content;max-width:calc(100% - 32px)}.toast{padding:12px 16px;border-radius:12px;background:#262a38;color:var(--text);font-size:13px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.4);transition:opacity .3s,transform .3s}.toast.ok{background:var(--okBg);color:#cff5e2}.toast.err{background:#3a1515;color:#ffb4b4}.toast.out{opacity:0;transform:translateY(8px)}@media (min-width:1024px){#toasts{bottom:24px}}.progress{height:8px;border-radius:999px;background:#262a38;overflow:hidden}.progress>i{display:block;height:100%;width:0;background:var(--acc);transition:width .2s}.hero{display:flex;flex-direction:column;gap:6px}.hero h2{font-family:Sora,Manrope,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.4px}.create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.create{min-height:156px;padding:16px;border-radius:18px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;border:1px solid var(--line2);background:var(--card);color:var(--text);text-align:left;cursor:pointer;font:inherit}.create:hover{border-color:var(--acc);color:var(--text)}.create.hot{background:var(--acc);border-color:var(--acc);color:var(--accInk)}.create.hot:hover{background:#ff6e4f;color:var(--accInk)}.create b{display:block;font-family:Sora,Manrope,sans-serif;font-size:17px}.create small{display:block;margin-top:4px;font-size:12px;font-weight:600;opacity:.8}@media (min-width:720px){.create-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.sec-head h2{font-size:16px;font-weight:700}.proj-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width:720px){.proj-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.proj-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.proj{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.proj-thumb{aspect-ratio:4/5;background:#13141b;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.proj-thumb img{max-width:100%;max-height:100%;object-fit:contain}.proj-thumb .pill{position:absolute;left:8px;top:8px}.proj-meta{padding:10px 10px 12px;display:flex;gap:6px;align-items:flex-start}.proj-meta a{flex:1;min-width:0;color:var(--text)}.proj-meta b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proj-meta small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.tpl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width:720px){.tpl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px){.tpl-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.tpl{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:16px;background:var(--card);border:1px solid var(--line);color:var(--text);text-align:left;cursor:pointer;font:inherit}.tpl:hover{border-color:var(--acc)}.tpl-prev{height:220px;border-radius:10px;background:var(--bg2);display:flex;align-items:center;justify-content:center}.tpl-prev canvas{max-width:100%;max-height:100%;border-radius:8px}.tpl b{font-size:13px}.tpl small{font-size:11px;color:var(--muted)}.tabline{display:flex;gap:16px;overflow-x:auto;border-bottom:1px solid var(--line)}.tabline button{flex:none;height:40px;padding:0 2px;border:0;border-bottom:2px solid transparent;background:0 0;color:var(--muted);font:700 13px Manrope,sans-serif;cursor:pointer}.tabline button[aria-pressed=true],.tabline button[aria-selected=true]{color:var(--text);border-bottom-color:var(--acc)}body.editor .main{height:100dvh;overflow:hidden}body.editor .top{position:static}.proj-name{background:0 0;border:1px solid transparent;color:var(--text);font:700 15px Manrope,sans-serif;height:36px;padding:0 8px;border-radius:8px;width:100%;max-width:360px}.proj-name:hover{border-color:var(--line2)}.saved{font-size:11px;color:var(--muted);padding-left:9px}.ed{flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto 64px;grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "dock" "tools"}.ed-tools{grid-area:tools;display:flex;overflow-x:auto;background:var(--card);border-top:1px solid var(--line)}.ed-tools button{flex:none;width:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:0 0;color:var(--soft);font:700 11px Manrope,sans-serif;cursor:pointer}.ed-tools button:hover{color:var(--acc2)}.ed-tools button[aria-pressed=true]{color:var(--acc2)}.ed-panel,.ed-tl{grid-area:dock;height:clamp(196px,31dvh,290px);border-top:1px solid var(--line);background:var(--bg2);min-height:0;display:flex;flex-direction:column}.ed:not(.panel-open) .ed-panel{display:none}.ed.panel-open .ed-tl{display:none}.panel-head{height:46px;flex:none;display:flex;align-items:center;gap:8px;padding:0 8px 0 14px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:14px;font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-body{flex:1;overflow:auto;padding:12px 14px 16px;display:flex;flex-direction:column;gap:14px}.modal-body>*,.panel-body>*{flex-shrink:0}.modal-actions{position:sticky;bottom:-16px;margin:0 -18px -16px;padding:12px 18px;background:var(--bg2);border-top:1px solid var(--line);justify-content:flex-end}.ed-stage{grid-area:stage;min-height:0;display:flex;flex-direction:column;background:#0b0c10}.stage-bar{flex:none;display:flex;justify-content:center;gap:8px;padding:8px;flex-wrap:wrap}.stage-wrap{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:4px 8px 10px}.stage-box{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.5);touch-action:none}.stage-box canvas{display:block;width:100%;height:100%}.safe-bot,.safe-top{position:absolute;left:0;right:0;background:rgba(90,169,255,.14);pointer-events:none}.safe-top{top:0;border-bottom:1px dashed #5aa9ff}.safe-bot{bottom:0;border-top:1px dashed #5aa9ff;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;font-size:10px;font-weight:700;color:var(--info)}.sel{position:absolute;border:2px dashed var(--acc);border-radius:6px;pointer-events:none}.sel .knob{position:absolute;right:-11px;bottom:-11px;width:22px;height:22px;border-radius:50%;background:var(--acc);border:2px solid var(--bg);pointer-events:auto;cursor:nwse-resize;touch-action:none}.stage-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:16px;color:var(--soft);font-size:13px;font-weight:600}.mobile-close{display:inline-flex}@media (min-width:1024px){.ed{grid-template-columns:84px 340px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 272px;grid-template-areas:"tools panel stage" "tl tl tl"}.ed-tools{flex-direction:column;overflow-y:auto;overflow-x:hidden;border-top:0;border-right:1px solid var(--line);background:var(--bg2);padding:10px 0;gap:4px;align-items:center}.ed-tools button{width:66px;height:62px;border-radius:12px}.ed-tools button:hover{background:var(--card2)}.ed-tools button[aria-pressed=true]{background:var(--accSoft)}.ed-panel{grid-area:panel;height:auto;border-top:0;border-right:1px solid var(--line);display:flex!important}.ed-tl{grid-area:tl;height:auto;display:flex!important}.mobile-close{display:none}.stage-bar{padding:12px}}.tl-head{flex:none;display:flex;align-items:center;gap:8px;padding:8px 12px}.tl-head .time{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.tl-head .time span{color:var(--muted)}.play-btn{width:36px;height:36px;border-radius:50%;border:0;background:var(--text);color:var(--bg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.play-btn .ic{width:16px;height:16px}.tl-sep{width:1px;height:24px;background:var(--line2);flex:none}.tl-scroll{flex:1;min-height:0;overflow:auto;position:relative}.tl-inner{position:relative;padding-bottom:8px}.tl-ruler{height:22px;position:sticky;top:0;z-index:6;background:var(--bg2);display:flex;cursor:pointer;touch-action:none}.tl-ruler .tl-label{background:var(--bg2)}.tl-ticks{position:relative;flex:1;border-bottom:1px solid var(--line)}.tl-ticks span{position:absolute;top:3px;font-size:10px;font-weight:600;color:var(--dim);transform:translateX(-50%);white-space:nowrap}.tl-ticks span::after{content:'';position:absolute;left:50%;top:14px;width:1px;height:5px;background:var(--line2)}.tl-row{display:flex;height:36px}.tl-row.big{height:48px}.tl-label{position:sticky;left:0;width:70px;flex:none;z-index:5;background:var(--bg2);display:flex;align-items:center;gap:4px;padding-left:12px;font-size:10px;font-weight:700;color:var(--muted);white-space:nowrap;overflow:hidden}.tl-track{position:relative;flex:1}.tl-item{position:absolute;top:4px;bottom:4px;border-radius:7px;overflow:hidden;display:flex;align-items:center;padding:0 8px;font-size:10px;font-weight:700;white-space:nowrap;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.tl-item.clip{background:var(--vid);color:#e5dbf5;padding:0}.tl-item.clip .thumbs{position:absolute;inset:0;display:flex;opacity:.55}.tl-item.clip .thumbs img{height:100%;flex:none;object-fit:cover}.tl-item.clip .tag{position:relative;margin:0 8px;padding:1px 6px;border-radius:5px;background:rgba(15,16,21,.75);color:var(--warn)}.tl-item.clip .tag:empty{display:none}.tl-item.text{background:var(--acc);color:var(--accInk)}.tl-item.image{background:var(--infoBg);color:var(--info)}.tl-item.logo{background:var(--line2);color:var(--soft)}.tl-item.audio{background:var(--okBg);color:#cff5e2;padding:0}.tl-item.audio canvas{position:absolute;inset:0;width:100%;height:100%}.tl-item.audio .nm{position:relative;margin-left:8px;padding:0 5px;border-radius:4px;background:rgba(15,16,21,.6)}.tl-item.sel{outline:2px solid var(--text);outline-offset:0;z-index:2}.tl-item.hidden-layer{opacity:.4}.tl-h{position:absolute;top:0;bottom:0;width:14px;display:none;align-items:center;justify-content:center;cursor:ew-resize;touch-action:none;z-index:3}.tl-h::after{content:'';width:4px;height:60%;border-radius:2px;background:var(--text)}.tl-h.l{left:0}.tl-h.r{right:0}.tl-item.sel .tl-h{display:flex}.tl-trans{position:absolute;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border:0;padding:0;background:0 0;cursor:pointer;z-index:4;display:flex;align-items:center;justify-content:center}.tl-trans i{width:12px;height:12px;transform:rotate(45deg);border-radius:2px;background:var(--line2);border:1px solid var(--muted)}.tl-trans.on i{background:var(--warn);border-color:var(--warn)}.tl-play{position:absolute;top:0;bottom:0;width:2px;background:var(--acc);z-index:7;pointer-events:none}.tl-play::before{content:'';position:absolute;top:0;left:-5px;width:12px;height:12px;border-radius:3px;background:var(--acc)}.tl-add{height:36px;display:flex;align-items:center;padding-left:82px;gap:8px}.pgroup{display:flex;flex-direction:column;gap:8px}.plabel{font-size:12px;font-weight:700;color:var(--soft);display:flex;align-items:center;justify-content:space-between;gap:8px}.plabel .muted{font-weight:600}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tiles.four{grid-template-columns:repeat(4,minmax(0,1fr))}.tile{min-height:64px;padding:8px 4px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:700 11px Manrope,sans-serif;text-align:center;cursor:pointer;line-height:1.15}.tile:hover{border-color:var(--line2);color:var(--text)}.tile[aria-checked=true],.tile[aria-pressed=true]{border-color:var(--acc);background:var(--accSoft);color:var(--accText)}.tile.warnon[aria-pressed=true]{border-color:var(--warn);background:var(--warnBg);color:var(--warn)}.tile.danger{color:#ff8a6e}.tile .dot{width:30px;height:18px;border-radius:5px}.src-btn{display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);text-align:left;cursor:pointer;font:inherit;width:100%}.src-btn:hover{border-color:var(--line2)}.src-btn .bub{width:34px;height:34px;flex:none;border-radius:9px;display:flex;align-items:center;justify-content:center}.src-btn b{display:block;font-size:13px}.src-btn small{display:block;font-size:11px;color:var(--muted)}.src-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hint{font-size:12px;color:var(--muted);line-height:1.45}.note-box{padding:12px;border-radius:12px;background:var(--card);border:1px solid var(--line);font-size:12px;color:var(--soft);line-height:1.5}.layer-list{display:flex;flex-direction:column;gap:6px}.layer-item{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 6px 4px 10px;border-radius:10px;border:1px solid var(--line);background:var(--card);cursor:pointer}.layer-item.on{border-color:var(--acc)}.layer-item span{flex:1;min-width:0;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check{display:flex;align-items:center;gap:10px;padding:6px 0}.check .ic{width:22px;height:22px}.check b{display:block;font-size:13px}.check small{display:block;font-size:11px;color:var(--muted)}.check.ok .ic{color:var(--ok)}.check.bad .ic{color:var(--warn)}.fmt{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--card);text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--text)}.fmt[aria-checked=true]{border-color:var(--acc)}.fmt .box{width:22px;height:22px;flex:none;border-radius:7px;border:1.5px solid var(--dim);display:flex;align-items:center;justify-content:center;color:var(--accInk)}.fmt[aria-checked=true] .box{background:var(--acc);border-color:var(--acc)}.fmt .shape{width:26px;height:30px;display:flex;align-items:center;justify-content:center;flex:none}.fmt .shape i{border:1.5px solid var(--dim);border-radius:3px;display:block}.fmt b{display:block;font-size:14px}.fmt small{display:block;font-size:11px;color:var(--muted);margin-top:2px}.linkbox{padding:10px 12px;border-radius:10px;background:var(--bg);font-size:12px;color:var(--soft);line-height:1.5;word-break:break-all}.linkbox b{color:var(--acc2)}.post-wrap{display:grid;gap:20px}@media (min-width:1024px){.post-wrap{grid-template-columns:380px minmax(0,1fr);align-items:start}}.post-previews{display:flex;gap:14px;align-items:flex-end;justify-content:center;flex-wrap:wrap}.post-prev{display:flex;flex-direction:column;align-items:center;gap:8px}.post-prev canvas{height:220px;border-radius:10px;background:var(--bg2);box-shadow:0 8px 30px rgba(0,0,0,.4)}@media (min-width:1024px){.post-prev canvas{height:360px}}.post-prev b{font-size:12px}.post-prev small{font-size:11px;color:var(--muted)}.drop{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px dashed var(--line2);background:var(--card)}.drop .th{width:64px;height:64px;border-radius:10px;background:var(--bg2);flex:none;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--dim);position:relative;cursor:crosshair}.drop .th img{width:100%;height:100%;object-fit:cover}.focal{position:relative;border-radius:12px;overflow:hidden;cursor:crosshair;touch-action:none}.focal img{display:block;width:100%;max-height:280px;object-fit:contain;background:var(--bg2)}.focal i{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px var(--acc);pointer-events:none}.cfg-wrap{display:grid;gap:20px}@media (min-width:1024px){.cfg-wrap{grid-template-columns:220px minmax(0,1fr);align-items:start}}.cfg-menu{display:flex;gap:6px;overflow-x:auto}@media (min-width:1024px){.cfg-menu{flex-direction:column}}.cfg-menu button{flex:none;height:42px;padding:0 14px;border-radius:11px;border:0;background:0 0;color:var(--muted);font:700 13px Manrope,sans-serif;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px}.cfg-menu button:hover{background:var(--card2);color:var(--text)}.cfg-menu button[aria-selected=true]{background:var(--accSoft);color:var(--accText)}.cfg-sec{display:flex;flex-direction:column;gap:18px}.cfg-sec h2{font-size:16px}.logo-box{width:88px;height:88px;border-radius:14px;background:var(--bg2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}.logo-box img{max-width:100%;max-height:100%}.track{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--card);border:1px solid var(--line)}.track b{display:block;font-size:13px}.track small{display:block;font-size:11px;color:var(--muted)}.help-search{position:relative}.help-search .ic{position:absolute;left:12px;top:12px;color:var(--muted)}.help-search input{padding-left:40px;height:46px}.help-blocks{display:grid;gap:12px}@media (min-width:900px){.help-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}}.help-block{padding:16px}.help-block h3{font-size:15px;display:flex;align-items:center;gap:10px;margin-bottom:10px}.help-block h3 .bub{width:32px;height:32px;border-radius:9px;background:var(--accSoft);color:var(--acc2);display:flex;align-items:center;justify-content:center}.help-block ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--soft);line-height:1.5}.help-block mark{background:var(--warnBg);color:var(--warn);border-radius:3px}body.editor #toasts{bottom:auto;top:70px}@media (max-width:600px){.fmt-grid{grid-template-columns:1fr}}.bnav a,.chip,.ed-tools button,.fmt,.side-nav a,.tile,.tl-item,.tog,button{-webkit-user-select:none;user-select:none;touch-action:manipulation}body.editor{position:fixed;inset:0;overflow:hidden;min-height:0}body.editor .app{position:absolute;inset:0;min-height:0}body.editor .main{height:100%}.ed{grid-template-rows:minmax(0,1fr) auto calc(64px + env(safe-area-inset-bottom))}.ed-tools{padding-bottom:env(safe-area-inset-bottom)}.ed-tools button span{white-space:nowrap}.stage-wrap{padding:10px 8px}@media (max-width:1023px){body.editor .top{height:52px;padding:0 6px;gap:4px;padding-top:env(safe-area-inset-top);height:calc(52px + env(safe-area-inset-top))}body.editor .saved{display:none}body.editor .top .btn{height:38px;padding:0 14px}body.editor .top .icon-btn{width:38px;height:38px}.tl-scroll::-webkit-scrollbar{height:6px}}@media (min-width:1024px){.ed{grid-template-rows:minmax(0,1fr) 272px}.ed-tools{padding-bottom:10px}}.install-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:var(--accSoft);border:1px solid #5a2a1c}.install-card b{display:block;font-size:14px}.install-card small{display:block;font-size:12px;color:var(--accText);margin-top:2px}@media (display-mode:standalone){#installBtn,.install-card{display:none!important}}