.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{font-family:monospace;-webkit-user-select:text;user-select:text;white-space:pre}.xterm .xterm-accessibility-tree>div{transform-origin:left;width:fit-content}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;background:#0000;transition:opacity .1s linear;z-index:11}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{position:absolute;display:none}.xterm .xterm-scrollable-element>.shadow.top{display:block;top:0;left:3px;height:3px;width:100%;box-shadow:var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.left{display:block;top:3px;left:0;height:100%;width:3px;box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.top-left-corner{display:block;top:0;left:0;height:3px;width:3px}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}:root{--bg: #141316;--panel: #1c1b20;--panel-2: #232228;--raised: #2c2b32;--hover: #35343c;--text: #f2eff4;--dim: #9a96a1;--faint: #66636c;--pink: #ff4fa3;--pink-deep: #e0457b;--pink-soft: rgba(255, 79, 163, .16);--lilac: #b79cff;--mint: #6ee7c8;--butter: #ffd86b;--sky: #7cc4ff;--shadow: 0 6px 24px rgba(0, 0, 0, .35);--mono: "JetBrains Mono", ui-monospace, monospace;--r: 10px;--danger: #ff8a8a;--fs-xs: 11px;--fs-sm: 12px;--fs: 13px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 24px;--t-fast: .1s;--t: .3s;--ease-enter: cubic-bezier(.16, 1, .3, 1);--ease-exit: cubic-bezier(.7, 0, .84, 0);--ease-toggle: cubic-bezier(.65, 0, .35, 1);color-scheme:dark}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}:focus-visible{outline:2px solid var(--pink);outline-offset:2px;border-radius:6px}:focus:not(:focus-visible){outline:none}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0;vertical-align:middle}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.4 Pretendard Variable,Pretendard,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{white-space:nowrap;border:0;background:var(--raised);border-radius:8px;padding:6px 10px;cursor:pointer;min-height:28px;transition:background var(--t-fast) var(--ease-toggle),color var(--t-fast) var(--ease-toggle),transform var(--t-fast) var(--ease-toggle)}button:hover{background:var(--hover)}button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--pink);color:#fff;font-weight:700}button.primary:hover{background:var(--pink-deep)}button.ghost{background:transparent}button.ghost:hover{background:var(--raised)}button.on{background:var(--pink-soft);color:var(--pink)}input[type=text],input[type=number],input[type=search],textarea,select{border:0;background:var(--bg);border-radius:7px;padding:6px 8px;outline:none;min-width:0}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 2px var(--pink-soft)}textarea{resize:vertical;width:100%;font-size:14px}input[type=color]{border:0;padding:0;width:26px;height:26px;background:none;border-radius:6px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;width:100%;height:18px;margin:0}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:var(--raised)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--text);margin-top:-5px;box-shadow:0 1px 4px #00000080}input[type=range]:hover::-webkit-slider-thumb{background:var(--pink)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--raised);border-radius:8px}::-webkit-scrollbar-track{background:transparent}.app{height:100%;display:grid;gap:6px;padding:0 6px 6px;position:relative;grid-template-columns:var(--left-w, 360px) minmax(200px,1fr) var(--right-w, 340px);grid-template-rows:44px minmax(0,1fr) var(--tl-h, 300px);grid-template-areas:"top top top" "left view right" "tl tl tl";transition:grid-template-columns var(--t) var(--ease-enter),grid-template-rows var(--t) var(--ease-enter)}body.resizing .app{transition:none}.app.hide-left .left,.app.hide-right .right,.app.hide-tl .tl{visibility:hidden;transition:visibility 0s linear var(--t)}.app.hide-left .view,.app.hide-left .edge-tabs{margin-left:-6px}.app.hide-right .view,.app.hide-right .edge-tabs{margin-right:-6px}.app.hide-tl .view,.app.hide-tl .edge-tabs,.app.hide-tl .right,.app.hide-tl .left{margin-bottom:-6px}.mode-plan .edge-tabs{display:none}.edge-tabs{grid-area:view;position:relative;pointer-events:none;z-index:6}.edge-tab{position:absolute;pointer-events:auto;display:grid;place-items:center;padding:0;min-height:0;background:var(--raised);color:var(--dim);box-shadow:var(--shadow);opacity:.75;animation:edge-in var(--t) var(--ease-enter)}.edge-tab:hover{background:var(--pink-soft);color:var(--pink);opacity:1}.edge-tab.et-left{left:0;top:calc(50% - 32px);width:16px;height:64px;border-radius:0 8px 8px 0}.edge-tab.et-right{right:0;top:calc(50% - 32px);width:16px;height:64px;border-radius:8px 0 0 8px}.edge-tab.et-tl{bottom:0;left:calc(50% - 32px);width:64px;height:16px;border-radius:8px 8px 0 0}@keyframes edge-in{0%{opacity:0}}.top{grid-area:top;display:flex;align-items:center;gap:8px;padding-left:78px;-webkit-app-region:drag}.top>*{-webkit-app-region:no-drag}.brand{font-weight:800;letter-spacing:-.02em;font-size:15px;-webkit-app-region:drag}.brand b{color:var(--pink)}.spacer{flex:1;-webkit-app-region:drag;align-self:stretch}.panel{background:var(--panel);border-radius:12px;min-height:0;overflow:hidden;display:flex;flex-direction:column}.left{grid-area:left}.right{grid-area:right}.view{grid-area:view}.tl{grid-area:tl}.tabs{display:flex;gap:2px;padding:6px;background:var(--panel-2);flex-wrap:wrap}.tabs button{background:transparent;padding:6px 9px;color:var(--dim);font-weight:600}.tabs button.on{background:var(--raised);color:var(--text)}.scroll{overflow:auto;min-height:0;flex:1;padding:10px}.section{background:var(--panel-2);border-radius:var(--r);padding:10px 12px;margin-bottom:8px}.section h4{margin:0 0 8px;font-size:12px;color:var(--dim);font-weight:700;display:flex;align-items:center;gap:6px}.section h4 .grow{flex:1}.row{display:grid;grid-template-columns:74px 1fr 52px 18px;align-items:center;gap:8px;min-height:26px}.row label{color:var(--dim);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row input[type=number]{width:52px;padding:3px 5px;font-family:var(--mono);font-size:11px;text-align:right}.kf{width:18px;height:18px;padding:0;background:transparent;color:var(--faint);font-size:11px;line-height:18px}.kf.has{color:var(--lilac)}.kf.at{color:var(--pink)}.inline{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:5px 10px;border-radius:999px;background:var(--raised);font-size:12px}.chip.on{background:var(--pink-soft);color:var(--pink);font-weight:700}.chip .dot{margin-right:5px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.card{background:var(--panel-2);border-radius:var(--r);padding:10px;cursor:pointer;transition:background .12s,transform .1s}.card:hover{background:var(--raised);transform:translateY(-1px)}.muted{color:var(--dim)}.small{font-size:11px}.mono{font-family:var(--mono)}.empty{color:var(--dim);text-align:center;padding:24px 8px;font-size:var(--fs-sm);line-height:1.5}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--raised);padding:10px 16px;border-radius:10px;box-shadow:var(--shadow);z-index:100;font-weight:600}.modal-back{position:fixed;inset:0;background:#00000080;display:grid;place-items:center;z-index:50}.modal{background:var(--panel);border-radius:14px;box-shadow:var(--shadow);padding:18px;width:min(440px,92vw);animation:modal-in var(--t) var(--ease-enter)}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.toast{animation:modal-in var(--t) var(--ease-enter)}.progress{height:6px;background:var(--raised);border-radius:6px;overflow:hidden}.progress>div{height:100%;background:var(--pink);transition:width .1s}.splitter{position:absolute;z-index:20}.splitter.v{width:6px;cursor:col-resize}.splitter.h{height:6px;cursor:row-resize}.splitter:after{content:"";position:absolute;border-radius:3px;background:transparent;transition:background .15s}.splitter.v:after{left:2px;width:2px;top:30%;bottom:30%}.splitter.h:after{top:2px;height:2px;left:40%;right:40%}.splitter:hover:after,.splitter:active:after{background:var(--pink)}.rail{width:62px;flex-shrink:0;background:var(--panel-2);display:flex;flex-direction:column;gap:0;padding:6px;overflow-y:auto;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail button{background:transparent;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;flex-shrink:0;color:var(--dim);border-radius:10px}.rail button span{font-size:var(--fs-xs);font-weight:600;letter-spacing:-.02em;white-space:nowrap}.rail button:hover{background:var(--raised);color:var(--text)}.rail button.on{background:var(--pink-soft);color:var(--pink)}.panel-title{padding:14px 14px 6px;font-weight:800;font-size:var(--fs-md);letter-spacing:-.01em}.seg{position:sticky;top:-10px;z-index:5;display:flex;gap:2px;padding:4px;margin:-4px -4px 10px;background:var(--panel);border-radius:12px}.seg button{flex:1;padding:7px 0;background:transparent;color:var(--dim);font-weight:700;font-size:12px;border-radius:9px;white-space:nowrap}.seg button.on{background:var(--raised);color:var(--text);box-shadow:0 1px 6px #00000040}.top{white-space:nowrap;min-width:0}.tb-group{display:flex;gap:2px;padding:2px;background:var(--panel);border-radius:10px}.icon-btn{background:transparent;padding:6px 8px;color:var(--dim);display:grid;place-items:center}.icon-btn:hover{background:var(--raised);color:var(--text)}.icon-btn.on{background:var(--pink-soft);color:var(--pink)}.icon-btn:disabled{opacity:.3}.proj-name{color:var(--dim);max-width:220px;overflow:hidden;text-overflow:ellipsis}.proj-name:hover{color:var(--text)}.web-badge{font-size:11px;font-weight:700;color:var(--butter);background:#ffd86b1f;padding:3px 8px;border-radius:999px;cursor:help}.view-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--panel);white-space:nowrap;min-width:0;overflow:hidden}.tl-bar{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--panel-2);white-space:nowrap;overflow:hidden}.tl-bar button{display:flex;align-items:center;gap:5px}.tl-bar .sep{width:1px;height:18px;background:var(--hover);margin:0 6px}.insp-head{display:flex;align-items:center;gap:6px;padding:10px 12px;background:var(--panel-2);min-height:48px}.insp-head .kind{font-size:11px;font-weight:700;color:var(--pink);background:var(--pink-soft);padding:2px 8px;border-radius:999px}.insp-head .name{font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insp-head button{padding:4px 8px;font-size:12px;background:transparent;color:var(--dim)}.insp-head button:hover:not(:disabled){background:var(--raised);color:var(--text)}@media(max-width:1000px){.top .brand b+*{display:none}.web-badge{display:none}.tl-bar button{font-size:0;gap:0}.tl-bar button svg{margin:0}.seg button{font-size:11px}}@media(max-height:940px){.rail{padding:4px 5px}.rail button{padding:3px 2px;gap:1px}.rail button svg{width:17px;height:17px}.rail button span{font-size:10px}}@media(max-height:660px){.rail button span{display:none}}.motion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px}.motion-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px 7px;border-radius:10px;background:var(--raised);white-space:normal}.motion-tile:hover{background:#33303a}.motion-stage{width:100%;height:40px;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:radial-gradient(circle at 50% 50%,#3a2a35,#1d1c21)}.motion-glyph{font-weight:800;font-size:20px;color:#fff;-webkit-text-stroke:.5px #ff4fa3;display:inline-block;will-change:transform}.motion-name{font-size:11px;line-height:1.2;text-align:center;color:var(--dim)}.seg-inline{position:static;margin:0 0 8px;background:var(--bg, #141317)}.font-dl{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px;border-radius:10px;background:var(--raised)}.font-dl .small{flex-basis:100%}.font-dl a{text-decoration:none;color:var(--text)}.font-dl .faint{color:var(--faint);font-size:11px}.sfx-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sfx-chip{display:flex;align-items:stretch;border-radius:9px;background:var(--raised);overflow:hidden}.sfx-chip button{background:transparent;border-radius:0}.sfx-play{width:30px;padding:0;color:var(--pink);font-size:11px}.sfx-play:hover,.sfx-add:hover{background:var(--hover)}.sfx-add{flex:1;text-align:left;padding:7px 8px 7px 2px;font-size:12px;overflow:hidden;text-overflow:ellipsis}.ctx{position:fixed;z-index:60;min-width:210px;padding:5px;background:var(--raised);border-radius:10px;box-shadow:var(--shadow);display:grid}.ctx-item{background:transparent;text-align:left;padding:7px 10px;border-radius:7px;font-size:12.5px;color:var(--text)}.ctx-item:hover:not(:disabled){background:var(--pink);color:#fff}.ctx-item:disabled{color:var(--faint)}.ctx-sep{height:1px;margin:4px 6px;background:#ffffff14}.tl-bar button.off{color:var(--faint)}.car-strip{padding:6px 10px 4px;background:var(--panel-2);border-radius:12px 12px 0 0}.car-tools{display:flex;align-items:center;gap:6px;margin-bottom:6px}.car-slides{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.car-slide{position:relative;flex-shrink:0;width:64px;height:80px;padding:0;border-radius:8px;background:var(--raised);overflow:hidden;display:grid;place-items:center}.car-slide img{width:100%;height:100%;object-fit:cover;display:block}.car-slide.on{outline:2px solid var(--pink)}.car-slide.add{color:var(--dim);font-size:22px}.car-num{position:absolute;left:4px;top:3px;font-size:10px;font-weight:700;background:#0009;color:#fff;padding:0 5px;border-radius:4px}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.cal-h{font-size:10px;color:var(--faint);text-align:center;padding:2px 0}.cal-d{min-height:58px;border-radius:7px;background:var(--panel-2);padding:3px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.cal-d.slot{background:var(--raised)}.cal-d.today{outline:1.5px solid var(--pink)}.cal-n{font-size:10px;color:var(--dim)}.cal-it{background:var(--bg);border-left:3px solid var(--faint);border-radius:4px;padding:2px 4px;font-size:10px;text-align:left;line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cal-f{color:var(--pink);margin-right:3px}.brand{background:transparent;padding:4px 6px;border-radius:8px;-webkit-app-region:no-drag}.brand:hover{background:var(--panel)}.mode-seg{display:flex;gap:2px;padding:3px;background:var(--panel);border-radius:10px;-webkit-app-region:no-drag}.mode-seg button{background:transparent;color:var(--dim);font-weight:700;padding:5px 14px;border-radius:8px}.mode-seg button:hover{color:var(--text);background:var(--raised)}.mode-seg button.on{background:var(--raised);color:var(--text);box-shadow:0 1px 6px #00000040}.mode-plan .top .proj-name,.mode-plan .top .tb-group:first-of-type,.mode-plan .top>.primary{display:none}.modal.home{width:min(760px,94vw);padding:24px 28px 22px}.home-head{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}.home-head h1{margin:0;font-size:var(--fs-xl);font-weight:800;letter-spacing:-.02em}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-card{background:var(--panel-2);border-radius:14px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:10px}.home-card h2{margin:0;font-size:var(--fs-lg);font-weight:800;letter-spacing:-.01em}.home-card p{margin:0 0 4px;font-size:var(--fs);line-height:1.45}.home-card .primary{margin-top:auto;align-self:flex-start;padding:9px 16px}.home-emoji{font-size:30px;line-height:1}.home-foot{margin-top:18px;display:flex;flex-direction:column;gap:10px}.home-foot .inline .ghost,.plan-tools .ghost,.slide-board-tl{display:inline-flex;align-items:center;gap:6px}.home-recent{display:grid;gap:2px}.home-recent-row{display:flex;align-items:center;gap:2px}.home-recent-row>.ghost{flex:1;display:flex;align-items:center;gap:10px;text-align:left;padding:7px 10px}.home-recent-row .home-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:600}.home-recent-row .icon-btn{opacity:0}.home-recent-row:hover .icon-btn,.home-recent-row:focus-within .icon-btn{opacity:1}@media(max-width:760px){.home-grid{grid-template-columns:1fr}}.slide-board{display:flex;flex-direction:column}.slide-board-main{display:grid;grid-template-columns:1fr 300px;min-height:0;flex:1}.slide-board-strip{min-width:0;display:flex;flex-direction:column}.slide-board .car-strip{background:transparent;border-radius:0;padding:10px 14px 6px;flex:1;display:flex;flex-direction:column}.slide-board .car-slides{flex:1;align-items:center;padding:6px 2px 10px}.slide-board .car-slide{width:96px;height:120px;border-radius:10px}.slide-board .car-slide.on{outline:2px solid var(--pink);outline-offset:2px}.slide-board .car-tools b{font-size:var(--fs-md)}.slide-board-tl{align-self:flex-start;margin:0 14px 8px;color:var(--dim)}.slide-board-side{background:var(--panel-2);padding:12px 14px;display:flex;flex-direction:column;gap:6px}.slide-board-side textarea{flex:1;min-height:60px;font-size:var(--fs);resize:none}.slide-board-tl-wrap{height:220px;display:flex;flex-direction:column;background:var(--panel)}.tl-embedded{display:flex;flex-direction:column;min-height:0;flex:1}.mode-carousel .splitter.h{bottom:calc(var(--tl-h, 300px) + 6px)}.plan-ws{grid-area:2 / 1 / 4 / 4}.plan-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;height:100%;min-height:0}.plan-main{display:flex;flex-direction:column;min-height:0;padding:18px 22px 12px;gap:12px}.plan-head{display:flex;align-items:baseline;gap:14px}.plan-head h1{margin:0;font-size:var(--fs-xl);font-weight:800;letter-spacing:-.02em}.plan-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.plan-tools .seg{width:180px}.plan-side{background:var(--panel-2);padding:18px 16px;display:flex;flex-direction:column;gap:6px}.plan-side h2{margin:0 0 8px;font-size:var(--fs-md);font-weight:800}.plan-row{display:flex;gap:10px;align-items:flex-start;text-align:left;background:transparent;padding:8px 10px;border-radius:10px;white-space:normal;width:100%}.plan-row:hover{background:var(--raised)}.plan-row.on{background:var(--pink-soft)}.plan-row .dot{margin-top:5px}.plan-row-title{font-weight:700;font-size:var(--fs)}.plan-row-hook{margin-top:2px;color:var(--dim)}.cal-nav{margin-bottom:6px}.cal-month{flex:1;text-align:center;font-size:var(--fs-md)}.cal-wide{gap:6px}.cal-wide .cal-h{font-size:var(--fs-sm);padding:4px 0}.cal-wide .cal-d{min-height:104px;padding:6px;border-radius:10px;gap:3px}.cal-wide .cal-n{font-size:var(--fs-sm)}.cal-wide .cal-it{font-size:var(--fs-sm);padding:4px 6px}.cal-d.pad{background:transparent;cursor:default}.cal-d:not(.pad):hover{background:var(--hover)}.cal-it{display:flex;align-items:center;gap:4px;border-left:0}.cal-it .dot{width:6px;height:6px}.cal-it.on{outline:1.5px solid var(--pink)}.legend{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}.legend .dot{margin-right:4px}.item-editor label.small{display:block;margin:2px 0 3px}.palette-back{align-items:start;padding-top:12vh}.palette{width:min(560px,92vw);background:var(--panel);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;animation:modal-in var(--t) var(--ease-enter)}.palette input{width:100%;border-radius:0;background:var(--panel-2);padding:14px 16px;font-size:var(--fs-md)}.palette input:focus{box-shadow:none}.palette-list{max-height:50vh;overflow:auto;padding:6px}.palette-group{font-size:var(--fs-xs);font-weight:700;color:var(--faint);padding:8px 10px 3px;text-transform:uppercase;letter-spacing:.04em}.palette-item{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;text-align:left;padding:8px 10px;border-radius:8px}.palette-item.on{background:var(--pink-soft);color:var(--text)}.palette-item kbd{font:11px var(--mono);color:var(--dim);background:var(--bg);padding:2px 6px;border-radius:5px}.view-stage{flex:1;min-height:0;margin:14px;position:relative;overflow:hidden}.view-stage.hand{cursor:grab}.view-stage.panning{cursor:grabbing}.view{container-type:inline-size}.view-bar>*{flex-shrink:0}@container (max-width: 640px){.view-bar .vb-opt{display:none}}@container (max-width: 470px){.view-bar .icon-btn:not(.keep){display:none}}.view-tools{display:flex;align-items:center;gap:2px;padding:2px;border-radius:10px;background:var(--panel-2);flex-shrink:0}.view-tools>button,.view-tools .vt-pop>button{background:transparent;color:var(--dim);font-size:var(--fs-sm);font-weight:700;padding:3px 7px;min-height:26px;display:inline-flex;align-items:center;gap:4px}.view-tools>button:hover,.view-tools .vt-pop>button:hover{background:var(--raised);color:var(--text)}.view-tools button.on{background:var(--pink-soft);color:var(--pink)}.vt-pop{position:relative}.vt-menu{position:fixed;z-index:60;min-width:140px;padding:4px;display:grid;background:var(--raised);border-radius:10px;box-shadow:var(--shadow);animation:modal-in var(--t) var(--ease-enter)}.vt-menu .ctx-item{display:flex;justify-content:space-between;gap:12px}.vt-menu .ctx-item.on{color:var(--pink)}.vt-menu .ctx-item.on:hover{color:#fff}.vt-menu kbd{font:var(--fs-xs) var(--mono);opacity:.7}.tl-gap{position:absolute;top:2px;bottom:2px;border-radius:7px;pointer-events:none}.tl-gap.hover{background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff14}.tl-gap.on{background:var(--pink-soft);box-shadow:inset 0 0 0 1.5px var(--pink);display:grid;place-items:center;color:var(--pink);font-size:var(--fs-xs);font-weight:700;overflow:hidden;white-space:nowrap}.asset-card{position:relative}.asset-card.on{background:var(--pink-soft)}.asset-x{position:absolute;top:10px;right:10px;width:22px;height:22px;min-height:0;padding:0;display:grid;place-items:center;border-radius:50%;background:#000000a6;color:#fff;font-size:var(--fs-xs);opacity:0;transition:opacity var(--t-fast) var(--ease-toggle)}.asset-card:hover .asset-x,.asset-card:focus-within .asset-x,.asset-card:focus-visible .asset-x{opacity:1}.asset-x:hover{background:var(--danger);color:#141316}.asset-used{position:absolute;top:10px;left:10px;font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px;background:#000000a6;color:var(--mint);pointer-events:none}@media(hover:none){.asset-x{opacity:1;width:30px;height:30px;top:8px;right:8px}.home-recent-row .icon-btn{opacity:1}}html.phone,html.phone body{position:fixed;inset:0;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}.app.phone{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"top" "view" "tl" "bar";gap:0;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);transition:none}.app.phone.mode-plan{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"top" "view"}.app.phone .panel{border-radius:0}.app.phone button:active{transform:scale(.95)}.app.phone .top{padding:calc(env(safe-area-inset-top) + 4px) 8px 4px;min-height:52px;gap:6px;background:var(--bg)}.app.phone .top .brand{font-size:var(--fs-md);padding:8px;min-height:44px}.app.phone .top .icon-btn{min-width:44px;min-height:44px}.app.phone .top .tb-group{padding:0}.app.phone .top .tb-export{min-height:44px;padding:0 14px}.app.phone .panel-toggles,.app.phone .tb-keys,.app.phone .web-badge,.app.phone .top .proj-name,.app.phone:not(.mode-plan) .mode-seg,.app.phone .top .tb-file .icon-btn:first-child{display:none}.app.phone.mode-plan .mode-seg button{padding:10px 12px;min-height:40px}@media(max-width:360px){.app.phone .tb-export{font-size:0;gap:0!important;padding:0 12px}}.app.phone .view{background:#0c0c0e!important}.app.phone .view-stage{margin:6px;touch-action:none}.app.phone .view-empty{display:none!important}.app.phone .view-bar{padding:4px 8px;gap:4px}.app.phone .view-bar .icon-btn,.app.phone .view-tools>button,.app.phone .view-tools .vt-pop>button{min-width:40px;min-height:40px}.app.phone .view-bar>.primary{width:48px!important;height:40px!important}.app.phone .vt-menu .ctx-item{min-height:44px}.app.phone .gz-h:before{content:"";position:absolute;inset:-14px;border-radius:50%}.m-tl{grid-area:tl;position:relative;height:clamp(150px,30dvh,280px);display:flex;flex-direction:column;background:var(--panel);min-height:0}.m-tl>.panel{flex:1;min-height:0}.app.phone .tl-scroll{touch-action:pan-x pan-y;overscroll-behavior:contain;scrollbar-width:none;padding-top:2px}.app.phone .tl-scroll::-webkit-scrollbar{display:none}.app.phone .tl-clip.sel{touch-action:none}.app.phone .tl-playhead{width:2px!important;box-shadow:0 0 0 1px #00000059}.tl-grip{position:absolute;top:0;bottom:0;width:22px;touch-action:none;background:#fff;z-index:2;display:grid;place-items:center}.tl-grip:after{content:"";width:3px;height:40%;border-radius:2px;background:var(--bg)}.tl-grip.l{left:0;border-radius:7px 0 0 7px}.tl-grip.r{right:0;border-radius:0 7px 7px 0}.m-empty{position:absolute;inset:0;z-index:8;display:grid;place-content:center;justify-items:center;gap:10px;padding:16px;text-align:center;background:var(--panel)}.m-empty .primary{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;min-height:48px;font-size:var(--fs-md);border-radius:12px}.app.phone.mode-carousel .m-tl{height:auto;max-height:42dvh;overflow:auto}.app.phone .slide-board-main{grid-template-columns:minmax(0,1fr)}.app.phone .slide-board-side{padding:8px 12px 12px}.app.phone .slide-board-side textarea{min-height:72px}.app.phone .car-tools{overflow-x:auto;scrollbar-width:none}.app.phone .car-tools>.small.muted:last-child{display:none}.app.phone .car-tools button{min-height:40px}.app.phone .slide-board .car-strip{padding:8px 12px 4px}.app.phone .slide-board .car-slide{width:76px;height:95px}.app.phone .slide-board-tl{min-height:40px}.m-bar{grid-area:bar;display:flex;align-items:stretch;background:var(--panel-2);padding-bottom:env(safe-area-inset-bottom);min-width:0}.m-tools{flex:1;min-width:0;display:flex;gap:2px;padding:4px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain}.m-tools::-webkit-scrollbar{display:none}.m-tool{flex:0 0 auto;min-width:64px;min-height:58px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;color:var(--dim);border-radius:12px}.m-tool span{font-size:var(--fs-xs);font-weight:600;letter-spacing:-.02em}.m-tool:active:not(:disabled){background:var(--raised);color:var(--text)}.m-bar.clip .m-tool{color:var(--text)}.m-back{flex:0 0 52px;min-height:58px;border-radius:0;background:var(--raised);color:var(--text);display:grid;place-items:center;padding:0}.m-toast{bottom:calc(96px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px);white-space:normal;text-align:center}.m-sheet{display:none;grid-row:3 / 5;grid-column:1;height:min(54dvh,560px);min-height:0;flex-direction:column;background:var(--panel);border-radius:16px 16px 0 0;box-shadow:0 -10px 30px #00000073;z-index:30;padding-bottom:env(safe-area-inset-bottom)}.m-sheet.open{display:flex;animation:sheet-in var(--t) var(--ease-enter)}@keyframes sheet-in{0%{transform:translateY(40px);opacity:0}}.app.phone:has(.m-sheet.open) .m-tl,.app.phone:has(.m-sheet.open) .m-bar{display:none}.m-sheet-head{position:relative;display:flex;justify-content:flex-end;align-items:center;padding:6px 8px 2px;min-height:52px}.m-grip{position:absolute;left:calc(50% - 18px);top:8px;width:36px;height:4px;border-radius:4px;background:var(--hover)}.m-done{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;background:var(--pink-soft);color:var(--pink);font-weight:700;border-radius:12px}.m-sheet-body{flex:1;min-height:0;display:flex;flex-direction:column}.m-pane{display:none;flex:1;min-height:0}.m-pane.on{display:flex;flex-direction:column}.m-pane>.panel{flex:1;min-height:0;background:transparent}.m-pane .rail{display:none}.m-pane .panel-title{padding:0 14px 6px}.m-pane .insp-head{background:transparent;padding:0 12px 6px;min-height:0}.m-ratio{padding:0 14px 14px;overflow:auto}.m-ratio .panel-title{padding:0 0 10px}.m-ratio .grid2 button{min-height:52px}.app.phone .scroll{padding:8px 12px 16px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.app.phone .chip{min-height:36px;padding:8px 12px;font-size:var(--fs)}.app.phone .seg{top:-8px}.app.phone .seg button{min-height:40px;font-size:var(--fs-sm)}.app.phone .tabs button{min-height:40px}.app.phone .section{padding:12px}.app.phone .section h4{min-height:32px;font-size:var(--fs-sm)}.app.phone .row{min-height:44px;grid-template-columns:70px 1fr 52px 28px}.app.phone .kf{width:28px;height:28px;line-height:28px}.app.phone .grid2>button,.app.phone .grid3>button,.app.phone .insp-head button{min-height:40px}.app.phone input[type=range]{height:32px}.app.phone input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-10px}.app.phone input[type=text],.app.phone input[type=search],.app.phone textarea,.app.phone select{font-size:16px;min-height:40px}.app.phone input[type=color]{width:36px;height:36px}.app.phone .ctx{min-width:220px;max-height:70dvh;overflow:auto}.app.phone .ctx-item{min-height:44px;font-size:var(--fs-md);padding:10px 14px}.app.phone .modal-back{align-items:end}.app.phone .modal{width:100%!important;max-height:calc(100dvh - env(safe-area-inset-top) - 12px);overflow:auto;border-radius:18px 18px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.app.phone .modal button{min-height:44px}.app.phone .modal.home{padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.app.phone .home-head{flex-wrap:wrap;gap:6px 12px;margin-bottom:14px}.app.phone .home-card{padding:16px}.app.phone .home-card .primary{align-self:stretch;padding:12px 16px}.app.phone .palette-back{align-items:start}.export-warn{margin:6px 0;padding:10px 12px;border-radius:10px;background:#ff8a8a1f;color:var(--danger);line-height:1.45}.export-result{display:grid;gap:8px;margin-top:8px}.export-result>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.app.phone .plan-ws{grid-area:view}.app.phone .plan-grid{display:flex;flex-direction:column;overflow:auto;height:100%;overscroll-behavior:contain}.app.phone .plan-main{flex:none;padding:12px 12px 8px}.app.phone .plan-main .scroll{overflow:visible;flex:none}.app.phone .plan-head{flex-wrap:wrap;gap:4px 10px}.app.phone .plan-head h1{font-size:var(--fs-lg)}.app.phone .plan-tools .seg{width:auto}.app.phone .plan-side{flex:none;overflow:visible;padding:14px 12px calc(18px + env(safe-area-inset-bottom))}.app.phone .cal-wide{gap:3px}.app.phone .cal-wide .cal-d{min-height:64px;padding:3px;border-radius:8px}.app.phone .cal-wide .cal-it{font-size:10px;padding:2px 3px}.app.phone .cal-wide .cal-h{font-size:var(--fs-xs)}
