@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(1100px,92vw);margin:0 auto;padding:40px 0 56px}.hero{padding:28px 30px;border-radius:20px;background:var(--hero-bg);box-shadow:0 18px 48px var(--hero-shadow);color:var(--hero-text);margin-bottom:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.hero-text{flex:1}.hero h1{margin:8px 0 10px;font-size:clamp(1.6rem,1.8vw + 1rem,2.4rem);line-height:1.2}.hero p{margin:0;color:var(--hero-sub)}.eyebrow{margin:0;color:var(--eyebrow-color);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:700}.theme-toggle{flex-shrink:0;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:6px 10px;background:#ffffff1a;color:#d7e2ff;cursor:pointer;font-size:1rem;line-height:1;transition:background .15s ease}.theme-toggle:hover{background:#ffffff2e}.layout{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.panel{border-radius:16px;background:var(--surface);border:1px solid var(--border);padding:18px;color:var(--panel-text);box-shadow:0 8px 28px var(--shadow-panel)}.panel h2{margin:0 0 12px;font-size:1.06rem}.dropzone{border:1px dashed var(--border-subtle);transition:border-color .2s ease,transform .2s ease}.dropzone.dragging{border-color:var(--dropzone-drag);transform:translateY(-2px)}.primary{border:0;border-radius:10px;background:var(--primary-bg);color:var(--primary-text);font-weight:700;padding:10px 14px;cursor:pointer}.primary:disabled{cursor:not-allowed;opacity:.55}.hint{color:var(--text-muted);font-size:.92rem}.picked{margin:10px 0 0;color:#a8ffcd;font-size:.92rem}.error{color:#ff9da9;margin-top:10px}.success{color:#9af7bf;margin-top:10px;font-weight:600}.placeholder{color:var(--text-faint);margin:0}.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}.upload-preview{max-width:440px}.preview-title{margin:0 0 8px;color:var(--text-muted);font-size:.9rem}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.preview-head .preview-title{margin:0}.preview-toggle{border:1px solid var(--border-subtle);border-radius:8px;padding:4px 10px;background:var(--surface-raised);color:var(--tab-text);cursor:pointer;font-size:.82rem}.preview-frame{position:relative;display:inline-block;width:100%;max-width:440px}.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:0}.preview-stamp{position:absolute;border-radius:0;font-weight:400;line-height:1;white-space:nowrap;pointer-events:none}.preview-badge{position:absolute;top:10px;left:10px;z-index:3;border-radius:8px;padding:4px 8px;font-size:.78rem;font-weight:700;line-height:1;pointer-events:none}.preview-badge.muted{color:#0f1530;background:#ffe082;border:1px solid rgba(255,208,90,.8)}.preview-subhint{margin:8px 0 0;color:var(--text-faint);font-size:.82rem}.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:38px;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}.tab-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.tab{border:1px solid var(--border-subtle);border-radius:10px;padding:9px 8px;background:var(--surface-raised);color:var(--tab-text);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:.8rem}.tab.active{background:var(--tab-active-bg);border-color:var(--tab-active-border);color:var(--tab-active-text)}.tab:disabled{opacity:.45;cursor:not-allowed}.field-block{display:flex;flex-direction:column;gap:6px}.field-row{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.timestamp-settings{display:grid;gap:10px}input,select{border-radius:8px;border:1px solid var(--border-subtle);background:var(--input-bg);color:var(--input-text);padding:8px 10px}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:16px;height:16px;padding:0;margin:0 6px 0 0;vertical-align:middle}input[type=range]{--range-progress: 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:12px}.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;text-decoration:none;color:#07101f;background:linear-gradient(120deg,#8ed2ff,#96ffd9);border-radius:10px;padding:10px 14px;font-weight:700}@media(max-width:900px){.layout,.meta-grid,.field-row,.tab-row{grid-template-columns:1fr}}