:root{font-family:Inter,Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ececf2;background:#111216;font-synthesis:none;--bg:#111216;--panel:#191b21;--panel2:#20232b;--line:#2c303a;--muted:#989eaa;--text:#f2f3f7;--accent:#9a8cff;--accent2:#ef9bbb;--danger:#ff6e7d;--ok:#79d5b2;--shadow:0 14px 40px rgba(0,0,0,.3)}*{box-sizing:border-box}html,body,#app{margin:0;min-width:1100px;min-height:100%;height:100%;background:var(--bg)}button,input,select,textarea{font:inherit}button{color:var(--text);background:#252832;border:1px solid #343946;border-radius:9px;padding:8px 11px;cursor:pointer;transition:.15s ease}button:hover{background:#303441;border-color:#4a5060}button:disabled{opacity:.55;cursor:wait}.primary{background:linear-gradient(135deg,#8172ef,#a891ff);border-color:#a797ff;color:#fff;font-weight:700}.primary:hover{filter:brightness(1.08)}.soft{box-shadow:inset 0 0 0 1px #ffffff14}.wide{width:100%;margin:0 0 8px}.danger-ghost{border-color:#6b3a42;color:#ff9ba6;background:#2b2024}.icon-btn{width:36px;height:36px;padding:0;font-size:19px}.divider{height:1px;background:var(--line);margin:14px 0}.stack{display:flex;flex-direction:column;gap:8px}.home{min-height:100vh;padding:70px 7vw;background:radial-gradient(circle at 20% 10%,rgba(147,137,222,.15),transparent 35%),radial-gradient(circle at 85% 80%,rgba(239,155,187,.12),transparent 30%),#111216}.hero{max-width:920px;margin:0 auto 48px;text-align:center}.brand-mark{width:74px;height:74px;border-radius:24px;margin:0 auto 22px;display:grid;place-items:center;font-size:25px;font-weight:900;background:linear-gradient(145deg,#a093ff,#ffb2ce);box-shadow:0 16px 55px #9389de4d}.hero h1{font-size:42px;margin:0 0 12px;letter-spacing:-1.2px}.hero h1 span{font-size:15px;vertical-align:top;color:#bcb2ff}.hero p{margin:0;color:#aeb2bd;font-size:17px}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1050px;margin:0 auto}.mode-card{text-align:left;padding:29px;border-radius:21px;min-height:160px;background:linear-gradient(145deg,#1b1d24,#20232a);box-shadow:var(--shadow);border:1px solid #30343f}.mode-card b{display:block;font-size:25px;margin-bottom:13px}.mode-card span{display:block;line-height:1.65;color:#aeb3c0}.mode-card.photo:hover{border-color:#a69bff;transform:translateY(-2px)}.mode-card.gif:hover{border-color:#f3a6c2;transform:translateY(-2px)}.recent{max-width:1050px;margin:44px auto}.section-title{display:flex;align-items:baseline;gap:12px}.section-title h2{font-size:17px}.section-title span{color:var(--muted);font-size:12px}.recent-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.recent-card,.empty-card{padding:15px;text-align:left;background:#191b21;border:1px solid #2b2f38;border-radius:13px}.recent-card b,.recent-card span{display:block}.recent-card span{font-size:11px;color:var(--muted);margin-top:7px}.studio{height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:58px;flex:none;display:grid;grid-template-columns:240px 1fr auto;align-items:center;padding:0 12px;border-bottom:1px solid var(--line);background:#17191f;z-index:20}.topbar-left,.topbar-center,.topbar-right{display:flex;align-items:center;gap:7px}.topbar-center{justify-content:center}.topbar-right{justify-content:flex-end}.studio-title{display:flex;align-items:baseline;gap:6px}.studio-title b{font-size:14px}.studio-title span{font-size:10px;color:#a49afb}.hold-btn:active{background:#6a5cca}.size-badge{font-size:11px;padding:7px 9px;border-radius:999px;background:#252832;color:#aeb3bd}.size-badge.ok{color:#87e6bd;background:#173329}.size-badge.warn{color:#ffd489;background:#392f1b}.size-badge.bad{color:#ff9ca7;background:#3d2025}.editor-grid{display:grid;grid-template-columns:70px 300px minmax(480px,1fr) 278px;min-height:0;flex:1}.tool-rail{background:#15171c;border-right:1px solid var(--line);padding:8px 5px;display:flex;flex-direction:column;gap:3px;overflow:auto}.tool-rail button{border:0;background:transparent;border-radius:10px;padding:9px 3px;color:#9da3b0}.tool-rail button i{display:block;font-style:normal;font-size:19px;height:24px;color:#d5d8df}.tool-rail button span{font-size:10px}.tool-rail button:hover,.tool-rail button.active{background:#262934;color:#fff}.tool-rail button.active i{color:#b2a7ff}.panel{background:var(--panel);overflow:auto;min-height:0}.left-panel{border-right:1px solid var(--line);padding:14px}.right-panel{border-left:1px solid var(--line);padding:12px}.side-title h3{margin:0 0 4px;font-size:16px}.side-title p{margin:0 0 14px;color:var(--muted);font-size:11px;line-height:1.55}.mini-heading{font-size:10px;color:#b5bac5;text-transform:uppercase;letter-spacing:.7px;margin:16px 0 7px}.control-row{display:block;margin:10px 0}.control-label{display:flex;justify-content:space-between;font-size:11px;color:#d4d6de;margin-bottom:5px}.control-label output{color:#9e94ff}.control-row input[type=range]{width:100%;accent-color:#9389de}.field{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#c7cad3;margin:8px 0}.field input,.field select,.field textarea,select,textarea{background:#22252d;color:#edf0f5;border:1px solid #353a46;border-radius:8px;padding:8px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8f84ea}.color-field{display:grid;grid-template-columns:1fr 50px;align-items:center}.color-field input{height:34px;padding:2px;width:50px}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.button-grid button.active{border-color:#9b90fa;background:#393451}.switch-row{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#22252d;border-radius:10px;margin-bottom:10px}.toggle-list{display:flex;flex-direction:column;gap:8px;font-size:11px;background:#22252d;padding:10px;border-radius:9px;margin:10px 0}.info-box{padding:11px;border-radius:9px;background:#222631;border:1px solid #303646;color:#aeb5c4;font-size:11px;line-height:1.6;margin:10px 0}.subcard{padding:10px;background:#22252d;border:1px solid #303541;border-radius:10px}.subcard>b{font-size:11px}.empty-small{padding:12px;color:#858c99;font-size:11px;text-align:center}.color-chips{display:flex;gap:7px;margin:9px 0}.color-chips button{width:30px;height:30px;border-radius:50%;padding:0;border:2px solid #4a4f5a}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.preset-card{text-align:left;padding:8px;min-height:76px}.preset-card.active{outline:2px solid #9488f2;background:#312e42}.preset-card b,.preset-card small{display:block}.preset-card b{font-size:11px;margin-top:5px}.preset-card small{font-size:8px;color:#8f95a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-swatch{display:block;height:22px;border-radius:6px;background:linear-gradient(120deg,#cfd8ff,#fff1f7)}.preset-swatch.cool{background:linear-gradient(120deg,#a9d7ff,#d7ceff)}.preset-swatch.warm{background:linear-gradient(120deg,#ffd6b3,#ffc9dc)}.preset-swatch.night{background:linear-gradient(120deg,#27355f,#6a4c85)}.preset-swatch.character{background:linear-gradient(120deg,#bdeeff,#ffd6ec)}.preset-swatch.environment{background:linear-gradient(120deg,#a8dbb2,#cce8ff)}.preset-swatch.mood{background:linear-gradient(120deg,#b4b6e8,#edc9e3)}.canvas-area{background:#0d0e12;display:flex;flex-direction:column;min-width:0;min-height:0}.canvas-toolbar{height:42px;padding:6px 12px;display:flex;align-items:center;justify-content:space-between;background:#17191e;border-bottom:1px solid #242831;color:#a9aeb8;font-size:11px}.canvas-toolbar div{display:flex;gap:5px}.canvas-toolbar button{padding:5px 8px;font-size:10px}.canvas-stage{position:relative;flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:34px;background-image:linear-gradient(45deg,#17191d 25%,transparent 25%),linear-gradient(-45deg,#17191d 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#17191d 75%),linear-gradient(-45deg,transparent 75%,#17191d 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}.canvas-stage canvas{display:block;max-width:100%;max-height:100%;box-shadow:0 20px 60px #0000007a;background:#25272e;touch-action:none}.drop-hint{position:absolute;inset:34%;border:1px dashed #535866;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#818896;font-size:12px;pointer-events:none}.statusbar{height:28px;background:#17191e;border-top:1px solid #252832;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#858b96;font-size:9px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px}.panel-head button{font-size:9px;padding:5px 7px}.panel-head span{color:#7f8692;font-size:9px}.layer-list{display:flex;flex-direction:column;gap:4px}.layer-row{display:grid;grid-template-columns:23px 22px 1fr auto;align-items:center;gap:4px;background:#20232a;padding:6px;border:1px solid transparent;border-radius:8px;cursor:pointer}.layer-row.active{border-color:#796ee0;background:#29263c}.layer-row .vis{border:0;background:transparent;padding:0;color:#9da2ad}.layer-row b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-row small{font-size:8px;color:#7f8691}.layer-icon{text-align:center;color:#c3bedf}.history-list{display:flex;flex-direction:column;gap:3px}.history-row{font-size:9px;color:#8e949f;padding:4px 2px}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.asset-card{position:relative;background:#24262e;border:1px solid #333743;border-radius:9px;overflow:hidden}.asset-card img{width:100%;height:85px;object-fit:contain;background:#15161a;cursor:pointer}.asset-card span{display:block;padding:5px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.asset-del{position:absolute;right:4px;top:4px;width:23px;height:23px;padding:0;border-radius:50%;background:#15171dd9}.asset-row{display:flex;width:100%;gap:8px;align-items:center;margin:4px 0;text-align:left}.gradient-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.gradient-presets button{height:50px;text-shadow:0 1px 3px #000;color:#fff;font-weight:700}.gif-grid{display:grid;grid-template-columns:70px 310px minmax(500px,1fr) 285px;grid-template-rows:minmax(0,1fr) 160px;min-height:0;flex:1}.gif-tools{grid-row:1/3}.gif-center{background:#0d0e12;display:flex;flex-direction:column;align-items:center;min-height:0}.gif-preview-toolbar{height:46px;width:100%;display:flex;align-items:center;justify-content:center;gap:7px;background:#17191e;border-bottom:1px solid var(--line);font-size:10px}.gif-preview-toolbar label{display:flex;gap:5px;align-items:center;color:#9ea4af}.gif-preview-wrap{position:relative;flex:1;width:100%;display:flex;align-items:center;justify-content:center;min-height:0;background:radial-gradient(circle,#252834 0,#111318 56%,#0d0e12)}.gif-preview-wrap canvas{width:min(68vh,520px);height:min(68vh,520px);max-width:80%;max-height:80%;border-radius:50%;box-shadow:0 20px 70px #00000080;touch-action:none}.circle-guide{position:absolute;width:min(68vh,520px);height:min(68vh,520px);max-width:80%;max-height:80%;aspect-ratio:1;border:1px dashed rgba(255,255,255,.15);border-radius:50%;pointer-events:none}.gif-hint{height:28px;font-size:9px;color:#777f8b}.timeline-shell{grid-column:2/5;background:#17191e;border-top:1px solid var(--line);padding:8px 12px;overflow:hidden}.timeline-top{display:flex;align-items:center;gap:9px;height:24px;font-size:10px}.timeline-top span{color:#7d838d;font-size:9px}.timeline-ruler{display:flex;justify-content:space-between;padding:0 10px 4px;color:#666d77;font-size:8px;border-bottom:1px solid #272a33}.gif-timeline{height:94px;display:flex;align-items:center;gap:5px;overflow:auto;padding:8px 3px}.timeline-scene{height:72px;min-width:92px;max-width:280px;display:grid;grid-template-columns:22px 1fr;grid-template-rows:1fr 1fr;gap:1px 5px;align-items:center;padding:7px;background:#252832;border:1px solid #363a46;border-radius:8px;cursor:pointer}.timeline-scene.active{border-color:#a092ff;background:#302c43}.timeline-scene>span{grid-row:1/3;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#3b3e49;font-size:9px}.timeline-scene b{font-size:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.timeline-scene small{font-size:8px;color:#9298a4}.timeline-scene em{display:none}.scene-card{width:100%;display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;text-align:left;margin:5px 0}.scene-card>span{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:#353845}.scene-card div b,.scene-card div small{display:block}.scene-card small{font-size:9px;color:#8b919c;margin-top:3px}.scene-card.active{border-color:#998df4;background:#302c43}.effect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;max-height:390px;overflow:auto}.effect-grid.compact{max-height:260px}.effect-grid button{font-size:9px;padding:7px}.effect-grid button.active{border-color:#968af0;background:#332f48}.quick-effects{display:grid;grid-template-columns:1fr 1fr;gap:5px}.quick-effects button{font-size:9px}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:9999;display:flex;flex-direction:column;gap:7px}.toast{min-width:240px;max-width:380px;padding:12px 14px;border-radius:10px;background:#252831;border:1px solid #373c48;color:#eef0f4;box-shadow:0 13px 35px #00000059;font-size:11px;opacity:0;transform:translateY(8px);transition:.22s}.toast.show{opacity:1;transform:none}.toast.success{border-color:#3e725f}.toast.error{border-color:#7c3945}@media (max-width:1280px){.editor-grid{grid-template-columns:64px 270px minmax(420px,1fr) 240px}.gif-grid{grid-template-columns:64px 280px minmax(440px,1fr) 245px}.topbar{grid-template-columns:210px 1fr auto}.topbar button{font-size:10px;padding:7px}.recent-list{grid-template-columns:repeat(2,1fr)}}.view-modes{display:flex;gap:4px;align-items:center}.view-modes button.active,.view-button-grid button.active{background:#3a3457;border-color:#9b8cff;color:#fff}.view-button-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:7px 0 12px}.manual-edge-card{padding:11px;margin:10px 0;background:linear-gradient(145deg,#22252e,#1f2229);border:1px solid #393e4b;border-radius:12px}.manual-edge-card>b{display:block;font-size:11px;margin-bottom:8px;color:#eff3f8}.glow-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 12px}.glow-preset-grid button{min-height:42px;font-size:9px;text-shadow:0 1px 4px #000;color:#fff;font-weight:700}.transition-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:290px;overflow:auto;padding-right:2px}.transition-card{text-align:left;padding:6px;background:#22252d}.transition-card.active{outline:2px solid #9286ed;background:#302c43}.transition-card b,.transition-card small{display:block}.transition-card b{font-size:9px;margin-top:5px}.transition-card small{font-size:7px;color:#777e8a}.effect-preview{position:relative;display:block;height:44px;border-radius:6px;overflow:hidden;background:#14161b}.effect-preview i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-weight:800;color:#fff;font-size:13px}.effect-preview i:first-child{background:linear-gradient(135deg,#897cff,#c5bcff)}.effect-preview i:last-child{background:linear-gradient(135deg,#ff9fc2,#ffd2e4);transform:translate(100%)}.transition-card:hover .effect-preview i:first-child{animation:previewA 1.2s infinite}.transition-card:hover .effect-preview i:last-child{animation:previewB 1.2s infinite}.transition-card:hover .effect-preview.cute{box-shadow:inset 0 0 18px #ffb8d7}.transition-card:hover .effect-preview.fancy{filter:saturate(1.4);box-shadow:inset 0 0 20px #aeeaff}.transition-card:hover .effect-preview.dynamic{transform:scale(.98)}@keyframes previewA{0%,20%{transform:translate(0);opacity:1}70%,to{transform:translate(-100%);opacity:.15}}@keyframes previewB{0%,20%{transform:translate(100%);opacity:.1}70%,to{transform:translate(0);opacity:1}}.overlay-layer-list{display:flex;flex-direction:column;gap:5px;margin:7px 0}.overlay-layer{display:grid;grid-template-columns:24px 1fr auto;gap:5px;align-items:center;padding:7px;background:#22252d;border:1px solid #303541;border-radius:8px;cursor:pointer}.overlay-layer.active{border-color:#9389de;background:#302d43}.overlay-layer .vis{padding:0;border:0;background:transparent}.overlay-layer b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlay-layer small{font-size:8px;color:#8c929e}.overlay-thumb{height:80px;background:#101115;display:grid;place-items:center;overflow:hidden}.overlay-thumb img{width:100%;height:100%;object-fit:contain}.timeline-track.scenes-track{display:flex;gap:5px;align-items:stretch;min-width:100%;height:72px}.layer-tracks{position:relative;display:flex;flex-direction:column;gap:3px;min-width:100%;margin-top:5px}.layer-track{display:grid;grid-template-columns:110px minmax(500px,1fr);align-items:center;gap:7px;min-height:24px}.layer-track>span{font-size:8px;color:#9da3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-lane{position:relative;height:20px;background:#20232a;border-radius:5px;overflow:hidden}.track-bar{position:absolute;top:2px;height:16px;min-width:20px;padding:0 5px;border:0;border-radius:4px;background:linear-gradient(90deg,#7669d7,#a58cf1);font-size:7px;color:#fff;white-space:nowrap;overflow:hidden}.track-bar.active{outline:1px solid #fff}.gif-timeline{height:118px;display:block;padding:6px 3px}.timeline-shell{height:auto}.asset-card.overlay-asset span{font-size:8px}.statusbar span{white-space:nowrap}.canvas-toolbar{gap:8px}.canvas-toolbar>span{min-width:120px}.ai-edge-box{display:grid;gap:7px;margin:10px 0 12px;padding:10px;border:1px solid rgba(109,246,255,.22);background:#4ce1ff0e;border-radius:12px}.ai-edge-box small{line-height:1.45;color:var(--muted,#9aa2b4)}.ai-edge-box button:disabled{opacity:.65;cursor:wait}.light-compass{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:7px 0}.light-compass button{font-size:16px;padding:6px}.light-compass button.active{background:#3a3457;border-color:#9b8cff}.effect-search{width:100%;background:#22252d;color:#fff;border:1px solid #363b47;border-radius:9px;padding:9px;margin-bottom:7px}.effect-filter-row{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.effect-filter-row button{padding:5px 7px;font-size:9px}.effect-filter-row button.active{background:#3a3457;border-color:#9286ed}.effect-count{font-size:9px;color:#858c98;margin-bottom:6px}.transition-card-grid.v2{grid-template-columns:1fr;max-height:560px}.transition-effect-card{display:grid;grid-template-columns:112px 1fr;gap:8px;align-items:center;padding:6px;border:1px solid #343946;border-radius:10px;background:#22252d;cursor:grab}.transition-effect-card:hover{border-color:#9389de;background:#2c293e}.transition-effect-card canvas{width:112px;height:62px;border-radius:7px;background:#111}.effect-meta b,.effect-meta small{display:block}.effect-meta b{font-size:9px;line-height:1.35}.effect-meta small{font-size:7px;color:#858b98;margin-top:4px}.effect-split-heading{display:flex;justify-content:space-between;align-items:center;margin:15px 0 6px;padding:8px;border-radius:8px;background:#242732}.effect-split-heading b{font-size:10px}.effect-split-heading span{font-size:8px;color:#978df3}.font-actions{display:flex;gap:6px}.font-actions button{flex:1;font-size:9px}.border-grid-v2{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:430px;overflow:auto}.border-preview-card{padding:5px;display:flex;flex-direction:column;align-items:center;gap:4px}.border-preview-card.active{border-color:#9488f2;background:#322e47}.border-preview-card canvas{width:86px;height:86px;border-radius:50%;background:#15161a}.border-preview-card span{font-size:8px}.decor-grid-v2{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:360px;overflow:auto}.decor-grid-v2 button{padding:5px}.decor-grid-v2 button.active{border-color:#9389de;background:#322e47}.decor-grid-v2 canvas{width:92px;height:58px;display:block;border-radius:6px}.decor-grid-v2 span{display:block;font-size:8px;margin-top:4px}.legend-box{display:grid;grid-template-columns:1fr 1fr;gap:5px}.legend-box span{padding:6px;border-radius:7px;background:#22252d;font-size:8px;color:#b8bdc7}.inspector-transition{padding:8px;border-radius:8px;background:#242732;color:#cfc9ff;font-size:9px;margin-bottom:8px}.timeline-scenes-v2{display:flex;align-items:center;gap:4px;min-width:max-content;height:64px}.timeline-scene-v2{width:120px;height:58px;text-align:left;padding:7px;display:flex;flex-direction:column;gap:2px}.timeline-scene-v2.active{border-color:#9b90fa;background:#302c43}.timeline-scene-v2 b{font-size:9px}.timeline-scene-v2 span{font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-scene-v2 small{font-size:7px;color:#8e95a2}.transition-slot{width:68px;height:44px;border:1px dashed #585e6c;border-radius:8px;display:grid;place-items:center;text-align:center;padding:4px;font-size:7px;color:#aeb4c0;background:#1e2027;cursor:pointer;transition:.15s}.transition-slot:hover,.transition-slot.dragover{border-color:#a79aff;background:#38324f;color:#fff;transform:scale(1.04)}.timeline-layer-tracks-v2{display:flex;flex-direction:column;gap:3px;margin-top:5px;min-width:850px}.layer-track.v2{grid-template-columns:90px minmax(650px,1fr)}.track-bar-v2{position:absolute;top:2px;height:16px;border-radius:5px;background:linear-gradient(90deg,#6f63dd,#b08ef0);min-width:18px}.track-bar-v2 b{position:absolute;inset:0;display:grid;place-items:center;font-size:7px;pointer-events:none}.track-bar-v2 .handle{position:absolute;top:0;width:7px;height:16px;background:#fff9;border-radius:4px;cursor:ew-resize}.track-bar-v2 .handle.left{left:-2px}.track-bar-v2 .handle.right{right:-2px}.gif-timeline.v2{height:128px;overflow:auto}.gif-studio-v2 .timeline-shell{min-height:158px}.gif-studio-v2 .gif-grid{grid-template-rows:minmax(0,1fr) 170px}.mini-effect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:320px;overflow:auto;padding:4px 1px 10px}.mini-effect-grid.text{max-height:420px}.mini-effect-card{padding:5px;background:#1b1d24;border:1px solid #30333d;border-radius:10px;display:flex;flex-direction:column;gap:5px;align-items:stretch;color:#ddd;overflow:hidden}.mini-effect-card:hover{border-color:#8c82ea;background:#22242d}.mini-effect-card canvas{width:100%;height:52px;object-fit:cover;border-radius:7px;background:#20222b}.mini-effect-card span{font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.preview-status{font-size:11px;color:#aeb6c8;padding:4px 8px;border-radius:999px;background:#171920;border:1px solid #30343f;white-space:nowrap}.optimizer-status{margin-top:10px;padding:10px 12px;border-radius:10px;background:#181a21;border:1px solid #343845;font-size:12px;line-height:1.5;color:#c8cede}.optimizer-status.ok{border-color:#39795a;color:#baf3d0}.optimizer-status.warn{border-color:#9a6c2f;color:#ffd29a}.overlay-layer-row{display:grid;grid-template-columns:30px 1fr 30px 30px 30px;gap:5px;align-items:center;margin:6px 0;padding:6px;border:1px solid #313541;border-radius:9px;background:#1a1c23}.overlay-layer-row.active{border-color:#8f83dc;background:#242238}.overlay-layer-row button{min-width:0;padding:6px}.overlay-layer-name{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-row.active{outline:1px solid #9186df;background:#28253c}