@font-face{font-display:swap;font-family:Pretendard Variable;font-style:normal;font-weight:45 920;src:url(/fonts/PretendardVariable.woff2)format("woff2-variations")}:root{--red-700:#e60012;--ink-light:#484848;--ink-dark:#f2f0ee;--muted-light:#727272;--muted-dark:#b3b0ac;--disabled-light:#c8c8c8;--disabled-dark:#5c5955;--canvas-light:#fff;--canvas-dark:#18191b;--surface-light:#f8f8f8;--surface-dark:#202124;--surface-alt-light:#efefef;--surface-alt-dark:#292a2d;--hairline-light:#e0e0e0;--hairline-dark:#3a3b3e;--green-700:#468254;--green-300:#8fd6a0;--blue-700:#4b5cce;--blue-300:#a9b4f2;--danger-700:#c62828;--danger-300:#ff8a80;--color-canvas:var(--canvas-light);--color-surface:var(--surface-light);--color-surface-alt:var(--surface-alt-light);--color-text-primary:var(--ink-light);--color-text-secondary:var(--muted-light);--color-text-disabled:var(--disabled-light);--color-border:var(--hairline-light);--color-action-primary:var(--red-700);--color-on-primary:#fff;--color-focus:var(--blue-700);--color-status-queued:var(--muted-light);--color-status-processing:var(--blue-700);--color-status-completed:var(--green-700);--color-status-failed:var(--danger-700);--color-status-expired:var(--disabled-light);--shadow-soft:#00000012 0px 2px 8px 0px;--shadow-card:#48484826 0px 4px 16px 0px;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:48px;--radius-full:9999px;--layout-content-max-width:760px;--layout-content-gutter:16px;--font-ui:"Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--color-text-primary);background:var(--color-canvas);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility}:root[data-theme=dark]{--color-canvas:var(--canvas-dark);--color-surface:var(--surface-dark);--color-surface-alt:var(--surface-alt-dark);--color-text-primary:var(--ink-dark);--color-text-secondary:var(--muted-dark);--color-text-disabled:var(--disabled-dark);--color-border:var(--hairline-dark);--color-focus:var(--blue-300);--color-status-queued:var(--muted-dark);--color-status-processing:var(--blue-300);--color-status-completed:var(--green-300);--color-status-failed:var(--danger-300);--color-status-expired:var(--disabled-dark)}*{box-sizing:border-box}html{overflow-x:hidden}body{background:var(--color-canvas);min-width:320px;margin:0;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;padding:28px var(--layout-content-gutter) calc(76px + env(safe-area-inset-bottom))}.workspace{width:100%;max-width:var(--layout-content-max-width);gap:16px;margin:0 auto;display:grid}.console-hero,.console-panel,.legend-bar{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-soft)}.console-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:96px;padding:20px 24px;display:grid}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex;position:relative}.brand-mark{flex:none;width:40px;height:40px}.app-mark{width:100%;height:100%;display:block}.page-title{color:var(--color-text-primary);margin:0;font-size:28px;font-weight:600;line-height:1.35}.page-title span{color:var(--color-action-primary)}.page-title--hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page-title--measure{visibility:hidden;white-space:nowrap;pointer-events:none;position:absolute;top:-9999px;left:-9999px}.app-icon{flex:none;width:1.1em;height:1.1em;display:block}.theme-control{min-width:0;color:var(--color-text-secondary);border:0;margin:0;padding:0;font-size:12px}.hero-utilities{justify-content:flex-end;align-items:center;gap:12px;display:flex}.history-link{color:var(--color-text-primary);white-space:nowrap;font-size:14px;font-weight:600;text-decoration:none}.history-link[aria-current=page]{color:var(--color-action-primary);text-underline-offset:4px;text-decoration:underline}.history-link.is-disabled{color:var(--color-text-disabled);cursor:not-allowed}.history-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.theme-control legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.theme-toggle{display:inline-flex}.theme-toggle__option{display:flex;position:relative}.theme-toggle__option input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.theme-toggle__option span{border:1px solid var(--color-border);background:var(--color-surface);min-height:28px;color:var(--color-text-primary);white-space:nowrap;justify-content:center;align-items:center;padding:0 10px;line-height:1.2;display:inline-flex}.theme-toggle__option+.theme-toggle__option span{margin-left:-1px}.theme-toggle__option:first-child span{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.theme-toggle__option:last-child span{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.theme-toggle__option input:checked+span{z-index:1;border-color:var(--color-action-primary);background:var(--color-surface-alt);color:var(--color-action-primary);position:relative}.theme-toggle__option input:focus-visible+span{z-index:2;outline:2px solid var(--color-focus);outline-offset:2px}.console-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:16px;display:grid}.phase-panel{width:100%;max-width:none;margin:0}.console-panel{min-width:0;padding:20px}.panel-title-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-bottom:16px;display:grid}.panel-title-row h2,.status-head h3{color:var(--color-text-primary);margin:0}.panel-title-row h2{align-items:center;gap:8px;font-size:21px;font-weight:600;line-height:1.4;display:inline-flex}.title-dots{background:var(--color-border);height:1px}.download-form,.subtitle-form{gap:20px;display:grid}.field{gap:8px;display:grid}.field-label,.segmented-control legend,.quality-grid legend{color:var(--color-text-primary);font-size:16px;font-weight:600}.url-input-frame{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;width:100%;min-height:48px;display:grid}.url-input-frame:focus-within{border-color:var(--color-focus)}.input-icon{color:var(--color-text-secondary);justify-self:center}.field input{width:100%;min-width:0;min-height:44px;color:var(--color-text-primary);background:0 0;border:0;outline:none;padding:9px 13px 9px 0}.field.has-error .url-input-frame{border-color:var(--color-status-failed)}.field-feedback{color:var(--color-text-secondary);margin:-2px 0 0;font-size:14px;line-height:1.4}.field-feedback--error{color:var(--color-status-failed)}.url-reset-button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt);min-height:32px;color:var(--color-text-secondary);cursor:pointer;margin-right:8px;font-size:14px;font-weight:600}.url-reset-button:disabled{color:var(--color-text-disabled);cursor:not-allowed}.segmented-control,.quality-grid{border:0;gap:12px 8px;margin:0;padding:0;display:grid}.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-control legend,.quality-grid legend{grid-column:1/-1;margin:0 0 12px;padding:0}.segment,.quality-chip{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:48px;color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.segment.is-selected,.quality-chip.is-selected{border-color:var(--color-action-primary);color:var(--color-action-primary);background:var(--color-surface-alt)}.segment input,.quality-chip input{opacity:0;width:1px;height:1px;position:absolute}.quality-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.primary-button,.download-button{border:1px solid var(--color-action-primary);border-radius:var(--radius-md);background:var(--color-action-primary);min-height:48px;color:var(--color-on-primary);cursor:pointer;box-shadow:var(--shadow-soft);justify-content:center;align-items:center;gap:8px;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex}.primary-button:disabled{border-color:var(--color-border);background:var(--color-surface-alt);color:var(--color-text-disabled);cursor:not-allowed;box-shadow:none}.secondary-button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:44px;color:var(--color-text-primary);cursor:pointer;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:inline-flex}.secondary-button:disabled{color:var(--color-text-disabled);cursor:not-allowed}.secondary-button--compact{justify-self:start;min-height:34px;padding:0 12px;font-size:14px}.secondary-button--new-request{gap:8px;padding:0 16px}.primary-button:focus-visible,.secondary-button:focus-visible,.download-button:focus-visible,.theme-control select:focus-visible,.theme-toggle__option input:focus-visible+span,input:focus-visible,.segment:focus-within,.quality-chip:focus-within,.subtitle-dropzone:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.notice-box{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-alt);grid-template-columns:28px minmax(0,1fr);gap:4px 10px;padding:13px;display:grid}.notice-box span{width:24px;height:24px;color:var(--color-text-secondary);grid-row:1/3;place-items:center;display:grid}.notice-box p{color:var(--color-text-secondary);word-break:keep-all;margin:0;font-size:14px;line-height:1.4}.status-panel{gap:18px;display:grid}.status-head{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:16px;display:grid}.status-icon{border:1px solid var(--color-status-processing);border-radius:var(--radius-full);width:64px;height:64px;color:var(--color-status-processing);place-items:center;display:grid}.status-head h3{font-size:21px;font-weight:600;line-height:1.3}.status-head p{color:var(--color-text-secondary);word-break:keep-all;margin:6px 0 0;font-size:16px;line-height:1.4}.status-head--queued .status-icon{border-color:var(--color-status-queued);color:var(--color-status-queued)}.status-head--processing .status-icon{border-color:var(--color-status-processing);color:var(--color-status-processing)}.status-head--completed h3,.status-head--completed .status-icon{border-color:var(--color-status-completed);color:var(--color-status-completed)}.status-head--failed h3,.status-head--failed .status-icon{border-color:var(--color-status-failed);color:var(--color-status-failed)}.status-head--expired h3,.status-head--expired .status-icon{border-color:var(--color-status-expired);color:var(--color-status-expired)}.step-tabs,.subtitle-step-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.subtitle-step-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.step-tab{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:44px;color:var(--color-text-secondary);justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.step-tab.is-selected{border-color:var(--color-status-processing);color:var(--color-status-processing);background:var(--color-surface-alt)}.progress-meter{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;display:grid}.progress-meter span{border-radius:var(--radius-full);background:var(--color-surface-alt);height:8px}.progress-meter .is-filled{background:var(--color-status-processing)}.progress-label{color:var(--color-status-processing);text-align:center;margin:0;font-size:16px;font-weight:600}.status-details{border-top:1px solid var(--color-border);gap:0;margin:0;display:grid}.status-details div{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:11px 0;display:grid}.status-details dt,.status-details dd{color:var(--color-text-secondary);margin:0;font-size:14px;font-weight:400}.status-details dd{color:var(--color-text-primary);text-align:right;font-weight:600}.error-details{gap:10px;display:grid}.error-details__panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-alt);gap:10px;padding:12px;display:grid}.error-details__panel pre{color:var(--color-text-secondary);font-family:var(--font-ui);white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.5;overflow-x:auto}.error-fallback{gap:18px;display:grid}.error-fallback h1{color:var(--color-status-failed);margin:0;font-size:28px;font-weight:600;line-height:1.3}.error-fallback p{color:var(--color-text-secondary);word-break:keep-all;margin:0;font-size:16px;line-height:1.4}.error-actions{gap:14px;display:grid}.download-button{width:100%}.field .subtitle-file-input{opacity:0;pointer-events:none;width:1px;height:1px;min-height:0;position:absolute}.subtitle-dropzone{border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-alt);min-height:220px;color:var(--color-text-secondary);cursor:pointer;font:inherit;place-items:center;gap:10px;font-weight:600;display:grid}.subtitle-dropzone .app-icon{width:40px;height:40px;color:var(--color-action-primary)}.subtitle-dropzone strong{color:var(--color-text-primary);font-size:18px}.subtitle-dropzone span{color:var(--color-text-secondary);font-size:14px}.selected-file-row{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-alt);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.selected-file-row .app-icon{width:24px;height:24px;color:var(--color-text-secondary)}.selected-file-row strong,.selected-file-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.selected-file-row strong{color:var(--color-text-primary);font-size:16px;font-weight:600}.selected-file-row span{color:var(--color-text-secondary);margin-top:4px;font-size:13px}.selected-file-row button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-height:32px;color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:600}.subtitle-estimate{color:var(--color-text-secondary);margin:-2px 0 0;font-size:13px}.subtitle-result-actions{gap:12px;display:grid}.empty-route-panel{gap:18px;display:grid}.history-panel,.history-empty,.history-item article{gap:16px;display:grid}.history-description,.history-empty p,.history-item h3,.history-item p{margin:0}.history-description,.history-empty p,.history-item__header p,.history-message{color:var(--color-text-secondary);line-height:1.5}.history-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.history-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:16px}.history-item.is-highlighted{border-color:var(--color-focus)}.history-item__header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.history-item h3{font-size:18px;line-height:1.4}.history-item__header p,.history-message{margin-top:4px;font-size:14px}.history-message--error{color:var(--color-status-failed)}.history-status{color:var(--color-status-processing);white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.history-status--queued{color:var(--color-status-queued)}.history-status--completed{color:var(--color-status-completed)}.history-status--failed{color:var(--color-status-failed)}.history-status--expired{color:var(--color-status-expired)}.history-progress{color:var(--color-text-secondary);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;font-size:14px;display:grid}.history-progress progress{width:100%;accent-color:var(--color-status-processing)}.history-actions{flex-wrap:wrap;gap:8px;display:flex}.history-actions .primary-button,.history-actions .secondary-button,.history-empty .primary-button{min-height:40px;padding:0 14px;font-size:14px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.empty-route-panel p{color:var(--color-text-secondary);word-break:keep-all;margin:0;font-size:16px;line-height:1.45}.result-actions{grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:20px;display:grid}.result-actions--video{grid-template-columns:minmax(0,1fr) 160px}.result-actions--video .download-button,.secondary-button--new-request{min-height:48px}.bottom-tab-bar{z-index:20;border:0;border-top:1px solid var(--color-border);background:var(--color-surface);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-tab-link{min-width:0;min-height:60px;color:var(--color-text-secondary);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.bottom-tab-link.is-active{color:var(--color-action-primary);background:var(--color-surface-alt)}.bottom-tab-link.is-disabled{cursor:not-allowed;opacity:.6}.bottom-tab-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.legend-bar{grid-template-columns:auto repeat(5,minmax(118px,1fr));align-items:center;gap:14px;padding:16px 22px;display:grid}.legend-title{color:var(--color-text-secondary);white-space:nowrap;font-size:16px;font-weight:600}.legend-item{min-width:0;color:var(--color-text-secondary);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:2px 8px;display:grid}.legend-item .app-icon{grid-row:1/3;width:20px;height:20px}.legend-item strong{color:var(--color-text-primary);font-size:14px;font-weight:600;line-height:1.15}.legend-item p{color:var(--color-text-secondary);word-break:keep-all;margin:0;font-size:12px;line-height:1.25}.legend-item--queued{color:var(--color-status-queued)}.legend-item--processing{color:var(--color-status-processing)}.legend-item--completed{color:var(--color-status-completed)}.legend-item--failed{color:var(--color-status-failed)}.legend-item--expired{color:var(--color-status-expired)}@media (width<=820px){:root{--layout-content-gutter:10px}.app-shell{padding:14px var(--layout-content-gutter) calc(80px + env(safe-area-inset-bottom))}.workspace{gap:14px}.console-hero{grid-template-columns:minmax(0,1fr) auto;min-height:84px;padding:14px}.hero-utilities{gap:8px}.page-title{font-size:24px}.brand-mark{width:32px;height:32px}.console-grid,.legend-bar{grid-template-columns:1fr}.console-panel{padding:16px}.segmented-control,.quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-head{grid-template-columns:52px minmax(0,1fr);gap:12px}.status-icon{width:48px;height:48px}.status-head h3{font-size:19px}.subtitle-step-tabs{grid-template-columns:1fr}.step-tab{min-height:40px;font-size:13px}.legend-bar{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:14px 12px}.legend-title{grid-column:1/-1;font-size:14px}.legend-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:center;grid-template-columns:1fr;justify-items:center;min-height:54px;padding:8px 3px}.legend-item .app-icon{grid-row:auto}.legend-item strong{font-size:12px}.legend-item p{display:none}}@media (width<=560px){.app-shell{padding:10px 10px calc(68px + env(safe-area-inset-bottom))}.console-hero{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:64px;padding:10px 12px}.page-title{font-size:19px}.brand-mark{width:26px;height:26px}.theme-toggle__option span{min-height:26px;padding:0 7px;font-size:11px}.console-hero{align-items:start}.hero-utilities{flex-direction:column;align-items:flex-end}.history-item__header,.result-actions,.result-actions--video{grid-template-columns:1fr}.secondary-button--new-request{width:100%}}@media (height<=700px){.bottom-tab-bar{width:min(100%, var(--layout-content-max-width));border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:16px auto 0;padding-bottom:0;position:static}}