@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@400;500;600;700&display=swap";:root{--bg: radial-gradient(circle at 90% 0%, rgba(22, 183, 153, .2), transparent 35%), radial-gradient(circle at 20% 10%, rgba(70, 121, 212, .24), transparent 44%), #090f1b;--text: #edf3ff;--text-muted: #b2c4eb;--text-faint: #aab9da;--hero-bg: linear-gradient(135deg, #161c2b 0%, #1f2942 58%, #344f82 100%);--hero-shadow: rgba(12, 20, 41, .35);--hero-text: #f3f6ff;--hero-sub: #d7e2ff;--eyebrow-color: #9ec5ff;--surface: rgba(15, 20, 32, .82);--surface-raised: rgba(20, 28, 44, .85);--border: rgba(156, 182, 227, .22);--border-subtle: rgba(155, 180, 222, .35);--shadow-panel: rgba(6, 9, 16, .26);--shadow-img: rgba(8, 12, 21, .35);--panel-text: #eef2ff;--tab-text: #d6e1ff;--tab-active-text: #e8f0ff;--tab-active-bg: linear-gradient(130deg, #2b446d, #22556a);--tab-active-border: rgba(130, 190, 255, .65);--primary-bg: linear-gradient(130deg, #2e8fff, #22bfa3);--primary-text: #0a1223;--input-bg: rgba(17, 24, 39, .88);--input-text: #edf3ff;--datetime-scheme: dark;--link: #a9d2ff;--map-bg: #0b1324;--trim-track: linear-gradient(180deg, #0d244f 0%, #112f69 100%);--trim-track-border: rgba(103, 143, 214, .35);--trim-time: #28dcff;--trim-center: rgba(159, 186, 231, .5);--trim-float-bg: #f2f4fb;--trim-float-text: #0e1730;--dropzone-drag: #6bb5ff;font-family:IBM Plex Sans KR,Noto Sans KR,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:light){:root:not([data-theme]){--bg: radial-gradient(circle at 90% 0%, rgba(22, 183, 153, .1), transparent 35%), radial-gradient(circle at 20% 10%, rgba(70, 121, 212, .1), transparent 44%), #eef2fc;--text: #0e1530;--text-muted: #4a5a80;--text-faint: #6070a0;--hero-bg: linear-gradient(135deg, #dce8ff 0%, #c2d8f5 58%, #aed0ee 100%);--hero-shadow: rgba(30, 60, 120, .15);--hero-text: #0e1530;--hero-sub: #2a4070;--eyebrow-color: #1a5090;--surface: rgba(255, 255, 255, .88);--surface-raised: rgba(225, 235, 255, .9);--border: rgba(100, 140, 220, .18);--border-subtle: rgba(100, 140, 220, .3);--shadow-panel: rgba(30, 50, 100, .1);--shadow-img: rgba(30, 50, 100, .1);--panel-text: #1a2540;--tab-text: #1a2a50;--tab-active-text: #ffffff;--tab-active-bg: linear-gradient(130deg, #3a6bc0, #2a8080);--tab-active-border: rgba(60, 120, 220, .7);--primary-bg: linear-gradient(130deg, #1a70e0, #0f9880);--primary-text: #ffffff;--input-bg: rgba(255, 255, 255, .95);--input-text: #0e1530;--datetime-scheme: light;--link: #2a6bc0;--map-bg: #dce4f5;--trim-track: linear-gradient(180deg, #c0d0e8 0%, #a8c0de 100%);--trim-track-border: rgba(80, 120, 200, .35);--trim-time: #0055aa;--trim-center: rgba(60, 100, 180, .4);--trim-float-bg: #1a2a50;--trim-float-text: #eef2fc;--dropzone-drag: #3a8fff}}[data-theme=light]{--bg: radial-gradient(circle at 90% 0%, rgba(22, 183, 153, .1), transparent 35%), radial-gradient(circle at 20% 10%, rgba(70, 121, 212, .1), transparent 44%), #eef2fc;--text: #0e1530;--text-muted: #4a5a80;--text-faint: #6070a0;--hero-bg: linear-gradient(135deg, #dce8ff 0%, #c2d8f5 58%, #aed0ee 100%);--hero-shadow: rgba(30, 60, 120, .15);--hero-text: #0e1530;--hero-sub: #2a4070;--eyebrow-color: #1a5090;--surface: rgba(255, 255, 255, .88);--surface-raised: rgba(225, 235, 255, .9);--border: rgba(100, 140, 220, .18);--border-subtle: rgba(100, 140, 220, .3);--shadow-panel: rgba(30, 50, 100, .1);--shadow-img: rgba(30, 50, 100, .1);--panel-text: #1a2540;--tab-text: #1a2a50;--tab-active-text: #ffffff;--tab-active-bg: linear-gradient(130deg, #3a6bc0, #2a8080);--tab-active-border: rgba(60, 120, 220, .7);--primary-bg: linear-gradient(130deg, #1a70e0, #0f9880);--primary-text: #ffffff;--input-bg: rgba(255, 255, 255, .95);--input-text: #0e1530;--datetime-scheme: light;--link: #2a6bc0;--map-bg: #dce4f5;--trim-track: linear-gradient(180deg, #c0d0e8 0%, #a8c0de 100%);--trim-track-border: rgba(80, 120, 200, .35);--trim-time: #0055aa;--trim-center: rgba(60, 100, 180, .4);--trim-float-bg: #1a2a50;--trim-float-text: #eef2fc;--dropzone-drag: #3a8fff}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}.page{width:min(760px,94vw);margin:0 auto;padding:24px 0 64px}.topbar{display:flex;align-items:baseline;gap:12px;padding:6px 4px 16px}.brand{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.01em;color:var(--panel-text)}.brand-sub{margin:0;flex:1;color:var(--text-muted);font-size:.88rem}.theme-toggle{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;padding:7px;background:var(--surface-raised);color:var(--panel-text);cursor:pointer;line-height:0;transition:background .15s ease}.theme-toggle:hover{background:var(--tab-active-bg)}.layout{display:flex;flex-direction:column;gap:22px}.player-dock{position:sticky;top:0;z-index:20;border-radius:16px;background:var(--surface);border:1px solid var(--border);padding:16px;box-shadow:0 10px 30px var(--shadow-panel)}.player-dock.dragging .dropzone-area{border-color:var(--dropzone-drag);transform:translateY(-2px)}.dropzone-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;min-height:240px;padding:28px 16px;border:1.5px dashed var(--border-subtle);border-radius:12px;color:var(--text-muted);transition:border-color .2s ease,transform .2s ease}.dropzone-title{margin:0;font-weight:600;color:var(--panel-text)}.dropzone-sub{margin:0;font-size:.85rem;line-height:1.5;color:var(--text-muted)}.player-stage{display:flex;justify-content:center}.preview-frame{position:relative;display:inline-block;line-height:0;max-width:100%}.player-video{display:block;width:100%;max-height:54vh;border-radius:12px;background:#000;object-fit:contain}.player-audio{width:100%}.player-loading{width:100%;min-height:200px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--surface-raised);color:var(--text-muted);font-size:.92rem}.preview-badge{position:absolute;top:10px;left:10px;z-index:3;display:inline-flex;align-items:center;gap:5px;border-radius:8px;padding:5px 9px;font-size:.78rem;font-weight:700;line-height:1;color:#fff;background:#07101fb8;border:1px solid rgba(255,255,255,.22);pointer-events:none}.preview-badge.muted{color:#1a1205;background:#ffd95e;border-color:#ffd05ae6}.trim-range-badge{position:absolute;z-index:3;font-size:.78rem;font-weight:700;line-height:1;color:#fff;background:#2d68b3db;border:1px solid rgba(255,255,255,.2);padding:5px 8px;border-radius:6px;pointer-events:none}.trim-range-badge.start{top:10px;left:10px}.trim-range-badge.end{bottom:10px;right:10px}.preview-stamp{position:absolute;border-radius:0;font-weight:400;line-height:1;white-space:nowrap;pointer-events:none;z-index:3}.preview-subhint{margin:8px 0 0;color:var(--text-muted);font-size:.82rem;line-height:1.5;text-align:center}.info-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}.info-summary{color:var(--text-muted);font-size:.88rem;font-variant-numeric:tabular-nums;word-break:break-word}.info-toggle{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border-subtle);border-radius:8px;padding:5px 10px;background:var(--surface-raised);color:var(--tab-text);cursor:pointer;font-size:.82rem;line-height:1}.info-toggle svg{transition:transform .18s ease}.info-toggle svg.flip{transform:rotate(180deg)}.info-detail{margin-top:16px}.controls{border-radius:16px;background:var(--surface);border:1px solid var(--border);padding:24px;color:var(--panel-text);box-shadow:0 8px 28px var(--shadow-panel)}.edit-toolbar{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.edit-tool{flex:1 1 0;min-width:76px;display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--border-subtle);border-radius:12px;padding:13px 8px;background:var(--surface-raised);color:var(--tab-text);cursor:pointer;font-size:.8rem;font-weight:600;transition:background .15s ease,border-color .15s ease,color .15s ease}.edit-tool:hover:not(:disabled){border-color:var(--tab-active-border)}.edit-tool.active{background:var(--tab-active-bg);border-color:var(--tab-active-border);color:var(--tab-active-text)}.edit-tool:disabled{opacity:.4;cursor:not-allowed}.preview-note{margin:16px 0 0;color:var(--text-muted);font-size:.82rem;line-height:1.5}.options{margin-top:24px}.meta-include{display:flex;align-items:center;margin-top:24px;color:var(--text-muted);font-size:.9rem;cursor:pointer}.export-btn{width:100%;margin-top:22px;padding:14px 16px;min-height:48px;font-size:1rem}.mini-btn{border:1px solid var(--border-subtle);border-radius:8px;padding:10px 14px;min-height:40px;background:var(--surface-raised);color:var(--tab-text);cursor:pointer;font-size:.85rem}.mini-btn:hover{border-color:var(--tab-active-border)}.result-block{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-subtle)}.merge-settings{display:flex;flex-direction:column;gap:16px}.merge-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.merge-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface-raised);cursor:grab}.merge-item:active{cursor:grabbing}.merge-index{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--tab-active-bg);color:var(--tab-active-text);font-size:.78rem;font-weight:700}.merge-thumb{flex-shrink:0;width:64px;height:40px;object-fit:cover;border-radius:6px;border:1px solid var(--border-subtle);background:#000}.merge-thumb-empty{background:var(--surface)}.merge-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.merge-name{font-size:.86rem;font-weight:600;word-break:break-all}.merge-duration{font-size:.82rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.merge-actions{flex-shrink:0;display:flex;gap:4px}.merge-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface);color:var(--tab-text);cursor:pointer;font-size:.8rem;line-height:1}.merge-btn:hover:not(:disabled){border-color:var(--tab-active-border)}.merge-btn:disabled{opacity:.35;cursor:not-allowed}.merge-remove{color:#ff9da9}.merge-total{margin:0;font-size:.9rem;color:var(--text-muted)}.primary{border:0;border-radius:10px;background:var(--primary-bg);color:var(--primary-text);font-weight:700;padding:11px 16px;min-height:44px;cursor:pointer}.primary:disabled{cursor:not-allowed;opacity:.55}.hint{color:var(--text-muted);font-size:.92rem;line-height:1.6;margin:0}.error{color:#ff9da9;margin-top:10px}.success{color:#9af7bf;margin-top:10px;font-weight:600}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.meta-grid dt{font-size:.8rem;color:var(--text-faint)}.meta-grid dd{margin:4px 0 0;font-weight:600;word-break:break-all}.preview-block{margin-top:14px}.preview-title{margin:0 0 8px;color:var(--text-muted);font-size:.9rem}.preview-image{display:block;width:100%;border-radius:12px;border:1px solid var(--border-subtle);box-shadow:0 10px 26px var(--shadow-img)}.preview-video{border-radius:12px;background:#000}.result-preview .preview-video{max-height:40vh;object-fit:contain}.trim-trimmer{margin-top:4px}.trim-floating-time{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:90px;margin-bottom:10px;margin-left:1px;padding:6px 12px;border-radius:999px;background:var(--trim-float-bg);color:var(--trim-float-text);font-weight:700;font-size:1.12rem;transform:translate(-50%)}.trim-track-shell{position:relative;height:108px;border-radius:14px;overflow:visible;border:1px solid var(--trim-track-border);background:var(--trim-track)}.trim-track-thumbnails{--thumb-count: 1;position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--thumb-count),minmax(0,1fr));border-radius:14px;overflow:hidden}.trim-track-thumbnails img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}.trim-range-hitbox{position:absolute;inset:0;display:flex;align-items:stretch}.trim-range-track{width:100%;height:100%;border-radius:14px;overflow:hidden}.trim-handle{width:0;height:100%;background:transparent;box-shadow:none;position:absolute;top:0}.trim-handle-body{position:absolute;top:0;width:20px;height:100%;background:linear-gradient(180deg,#fff,#c5c5c5);display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(20,205,241,.75);border-bottom:1px solid rgba(20,205,241,.75)}.trim-handle.left .trim-handle-body{right:0;border-radius:15px 0 0 15px;border-left:1px solid rgba(20,205,241,.75)}.trim-handle.right .trim-handle-body{left:0;border-radius:0 15px 15px 0;border-right:1px solid rgba(20,205,241,.75)}.trim-handle-grip{width:7px;height:34px;border-radius:999px;border-width:2px;border-style:solid;background:linear-gradient(180deg,#082243f2,#0c3158f2);box-shadow:inset 0 0 0 1px #66bcff38}.trim-time-row{margin-top:10px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.trim-time{font-size:1.1rem;line-height:1;color:var(--trim-time);letter-spacing:.02em}.trim-time.edge:last-child{text-align:right}.trim-time.center{font-size:1.85rem;color:var(--trim-center);padding:0 10px}.trim-manual-inputs{margin-top:8px}.map-block{margin-top:14px}.map-frame{width:100%;max-width:520px;height:240px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--map-bg)}.map-link{display:inline-block;margin-top:8px;color:var(--link);font-size:.9rem}.color-input{--picker-color: #ffffff;width:100%;height:44px;min-height:44px;padding:2px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--picker-color);cursor:pointer}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:0;border-radius:6px}.color-input::-moz-color-swatch{border:0;border-radius:6px}.field-block{display:flex;flex-direction:column;gap:10px}.field-row{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.timestamp-settings{display:grid;gap:22px}input,select{border-radius:8px;border:1px solid var(--border-subtle);background:var(--input-bg);color:var(--input-text);padding:10px 12px;min-height:44px}input[type=datetime-local]{color-scheme:var(--datetime-scheme);padding-right:12px}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1) sepia(1) saturate(0) hue-rotate(180deg) brightness(2.8) contrast(2.4) drop-shadow(0 0 1px rgba(255,255,255,.85));opacity:1;width:18px;height:18px;cursor:pointer}input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{filter:invert(1) sepia(1) saturate(0) hue-rotate(180deg) brightness(3.2) contrast(2.8) drop-shadow(0 0 2px rgba(255,255,255,.95))}[data-theme=light] input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:none}@media(prefers-color-scheme:light){:root:not([data-theme]) input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:none}}input[type=checkbox]{width:18px;height:18px;min-height:0;padding:0;margin:0 8px 0 0;vertical-align:middle}input[type=range]{--range-progress: 0%;min-height:0;padding:0;border:0;background:transparent;appearance:none;-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,#4ba6ff 0%,#67f0ca var(--range-progress),rgba(87,108,149,.35) var(--range-progress),rgba(87,108,149,.35) 100%)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-4px;border-radius:50%;border:0;background:linear-gradient(90deg,#4ba6ff,#67f0ca)}input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:#576c9559}input[type=range]::-moz-range-progress{height:8px;border-radius:999px;background:linear-gradient(90deg,#4ba6ff,#67f0ca)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:0;background:linear-gradient(90deg,#4ba6ff,#67f0ca)}.progress-wrap{margin-top:14px}.progress-bar{width:100%;height:10px;border-radius:999px;background:#576c9559;overflow:hidden}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#4ba6ff,#67f0ca);transition:width .16s ease}.download{margin-top:14px;display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#07101f;background:linear-gradient(120deg,#8ed2ff,#96ffd9);border-radius:10px;padding:10px 14px;font-weight:700}@media(max-width:720px){.meta-grid,.field-row{grid-template-columns:1fr}.player-video{max-height:32vh}.edit-tool span{font-size:.72rem}}@media(min-width:1024px){.page{width:min(1320px,94vw)}.layout:has(.controls){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:24px}.player-video{max-height:70vh}}