:root{--ui-blue-6: #1677ff;--ui-blue-5: #4096ff;--ui-blue-7: #0958d9;--ui-white: #ffffff;--ui-gray-1: #fafafa;--ui-gray-2: #f5f5f5;--ui-gray-3: #f0f0f0;--ui-gray-8: #595959;--ui-gray-10: #141414;--ui-radius-sm: 4px;--ui-radius-control: 6px;--ui-radius-panel: 8px;--ui-space-1: 4px;--ui-space-2: 8px;--ui-space-3: 12px;--ui-space-4: 16px;--ui-space-6: 24px;--ui-space-8: 32px;--ui-font-sans: "IBM Plex Sans", "IBM Plex Sans KR", ui-sans-serif, system-ui, sans-serif;--ui-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ui-motion-duration: .2s;--ui-motion-easing: cubic-bezier(.645, .045, .355, 1)}@font-face{font-family:Plex;src:url(/fonts/ibm-plex-sans-latin-wght-normal.woff2);font-display:swap}@font-face{font-family:PlexMono;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2);font-display:swap}:root{font-family:Plex,system-ui,sans-serif;color:#21362f;background:#f4f6f3;font-size:14px;line-height:1.5;--line: #d4dfd7;--green: #176449}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit}button,.file-button{border:1px solid var(--line);border-radius:var(--ui-radius-control);padding:8px 12px;background:#fff;color:inherit;cursor:pointer;min-height:36px}button:hover:not(:disabled),.file-button:hover{background:#e9f0e9}button.primary{background:var(--green);color:#fff;border-color:var(--green)}button:disabled,fieldset:disabled{opacity:.55}button:disabled{cursor:default}button.danger{color:#a02f29}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}input:not([type=checkbox]):not([type=range]),select{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:5px;background:#fff;color:inherit}input[type=range]{width:100%;accent-color:var(--green);margin:8px 0}input[type=checkbox]{accent-color:var(--green)}:focus-visible{outline:3px solid #c98716;outline-offset:3px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:fixed;z-index:30;background:#fff;padding:12px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 26px;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;gap:10px;align-items:center;color:#183d30;font-weight:600;font-size:18px}.brand span{font-size:14px;color:#62776b;font-weight:400}nav{display:flex;gap:20px}.project-bar{display:flex;align-items:center;gap:8px;padding:12px 26px;border-bottom:1px solid var(--line);flex-wrap:wrap}.project-bar #scene-name{width:210px;font-weight:500}.project-bar #save-status{margin-right:auto;font-size:12px;color:#53685b}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr) 240px;gap:18px;padding:22px;max-width:1800px;margin:auto}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--ui-radius-panel);padding:18px;min-width:0;align-self:start}.eyebrow{font:10px PlexMono,monospace;letter-spacing:1.5px;color:#587967;margin:0 0 12px}h1{font-size:21px;letter-spacing:-.5px;margin:0 0 12px;font-weight:500}h2{font-size:16px;font-weight:500;margin:0 0 14px}.help{font-size:12px;color:#53685b;line-height:1.65}.library label,.inspector label{display:block;font-size:12px;margin:14px 0 6px}.library button{width:100%;margin-top:10px}.file-button{display:block!important;text-align:center;font-size:14px!important}.file-button input{display:block;margin-top:8px;font-size:11px!important;padding:0!important;border:0!important}.divider{height:1px;background:var(--line);margin:22px 0}.text-link{font-size:12px}.scene-column{min-width:0}.viewer{width:100%;min-width:0;position:relative;background:#13251f;border-radius:8px;overflow:hidden;aspect-ratio:16/9;min-height:220px;display:grid;place-items:center;color:#e4f0e8}.viewer video,.viewer #youtube-host,.viewer iframe{width:100%;height:100%;position:absolute;inset:0;border:0;object-fit:contain}.viewer #youtube-host>div{height:100%}#empty-view{text-align:center;padding:24px;max-width:420px}#empty-view p{font-size:13px;color:#b5cdbf}.play-symbol{display:block;font-size:44px;color:#8dd3b0;margin-bottom:10px}.transport{display:flex;align-items:center;gap:8px;padding:14px 0;flex-wrap:wrap}.transport output{font:13px PlexMono,monospace;margin-left:8px}.transport #media-label{font-size:11px;color:#53685b;margin-left:auto;max-width:220px;overflow-wrap:anywhere}.range-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0 18px}.range-bar>label:not(.check){display:flex;align-items:center;gap:8px;font-size:12px}.range-bar input[type=number]{width:86px!important}.range-bar button{font-size:12px}.check{display:flex!important;align-items:center;gap:7px;font-size:12px}.timeline-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:8px}.timeline-heading h2{margin:0}.timeline-heading span{font:10px PlexMono,monospace;color:#53685b}#cue-count{margin-left:6px}.timeline{position:relative;margin-top:12px;min-height:110px;background:repeating-linear-gradient(90deg,#fff,#fff calc(10% - 1px),#e5ebe5 calc(10% - 1px) 10%);border:1px solid var(--line);border-radius:6px;padding:8px;overflow:hidden}.cue-row{height:34px;position:relative;margin:4px 0}.cue-marker{position:absolute;top:0;max-width:100%;min-width:70px;min-height:28px;height:30px;text-align:left;padding:4px 8px;background:#e4f0e6;color:#1e5138;border-color:#b9d3bf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.cue-marker[aria-pressed=true]{outline:2px solid #176449;outline-offset:1px;background:#d0e6d6}.cue-marker.muted{opacity:.5}.cue-outside{display:block;width:100%;font-size:11px;padding:4px 8px;min-height:28px;text-align:left}#status{font-size:13px;min-height:40px;padding:10px 0}.error{color:#a02f29}.mix{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.mix h2,.mix p{grid-column:1/-1;margin:0}.mix label{font-size:12px}.mix output{float:right;font:11px PlexMono,monospace}.inspector fieldset{border:0;margin:0;padding:0;min-width:0}.inspector fieldset>button{width:100%;margin-top:10px}.inspector output{float:right;font:11px PlexMono,monospace}footer{display:flex;justify-content:space-between;gap:12px;padding:24px;font-size:11px;color:#53685b;border-top:1px solid var(--line)}@media(min-width:1200px){.library,.inspector{position:sticky;top:16px}}@media(max-width:1100px){.workspace{grid-template-columns:190px minmax(0,1fr)}.inspector{grid-column:2}.viewer{min-height:240px}.brand span{display:none}}@media(max-width:700px){.workspace{display:flex;flex-direction:column;padding:12px;gap:12px}.scene-column{order:0;width:100%}.library{order:-1;width:100%}.inspector{order:1;width:100%}.app-header,.project-bar{padding:12px;gap:8px}nav{gap:10px;font-size:12px}.project-bar #scene-name,.project-bar #save-status{width:100%}.project-bar button{flex:1;font-size:12px}.viewer{min-height:220px}.transport #media-label{width:100%;max-width:none;margin-left:0}.mix{grid-template-columns:1fr}.timeline-heading>span{display:none}button{min-height:40px}footer{flex-wrap:wrap}}.timeline-scale{display:flex;justify-content:space-between;font:10px PlexMono,monospace;color:#53685b;margin-top:12px}.timeline{margin-top:5px;padding:8px 0}.cue-row{height:42px;margin:4px 0}.cue-marker{left:0;width:100%;height:38px;border:0;border-radius:0;padding:2px 8px 14px;background:transparent;overflow:hidden}.cue-marker[aria-pressed=true]{outline-offset:-2px}.cue-span{position:absolute;bottom:2px;height:9px;min-width:2px;background:#40936a;border-radius:2px}#timeline-playhead{position:absolute;top:0;bottom:0;left:0;border-left:1px solid #b66f14;pointer-events:none}