:root{--bg: #f4f6f5;--surface: #ffffff;--surface-2: #eef2f0;--fg: #1b2320;--muted: #5c6863;--line: #d8dfdb;--accent: #0f7a5c;--accent-fg: #ffffff;--accent-soft: #dff0e9;--warn: #9a5b00;--warn-soft: #fbefd9;--danger: #b3261e;--danger-soft: #fbe3e1;--s-inbox: #4f6bd1;--s-organized: #2a8a9c;--s-review: #c27a00;--s-editing: #8a4fc4;--s-done: #0f7a5c;--radius: 10px;--font: "IBM Plex Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", system-ui, sans-serif;--mono: "JetBrains Mono", Consolas, ui-monospace, monospace;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #121715;--surface: #1a211e;--surface-2: #222b27;--fg: #e3eae6;--muted: #97a59e;--line: #2d3732;--accent: #45bf96;--accent-fg: #0b1a14;--accent-soft: #173a2d;--warn: #e8ad54;--warn-soft: #3a2c13;--danger: #ff8a80;--danger-soft: #3d1c1a;--s-inbox: #8aa2ff;--s-organized: #5cc3d4;--s-review: #f0b244;--s-editing: #c39af0;--s-done: #45bf96;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2{margin:0;line-height:1.3;text-wrap:balance}h1{font-size:1.5rem}h2{font-size:1.05rem}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--mono);font-size:.85em}.muted{color:var(--muted);max-width:70ch}.meta{color:var(--muted);font-size:.85rem;font-style:normal}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.link{color:var(--accent);text-decoration:none;font-size:.9rem}.link:hover{text-decoration:underline}.warn-text{color:var(--warn);font-size:.88rem}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.stack-xs{display:flex;flex-direction:column;gap:4px}.stack-sm{display:flex;flex-direction:column;gap:12px}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.nav{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px;padding:20px 12px;background:var(--surface);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 18px}.brand-mark{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--accent);color:var(--accent-fg);font-weight:700}.brand-name{font-weight:700}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--muted);text-decoration:none;font-weight:500}.nav-link:hover{background:var(--surface-2);color:var(--fg)}.nav-link.active{background:var(--accent-soft);color:var(--accent)}.content{padding:28px max(16px,env(safe-area-inset-right,0px)) 48px max(16px,env(safe-area-inset-left,0px));min-width:0}.page{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}@media (max-width: 860px){.shell{grid-template-columns:1fr}.nav{position:fixed;inset:auto 0 0 0;top:auto;height:auto;z-index:20;flex-direction:row;justify-content:space-around;gap:0;padding:6px max(8px,env(safe-area-inset-left,0px)) calc(6px + env(safe-area-inset-bottom,0px));border-right:0;border-top:1px solid var(--line)}.brand{display:none}.nav-link{flex-direction:column;gap:2px;padding:6px 4px;font-size:.72rem;flex:1;justify-content:center}.content{padding-top:20px;padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--fg);font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn-small{padding:4px 10px;font-size:.85rem}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.input{width:100%;padding:9px 12px;border-radius:8px;border:1px solid var(--line);background:var(--surface);min-width:0}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.input-small{width:auto;padding:5px 8px}textarea.input{resize:vertical}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:8px}.notice-error{background:var(--danger-soft);color:var(--danger)}.empty{padding:28px 20px;border:1px dashed var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:6px;color:var(--muted);text-align:center;align-items:center}.empty strong{color:var(--fg)}.empty-inline{color:var(--muted);font-size:.88rem;padding:10px 0}.pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stage{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--fg);border-top:3px solid var(--stage-color)}.stage:hover{border-color:var(--stage-color)}.stage-count{font-size:1.7rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.stage-label{color:var(--muted);font-size:.85rem}.stage-inbox{--stage-color: var(--s-inbox)}.stage-organized{--stage-color: var(--s-organized)}.stage-review{--stage-color: var(--s-review)}.stage-editing{--stage-color: var(--s-editing)}.stage-done{--stage-color: var(--s-done)}@media (max-width: 600px){.pipeline{grid-template-columns:repeat(3,1fr)}.stage{padding:10px 12px}.stage-count{font-size:1.35rem}}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;gap:10px;min-width:0}.meter{height:8px;border-radius:4px;background:var(--surface-2);overflow:hidden}.meter-fill{height:100%;background:var(--accent);transition:width .3s}.meter-warn{background:var(--warn)}.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:.92rem}.checks li:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:10px;vertical-align:middle}.checks .ok:before{background:var(--accent)}.checks .bad:before{background:var(--danger)}.checks .off:before{background:var(--line)}.checks .off{color:var(--muted)}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.video-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--fg);min-width:0}.video-card:hover{border-color:var(--accent)}.video-card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px;min-width:0}.video-card-title{font-size:.98rem}.thumb{position:relative;aspect-ratio:16 / 10;background:var(--surface-2);display:grid;place-items:center;max-width:100%}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-empty{color:var(--muted);font-size:.8rem}.thumb-time{position:absolute;right:6px;bottom:6px;padding:1px 6px;border-radius:4px;background:#000000b3;color:#fff;font-family:var(--mono);font-size:.75rem}@media (max-width: 480px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--badge);background:color-mix(in srgb,var(--badge) 14%,transparent)}.badge-inbox{--badge: var(--s-inbox)}.badge-organized{--badge: var(--s-organized)}.badge-review{--badge: var(--s-review)}.badge-editing{--badge: var(--s-editing)}.badge-done{--badge: var(--s-done)}.filters{display:flex;flex-direction:column;gap:10px}.filters .input{max-width:420px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:.88rem}.chip-on{background:var(--fg);color:var(--bg);border-color:var(--fg)}.detail{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:20px;align-items:start}@media (max-width: 860px){.detail{grid-template-columns:1fr}}.detail-media{display:flex;flex-direction:column;gap:12px;position:sticky;top:20px}@media (max-width: 860px){.detail-media{position:static}}.player{width:100%;max-height:70vh;border-radius:var(--radius);background:#000}.facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.facts div{display:flex;flex-direction:column;min-width:0}.facts dt{color:var(--muted);font-size:.78rem}.facts dd{margin:0;font-variant-numeric:tabular-nums}.facts .fact-wide{grid-column:1 / -1}.facts .path{word-break:break-all;font-size:.78rem}.player-off{aspect-ratio:9 / 16;max-height:70vh;display:grid;place-items:center;color:#fff;font-size:.9rem}.detail-work{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;min-width:0}.tabs{display:flex;gap:2px;padding:6px 6px 0;border-bottom:1px solid var(--line);overflow-x:auto}.tab{padding:10px 14px;border:0;background:none;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap;font-weight:500}.tab-on{color:var(--accent);border-bottom-color:var(--accent)}.tab-body{padding:18px;flex:1}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}@media (max-width: 480px){.form-grid{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:5px;font-size:.88rem;font-weight:500;min-width:0}.field>span{display:flex;justify-content:space-between}.field-wide{grid-column:1 / -1}.field-inline{display:flex;align-items:center;gap:8px;font-size:.88rem}.savebar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--line);background:var(--surface-2);border-radius:0 0 var(--radius) var(--radius)}.locked{padding:16px;border-radius:8px;background:var(--surface-2);display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.9rem}.locked-tag{align-self:flex-start;font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;padding:2px 8px;border-radius:4px;background:var(--warn-soft);color:var(--warn)}.audio{width:100%;max-width:360px;height:36px}.player-wrap{position:relative}.cap-overlay{position:absolute;left:50%;bottom:22%;transform:translate(-50%);max-width:88%;padding:4px 10px;border-radius:6px;text-align:center;pointer-events:none;font-weight:700;font-size:clamp(14px,2.4vw,20px);line-height:1.3;color:#fff;background:#0000008c;text-shadow:0 1px 2px #000}.cap-em{color:#ffd84d;font-size:clamp(16px,2.8vw,24px)}.timeline{position:relative;padding:6px 0 18px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;background:var(--surface);border:1px solid var(--line)}.tl-row{position:relative;height:12px;margin:3px 8px}.tl-cap{position:absolute;top:0;height:100%;border-radius:2px;background:var(--s-organized);opacity:.8}.tl-cap-em{background:var(--s-review)}.tl-off{opacity:.2}.tl-cut{position:absolute;top:0;height:100%;border-radius:2px;background:repeating-linear-gradient(135deg,var(--danger) 0 3px,transparent 3px 6px);border:1px solid var(--danger)}.tl-cut-off{background:none;border-style:dashed;opacity:.6}.tl-sfx{position:absolute;top:-2px;width:0;height:0;transform:translate(-5px);border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid var(--s-editing)}.tl-head{position:absolute;top:0;bottom:14px;width:2px;background:var(--fg);margin-left:8px;pointer-events:none}.tl-scale{position:absolute;left:8px;right:8px;bottom:2px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:.68rem;color:var(--muted)}.job{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:8px;background:var(--surface-2)}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:8px;background:var(--accent-soft);font-variant-numeric:tabular-nums}.sub-head{font-size:.95rem;margin:6px 0 0;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.sfx-section{padding-top:12px;border-top:1px solid var(--line)}.edit-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.edit-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;border:1px solid var(--line);background:var(--surface);min-width:0}.edit-row input[type=checkbox]{accent-color:var(--accent);flex:none}.row-off{opacity:.55}.row-now{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.edit-main{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;cursor:pointer}.row-start{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cut-text{font-size:.88rem;color:var(--muted)}.time-btn{flex:none;border:0;background:var(--surface-2);color:var(--accent);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:.75rem}.cap-input{flex:1;min-width:0}.cap-actions{display:flex;gap:2px;align-items:center;flex:none}.icon-btn{width:28px;height:28px;border-radius:6px;border:1px solid transparent;background:none;color:var(--muted);cursor:pointer;font-size:.9rem}.icon-btn:hover:not(:disabled){border-color:var(--line);color:var(--fg)}.icon-btn.on{color:var(--s-review)}.icon-btn:disabled{opacity:.35;cursor:default}.sfx-select{flex:1;min-width:0}.align-start{align-self:flex-start}.form-section{font-size:.95rem;margin:8px 0 0;padding-top:10px;border-top:1px dashed var(--line);display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.script-layout{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 900px){.script-layout{grid-template-columns:1fr}}.script-result{min-height:260px}.script-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.script-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"meta text del" "meta shot del";gap:4px 10px;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface)}.script-line.part-hook{border-left:4px solid var(--s-review)}.script-line.part-cta{border-left:4px solid var(--s-done)}.script-meta{grid-area:meta;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.script-text{grid-area:text;font-size:1rem;font-weight:500;resize:vertical}.script-shot{grid-area:shot;font-size:.82rem;color:var(--muted)}.script-line .icon-btn{grid-area:del;align-self:start}.history-btn{border:0;background:none;text-align:left;padding:0;font:inherit;color:inherit}.prompter{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;color:#fff;display:flex;flex-direction:column;padding:calc(12px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.prompter button{font:inherit;color:#fff;background:#222;border:1px solid #444;border-radius:8px;padding:8px 14px;cursor:pointer}.prompter button:disabled{opacity:.35}.prompter button.on{background:#0f7a5c;border-color:#0f7a5c}.prompter-top,.prompter-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#aaa}.prompter-tools{display:flex;gap:6px}.prompter-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:18px;text-align:center;background:none!important;border:0!important;word-break:keep-all;line-height:1.45}.prompter-now{font-weight:700;color:#fff}.prompter-prev,.prompter-next{color:#666}.prompter-shot{color:#ffd84d;font-size:1rem}.dropzone{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:40px 20px;border:2px dashed var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer}.dropzone:hover,.dropzone-on{border-color:var(--accent);background:var(--accent-soft)}.upload-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.upload-item{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.upload-done .meter-fill{background:var(--accent)}.upload-error{border-color:var(--danger)}.upload-error .meta{color:var(--danger)}.upload-stopped .meter-fill{background:var(--warn)}.sound-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.sound-item{padding:10px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.confirm{display:flex;gap:6px}.sound-item .chips{gap:4px;align-items:center}.tag{display:inline-block;padding:1px 8px;border-radius:4px;font-size:.75rem;background:var(--accent-soft);color:var(--accent)}.tag-warn{background:var(--warn-soft);color:var(--warn)}.edit-box{padding:12px;border-radius:8px;background:var(--surface-2)}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.segmented button{border:0;background:var(--surface);padding:6px 12px;cursor:pointer;font-size:.88rem;color:var(--muted)}.segmented button.on{background:var(--fg);color:var(--bg)}.sources summary{cursor:pointer;color:var(--accent);font-size:.9rem}.sources ul{margin:8px 0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:.9rem}.search-row{display:flex;gap:8px}.search-row .input{flex:1}.genre-box{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:8px;background:var(--surface-2)}.site-links{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px dashed var(--line)}.result-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.result{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 4px;border-top:1px solid var(--line)}.result-playing{background:var(--accent-soft);border-radius:8px}.result-body{display:flex;flex-direction:column;gap:2px;min-width:0}.result .chips{gap:8px;align-items:center}.play{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--accent)}.play:hover{border-color:var(--accent)}.result-playing .play{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mode-list{display:flex;flex-direction:column;gap:6px}.mode{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:8px;border:1px solid var(--line);cursor:pointer}.mode input{margin-top:4px;accent-color:var(--accent)}.mode-on{border-color:var(--accent);background:var(--accent-soft)}.field-label{font-size:.88rem;font-weight:500}.rec-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}.rec{display:flex;flex-direction:column;gap:2px;text-align:left;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface);cursor:pointer;min-width:0}.rec:hover{border-color:var(--accent)}.rec-on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.guide{padding:14px;border-radius:8px;background:var(--surface-2);display:flex;flex-direction:column;gap:8px}.notice-warn{background:var(--warn-soft);color:var(--warn)}.notice-ok{background:var(--accent-soft);color:var(--accent)}.notice .mono{word-break:break-all}.error-text{color:var(--danger);font-size:.88rem}.row-end{display:flex;justify-content:flex-end}.wrap{flex-wrap:wrap}.nowrap{white-space:nowrap}.is-disabled{opacity:.5;pointer-events:none}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px))}.login-card{width:min(360px,100%);display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.login-card .brand{padding:0 0 6px}.remote-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.remote-url{font-size:.95rem;word-break:break-all;background:var(--surface-2);padding:6px 10px;border-radius:6px}.sync-steps{list-style:none;counter-reset:step;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.sync-steps>li{counter-increment:step;position:relative;padding-left:36px;display:flex;flex-direction:column;gap:6px}.sync-steps>li:before{content:counter(step);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:700;background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.sync-steps>li.done:before{content:"✓";background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.pair{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.qr{width:168px;height:168px;border-radius:8px;background:#fff;padding:4px}.device-id{word-break:break-all;max-width:32ch;line-height:1.6}.request{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:8px;border:1px solid var(--accent);background:var(--accent-soft)}.waiting:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;background:var(--warn);animation:pulse 1.4s ease-in-out infinite;vertical-align:middle}@keyframes pulse{50%{opacity:.3}}.sync-folder{padding:12px 14px;border-radius:8px;background:var(--surface-2);display:flex;flex-direction:column;gap:6px}.steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}code.mono{background:var(--surface-2);padding:1px 6px;border-radius:4px;word-break:break-all}@media (prefers-reduced-motion: reduce){*{transition:none!important}}
