*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,system-ui,sans-serif;color:#f5f5f7;background:#0b0b0f;color-scheme:dark}html,body,#root{margin:0;width:100%;min-height:100%;background:#0b0b0f}html{-webkit-text-size-adjust:100%}body{min-width:0;overscroll-behavior:none}button,input{font:inherit}button{border:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}input{max-width:100%}.app{width:100%;min-height:100dvh;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:12px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.brand{font-size:clamp(18px,2.4vw,22px);font-weight:750;letter-spacing:-.02em}.sub{margin-top:3px;color:#92929b;font-size:11px}.import,.primary{background:#f5f5f7;color:#111116;border-radius:12px;min-height:44px;padding:11px 15px;font-weight:700}.import:disabled,.primary:disabled{opacity:.45}.command-bar,.caption-panel,.preview-card,.controls,.timeline,.project-panel{border:1px solid #25252c;background:#111116;border-radius:18px;box-shadow:0 12px 40px #0005}.command-bar{padding:13px;display:flex;flex-direction:column;gap:9px}.command-label{font-size:13px;color:#b8b8c0;font-weight:650}.command-row{display:flex;gap:8px;min-width:0}.command-row input{flex:1;min-width:0;height:44px;border:1px solid #34343d;border-radius:11px;background:#0b0b0f;color:#f5f5f7;padding:10px 12px;outline:none}.command-row input:focus,.caption-editor input:focus,.project-name-input:focus{border-color:#777780}.command-row button,.chips button,.format-button,.caption-editor button,.project-panel button{background:#24242b;color:#f5f5f7;border-radius:10px;min-height:42px;padding:9px 12px;font-weight:650}.command-row button:disabled,.chips button:disabled,.format-button:disabled,.caption-editor button:disabled,.project-panel button:disabled{opacity:.45}.chips{display:flex;gap:7px;flex-wrap:wrap;overflow-x:auto;padding-bottom:1px}.chips button{color:#b8b8c0;font-size:11px;min-height:36px;padding:7px 9px;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,290px);gap:12px;min-height:0;flex:1}.preview-card{min-width:0;min-height:min(58dvh,620px);display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-card[data-format=vertical] video{width:auto;max-width:min(100%,420px);height:min(68dvh,680px);aspect-ratio:9 / 16}.preview-card video{width:100%;height:100%;max-height:68dvh;object-fit:contain;background:#050507}.video-wrap{position:relative;width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center}.caption-overlay{position:absolute;left:8%;right:8%;bottom:8%;display:flex;justify-content:center;pointer-events:none}.caption-overlay span{max-width:92%;padding:7px 12px;border-radius:7px;background:#000b;color:#fff;font-size:clamp(14px,2vw,22px);font-weight:700;text-align:center;text-shadow:0 1px 2px #000}.empty{width:100%;height:100%;min-height:40dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#f5f5f7;background:transparent}.empty-icon{width:58px;height:58px;border:1px solid #3a3a44;border-radius:50%;display:grid;place-items:center;font-size:28px;color:#b8b8c0}.empty span:last-child{color:#777780;font-size:13px}.controls{min-width:0;padding:16px;display:flex;flex-direction:column;gap:13px}.panel-title{font-size:18px;font-weight:750}.plan-badge{display:inline-flex;align-self:flex-start;border:1px solid #35353e;background:#1a1a20;border-radius:999px;padding:6px 9px;color:#c7c7ce;font-size:11px}.selected-name{color:#b8b8c0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-row{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:8px;color:#92929b;font-size:12px}.time-row b{color:#f5f5f7;font-variant-numeric:tabular-nums}input[type=range]{width:100%;min-height:32px;accent-color:#fff;touch-action:pan-x}.primary{margin-top:auto;padding:12px 14px}.notice{color:#777780;font-size:11px;line-height:1.45}.project-panel{padding:11px 13px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.project-label{color:#777780;font-size:11px;font-weight:650}.project-name-input{flex:1 1 180px;min-width:120px;height:40px;border:1px solid #34343d;border-radius:10px;background:#0b0b0f;color:#f5f5f7;padding:8px 10px;outline:none}.project-panel button{min-height:40px;font-size:11px}.project-save{margin-left:auto;color:#8f8f99;font-size:10px;white-space:nowrap}.caption-panel{min-width:0;padding:14px}.caption-editor{display:grid;grid-template-columns:minmax(180px,1fr) 82px 82px auto auto;gap:7px;margin-top:10px}.caption-editor input{min-width:0;height:42px;border:1px solid #34343d;border-radius:10px;background:#0b0b0f;color:#f5f5f7;padding:9px 10px;outline:none}.caption-list{display:flex;flex-direction:column;gap:6px;margin-top:9px;max-height:180px;overflow:auto;-webkit-overflow-scrolling:touch}.caption-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto 28px;gap:8px;align-items:center;min-height:42px;padding:7px 9px;border-radius:10px;background:#15151b;color:#a9a9b2;font-size:11px}.caption-copy{color:#f1f1f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caption-row button{width:36px;height:36px;border-radius:8px;background:#24242b;color:#d0d0d7;font-weight:750}.timeline{min-width:0;padding:13px 14px 16px}.timeline-head{display:flex;justify-content:space-between;gap:10px;color:#9999a2;font-size:12px;margin-bottom:10px}.timeline-head span:last-child{text-align:right}.clip-list{display:flex;flex-direction:column;gap:7px;max-height:28dvh;overflow:auto;-webkit-overflow-scrolling:touch}.clip-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 9px;min-height:54px;border:1px solid #25252c;background:#15151b;border-radius:12px;cursor:pointer;touch-action:manipulation}.clip-row.active{border-color:#5b5b66;background:#1a1a21}.clip-index{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#292931;color:#c9c9d0;font-size:11px;font-weight:750}.clip-main{min-width:0}.clip-name{font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-meta{margin-top:2px;color:#777780;font-size:10px}.clip-track{position:relative;height:10px;margin-top:6px;border-radius:5px;background:#0d0d11;overflow:hidden}.segment{position:absolute;top:1px;bottom:1px;min-width:2px;background:#d9d9df;border-radius:4px}.clip-actions{display:flex;gap:4px}.clip-actions button{width:36px;height:36px;border-radius:8px;background:#24242b;color:#d0d0d7;font-weight:750}.clip-actions button:disabled{opacity:.3}.timeline-empty{padding:18px;text-align:center;color:#777780;font-size:12px;border:1px dashed #303039;border-radius:12px}footer{color:#777780;font-size:12px;min-height:18px;padding:0 2px}@media(min-width:901px)and (max-width:1280px){.workspace{grid-template-columns:minmax(0,1fr) minmax(230px,270px)}.controls{padding:14px}.caption-editor{grid-template-columns:minmax(150px,1fr) 76px 76px auto auto}}@media(max-width:900px){.workspace{grid-template-columns:1fr}.preview-card{min-height:46dvh}.controls{min-height:0}.caption-editor{grid-template-columns:minmax(0,1fr) 78px 78px}.caption-editor button{grid-column:span 1}}@media(max-width:600px){.app{gap:9px;padding-left:max(9px,env(safe-area-inset-left));padding-right:max(9px,env(safe-area-inset-right))}.topbar{align-items:flex-start}.sub{max-width:58vw;line-height:1.25}.import{min-height:42px;padding:9px 11px;white-space:nowrap}.command-bar,.caption-panel,.preview-card,.controls,.timeline,.project-panel{border-radius:14px}.command-row button{min-width:74px}.chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.preview-card{min-height:42dvh}.preview-card[data-format=vertical] video{max-width:min(78vw,360px);max-height:58dvh}.controls{padding:13px}.caption-editor{grid-template-columns:1fr 1fr}.caption-editor input:first-child{grid-column:1 / -1}.caption-editor button{min-height:44px}.project-panel{align-items:stretch}.project-name-input{flex-basis:100%}.project-panel button{flex:1 1 calc(50% - 8px)}.project-save{margin-left:0;width:100%}.caption-row{grid-template-columns:24px minmax(0,1fr) 34px}.caption-row>span:nth-child(3){display:none}.clip-row{grid-template-columns:26px minmax(0,1fr) auto}.clip-actions button{width:38px;height:38px}.timeline-head{align-items:flex-start;flex-direction:column;gap:3px}.timeline-head span:last-child{text-align:left}}@media(max-width:380px){.brand{font-size:17px}.sub{font-size:10px}.import{font-size:12px}.command-row{gap:6px}.command-row button{min-width:66px;padding-inline:9px}.clip-actions{gap:2px}.clip-actions button{width:34px;height:34px}}@media(orientation:portrait)and (min-width:601px)and (max-width:1100px){.workspace{grid-template-columns:1fr}.preview-card{min-height:52dvh}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.controls .panel-title,.controls .plan-badge,.controls .selected-name,.controls .time-row,.controls input,.controls .notice{grid-column:1 / -1}.controls .format-button,.controls .primary{margin-top:0}}