.reference-library{max-width:1280px;margin:auto;padding:36px 28px 60px}.reference-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0 28px}.reference-heading h1{margin:0 0 8px}.reference-heading p{color:var(--muted);margin:0}.reference-heading .reference-actions{display:flex;gap:10px;flex-wrap:wrap}.reference-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-bottom:24px}.reference-filters label{flex:1;min-width:125px;font-size:12px}.reference-filters label:first-child{flex:2;min-width:220px}.reference-count{color:var(--muted);font-size:12px;margin-bottom:18px}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px}.reference-tile{min-width:0;scroll-margin-top:24px}.reference-image{position:relative;aspect-ratio:16/10;background:var(--canvas-a);border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--panel)}.reference-image img,.reference-image video{position:absolute;width:100%;height:100%;object-fit:contain}.reference-image .reference-play{position:absolute;bottom:12px;right:12px;background:var(--panel);color:var(--ink);border:0;border-radius:30px;padding:10px 14px;min-height:44px;font-weight:600}.reference-image .reference-preview-button{position:absolute;left:12px;bottom:12px;background:var(--ink);color:var(--panel);border:1px solid var(--muted);border-radius:30px;padding:10px 14px;min-height:44px}.reference-image .reference-placeholder{font:12px var(--mono);padding:20px;text-align:center}.reference-tile h2{font-size:17px;margin:14px 0 4px;line-height:1.5}.reference-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px}.reference-tags{font-size:12px;color:var(--muted);margin:8px 0}.reference-badge{font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:2px 6px;display:inline-flex;margin:0 5px 5px 0}.reference-badge.supported{color:var(--success)}.reference-tile-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.reference-tile-actions button{font-size:12px;padding:8px 10px}.reference-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:40px}.reference-skeleton{aspect-ratio:16/10;background:var(--border);border-radius:var(--radius)}.reference-dialog-backdrop{position:fixed;inset:0;background:color-mix(in srgb,var(--ink) 70%,transparent);z-index:60;display:flex;align-items:center;justify-content:center;padding:20px}.reference-dialog{background:var(--panel);border-radius:var(--radius);padding:28px;width:100%;max-width:540px;max-height:90vh;overflow:auto}.reference-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.reference-dialog-top h2{margin:0}.reference-dialog label{margin-bottom:20px}.reference-dialog p{color:var(--muted)}.reference-detail{max-width:1200px;margin:auto;padding:28px}.reference-detail-top{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:36px;margin:24px 0 40px}.reference-player{aspect-ratio:16/9;background:var(--canvas-a);display:flex;align-items:center;justify-content:center;position:relative;border-radius:var(--radius);overflow:hidden;color:var(--panel)}.reference-player video,.reference-player iframe{width:100%;height:100%;border:0;object-fit:contain}.reference-player-state{padding:26px;text-align:center}.reference-player-state p{margin-bottom:12px}.reference-playback-help{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:12px}.reference-analysis{display:grid;grid-template-columns:1fr 1fr;gap:32px}.reference-analysis section{border-top:1px solid var(--border);padding-top:20px}.reference-analysis ul{padding-left:20px;margin:0}.reference-analysis li{margin-bottom:14px}.reference-evidence{display:block;font-size:11px;color:var(--muted);margin-top:5px}.reference-scenes{margin-top:36px}.reference-scenes li{margin:14px 0}.reference-production{padding:22px;border:1px solid var(--border);border-radius:var(--radius);margin:20px 0;background:var(--panel)}.reference-production-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.reference-production-fields .full-row{grid-column:1/-1}.reference-job-stages{display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none}.reference-job-stages li{font-size:12px;padding:6px 9px;border:1px solid var(--border);border-radius:4px;color:var(--muted)}.reference-job-stages li.active{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.reference-result video{width:100%;max-height:480px;background:var(--canvas-a)}.reference-audio-settings{margin-top:18px;border-top:1px solid var(--border);padding-top:12px}.reference-audio-settings summary{cursor:pointer;padding:8px 0;font-weight:600}.reference-audio-settings form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.reference-audio-settings label{flex:1;min-width:220px}.reference-error{color:var(--danger);background:var(--danger-bg);padding:12px;border-radius:var(--radius);margin:12px 0}.reference-preview-error{position:absolute;top:12px;left:12px;font-size:11px;background:var(--ink);padding:5px 8px}.reference-tile:target{outline:2px solid var(--accent);outline-offset:8px}@media(max-width:960px){.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-detail-top{grid-template-columns:1fr}}@media(max-width:600px){.reference-library,.reference-detail{padding:22px 16px 40px}.reference-heading{align-items:flex-start;flex-direction:column}.reference-heading h1{font-size:27px}.reference-grid{grid-template-columns:1fr;gap:28px}.reference-filters label,.reference-filters label:first-child{min-width:calc(50% - 10px)}.reference-filters label:first-child{flex-basis:100%}.reference-detail-top{gap:24px}.reference-analysis,.reference-production-fields{grid-template-columns:1fr}.reference-dialog{padding:20px}.reference-dialog-backdrop{padding:12px}.reference-production{padding:16px}.reference-production-fields .full-row{grid-column:1}.reference-tile-actions button{min-height:44px}}@media(prefers-reduced-motion:reduce){.reference-library *{animation:none!important;transition:none!important}}.reference-audio-fields{width:100%;display:grid;gap:14px}.reference-free-confirm{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px!important}.reference-free-confirm input{width:18px;height:18px;flex-shrink:0;margin-top:4px}.reference-audio-fields .reference-actions{display:flex;gap:12px;flex-wrap:wrap}.reference-editor-note{max-width:1200px;margin:24px auto 0;padding:16px 20px;background:var(--accent-light);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--ink)}@media(max-width:600px){.reference-editor-note{margin:20px 16px 0;font-size:13px}}:root:root{--bg:#f4f3f8;--ink:#3d3a50;--muted:#807c91;--accent:#8654db;--accent-light:#eee6fb;--border:#e5e2ed;--radius:10px}.dashboard-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100dvh}.dashboard-sidebar{position:sticky;top:0;height:100dvh;padding:30px 18px;display:flex;flex-direction:column;background:var(--bg);border-right:1px solid var(--border)}.dashboard-sidebar .brand{padding:0 10px}.dashboard-sidebar .brand-icon{background:var(--accent)}.nav-label{margin:40px 14px 12px;color:var(--muted);font-size:11px;letter-spacing:.08em}.dashboard-sidebar nav{display:grid;gap:8px}.dashboard-sidebar nav button{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--ink);padding:13px 16px;border-radius:8px;text-align:left;min-height:48px;transition:background .2s}.dashboard-sidebar nav button:hover{background:var(--accent-light)}.dashboard-sidebar nav button[aria-current=page]{background:var(--accent);color:#fff;box-shadow:0 4px 12px #8654db26}.sidebar-note{margin-top:auto;padding:20px 14px 0;color:var(--muted);font-size:12px;line-height:1.9}.dashboard-body{min-width:0}.dashboard-shell .app-header{height:80px;margin:0 30px;padding:0;border-bottom:1px solid var(--border);background:transparent}.dashboard-page-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px}.dashboard-content{max-width:1440px;margin:auto;padding:30px}.dashboard-welcome{background:var(--panel);border-radius:var(--radius);padding:32px;display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 3px 12px #3d3a5008}.dashboard-welcome h1{font-size:28px}.dashboard-welcome p{color:var(--muted);margin-bottom:24px}.welcome-frames{display:flex;align-items:center;gap:12px;color:var(--accent)}.welcome-frames span{padding:22px 15px;background:var(--accent-light);border-radius:8px;font-weight:600;transform:rotate(-4deg)}.welcome-frames span:last-child{background:var(--accent);color:#fff;transform:rotate(4deg)}.welcome-frames i{font-style:normal}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.dashboard-metrics article{display:flex;gap:16px;align-items:center;background:var(--panel);padding:22px;border-radius:var(--radius)}.metric-icon{background:var(--accent-light);color:var(--accent);padding:12px;display:flex;border-radius:8px}.dashboard-metrics p{font-size:12px;color:var(--muted);margin-bottom:3px}.dashboard-metrics strong{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums}.dashboard-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-bottom:24px}.dashboard-panel{background:var(--panel);border-radius:var(--radius);padding:24px;min-width:0;box-shadow:0 3px 12px #3d3a5006}.dashboard-project{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:14px;text-align:left;padding:15px 0;border-bottom:1px solid var(--border);color:var(--ink)}.dashboard-project>span:nth-child(2){flex:1;min-width:0}.dashboard-project strong{display:block;overflow-wrap:anywhere;font-weight:500}.dashboard-project small{display:block;color:var(--muted);margin-top:4px}.dashboard-project:hover{color:var(--accent)}.dashboard-task{padding:18px 0;border-bottom:1px solid var(--border)}.dashboard-task p{font-size:12px;color:var(--muted);margin:8px 0}.dashboard-task progress{width:100%;accent-color:var(--accent)}.dashboard-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dashboard-videos video{width:100%;aspect-ratio:16/9;background:var(--ink);border-radius:8px}.dashboard-videos h3{font-size:14px;margin-top:12px;overflow-wrap:anywhere}.dashboard-shell .projects-page,.dashboard-shell .editor-page,.dashboard-shell .reference-library{max-width:1440px;padding:30px;margin:auto}.dashboard-shell .reference-audio-settings{background:var(--panel);padding:24px;border-radius:var(--radius);margin-top:20px}.dashboard-content>.reference-audio-settings:not([open]){border:1px solid var(--border)}.mobile-menu,.menu-backdrop{display:none}@media(max-width:1100px){.welcome-frames{display:none}.dashboard-columns{grid-template-columns:1fr}.dashboard-metrics{gap:12px}.dashboard-metrics article{padding:16px;gap:10px}}@media(max-width:800px){.dashboard-shell{display:block}.dashboard-sidebar{position:fixed;left:0;top:0;width:240px;z-index:30;transform:translate(-100%);transition:transform .2s}.dashboard-sidebar.is-open{transform:translate(0)}.mobile-menu{display:inline-flex}.menu-backdrop{display:block;position:fixed;inset:0;background:#25203566;border:0;z-index:25}.dashboard-shell .app-header{margin:0 16px;height:68px}.dashboard-content,.dashboard-shell .projects-page,.dashboard-shell .editor-page,.dashboard-shell .reference-library{padding:20px 16px}.dashboard-welcome{padding:24px}.dashboard-welcome h1{font-size:24px}.dashboard-metrics{grid-template-columns:1fr;gap:10px;margin:18px 0}.dashboard-metrics article{padding:14px 18px}.dashboard-metrics strong{font-size:23px}.dashboard-metrics p{margin:0}.dashboard-panel{padding:20px}.dashboard-videos{grid-template-columns:1fr}.dashboard-shell .header-right .text-button{font-size:11px}.dashboard-page-title{font-size:14px}.dashboard-shell .reference-audio-settings{padding:16px}.dashboard-sidebar .brand{font-size:18px}}@media(prefers-reduced-motion:reduce){.dashboard-sidebar,.dashboard-sidebar nav button{transition:none}}.dashboard-shell .mobile-menu{display:none}@media(max-width:800px){.dashboard-shell .mobile-menu{display:inline-flex}}.dashboard-shell .reference-image,.dashboard-shell .reference-player,.dashboard-shell .reference-result video{background:var(--accent-light);color:var(--ink)}.dashboard-shell .reference-image .reference-preview-button{background:var(--accent);border-color:var(--accent);color:var(--panel)}.dashboard-shell .reference-image .reference-play{color:var(--accent);box-shadow:0 2px 8px color-mix(in srgb,var(--ink) 10%,transparent)}.dashboard-shell .reference-preview-error{background:var(--danger-bg);color:var(--danger)}.dashboard-shell .reference-image .reference-preview-button:hover{background:color-mix(in srgb,var(--accent) 88%,var(--ink));border-color:transparent}:root{--bg:#eef2f3;--panel:#fff;--ink:#182f39;--muted:#64767e;--accent:#936315;--accent-light:#fbf4e7;--border:#d7e0e3;--danger:#b43e39;--danger-bg:#fff0ee;--success:#2a7058;--canvas-a:#253c45;--canvas-b:#2c454f;--font:"Noto Sans KR","Malgun Gothic",sans-serif;--mono:Consolas,"SFMono-Regular",monospace;--radius:8px;color:var(--ink);background:var(--bg);font-family:var(--font);font-synthesis:none;font-size:14px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.35;letter-spacing:-1.1px;margin-bottom:10px}h2{font-size:19px;letter-spacing:-.5px;line-height:1.4;margin-bottom:12px}h3{font-size:16px;line-height:1.5;margin-bottom:6px}label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500}input,textarea,select{color:var(--ink);background:var(--panel);border:1px solid var(--border);border-radius:5px;padding:11px 12px;min-width:0;font-size:16px;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}textarea{resize:vertical;line-height:1.7}fieldset{border:0;margin:0;padding:0;min-width:0}fieldset label{margin-bottom:18px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary,.secondary,.text-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border-radius:var(--radius);font-weight:600;line-height:1.25;white-space:nowrap}.primary{background:var(--accent);border:1px solid var(--accent);color:var(--panel);padding:12px 19px}.primary:hover:not(:disabled){filter:brightness(.94)}.secondary{background:var(--panel);color:var(--ink);border:1px solid var(--border);padding:11px 17px}.secondary:hover:not(:disabled){background:var(--bg)}.text-button{color:var(--ink);background:transparent;border:0;padding:8px}.text-button:hover:not(:disabled){color:var(--accent)}.icon-button{width:44px;background:transparent;border:1px solid transparent;padding:9px}.icon-button:hover:not(:disabled){background:var(--bg);border-color:var(--border)}.danger{color:var(--danger)}.wide{width:100%}.muted{color:var(--muted)}.mono{font-family:var(--mono);font-size:13px}.eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--accent);margin-bottom:12px}.small-label{font-size:12px;color:var(--muted);font-weight:400}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-header{height:84px;border-bottom:1px solid var(--border);background:var(--panel);display:flex;justify-content:space-between;align-items:center;padding:0 max(28px,calc((100vw - 1200px)/2));gap:20px}.brand{display:flex;gap:11px;align-items:center;font-size:18px;font-weight:800;letter-spacing:-.5px;line-height:1.3;white-space:nowrap}.brand-icon{display:flex;width:37px;height:37px;align-items:center;justify-content:center;background:var(--ink);color:var(--panel);border-radius:7px}.brand small{display:block;font:10px var(--mono);letter-spacing:2px;color:var(--muted);margin-top:5px}.header-right{display:flex;align-items:center;gap:24px}.account-label{font-size:12px;color:var(--muted)}.error-notice{display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--danger-bg);border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);margin-bottom:20px}.error-notice>svg{flex-shrink:0}.error-notice>div{flex:1}.state{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:240px;gap:16px;padding:32px;color:var(--muted)}.state p{margin:0}.empty{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;padding:64px 24px;color:var(--muted)}.empty h2{color:var(--ink);margin:4px 0 0}.empty p{max-width:360px;margin-bottom:12px}.spin{animation:spin 1.2s linear infinite}.mini-spinner{height:16px;width:16px;border:2px solid currentColor;border-bottom-color:transparent;border-radius:50%;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot-error{max-width:600px;margin:100px auto;padding:24px}.boot-error .brand{margin-bottom:32px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}.login-intro{background:var(--ink);color:var(--panel);display:flex;flex-direction:column;justify-content:space-between;padding:54px 10% 42px;gap:64px}.login-intro .brand-icon{background:var(--accent-light);color:var(--ink)}.login-intro .brand small,.login-intro .eyebrow{color:var(--border)}.login-intro h1{font-size:43px;line-height:1.45;letter-spacing:-1.8px}.login-intro p{font-size:16px;color:var(--border);line-height:1.9}.login-intro>small{color:var(--border)}.login-frame{border:1px solid var(--muted);padding:26px 30px;margin-top:36px;max-width:460px}.login-frame>span{font:11px var(--mono);letter-spacing:2px;color:var(--border)}.login-frame strong{display:block;font-size:27px;font-weight:600;margin:35px 0}.frame-line{width:90px;height:4px;background:var(--accent-light)}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:48px}.login-form{width:100%;max-width:350px}.login-form>svg{color:var(--accent);margin-bottom:20px}.login-form h2{font-size:26px}.login-form>.muted{margin-bottom:32px}.login-form label{margin-bottom:20px}.login-form>.primary{width:100%;margin-top:8px;justify-content:space-between}.login-footnote{color:var(--muted);font-size:12px;line-height:1.8;margin:22px 0 0}.projects-page{max-width:1144px;margin:0 auto;padding:56px 28px 36px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.private-label{font-size:12px;color:var(--muted);border:1px solid var(--border);padding:5px 12px;border-radius:20px}.create-project{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:23px 26px;margin-bottom:32px}.create-project label{margin-bottom:10px}.create-project>div{display:flex;gap:12px}.create-project input{max-width:440px}.project-list{border-top:1px solid var(--border)}.list-head,.project-row{display:grid;grid-template-columns:minmax(0,1fr) 160px 150px 44px;gap:20px;align-items:center}.list-head{padding:12px 20px;color:var(--muted);font-size:12px}.project-row{padding:20px;border-top:1px solid var(--border);background:var(--panel)}.project-open{border:0;display:flex;gap:16px;align-items:center;background:transparent;text-align:left;padding:0;min-width:0;color:var(--ink)}.project-open strong{display:block;font-size:17px;font-weight:600;overflow-wrap:anywhere}.project-open small{display:block;font-size:12px;margin-top:4px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:380px}.project-symbol{display:flex;width:52px;height:52px;justify-content:center;align-items:center;background:var(--bg);border-radius:5px;flex-shrink:0}.project-time{font-size:12px}.workflow-note{display:flex;align-items:center;gap:30px;border-top:1px solid var(--border);padding:26px 0;margin-top:36px;color:var(--muted);font-size:13px}.workflow-note>span{font-weight:600}.workflow-note p{margin:0}.workflow-note b{font-weight:400;margin:0 12px;color:var(--accent)}.editor-page{max-width:1256px;margin:0 auto;padding:24px 28px 48px}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.editor-title{display:flex;align-items:center;gap:14px;min-width:0}.editor-title>div{min-width:0}.title-input{border:0;background:transparent;padding:3px 0;font-size:24px;font-weight:700;letter-spacing:-.6px;max-width:680px;box-shadow:none}.title-input:focus{box-shadow:none;border-bottom:1px solid var(--accent);border-radius:0}.save-state{font-size:12px;color:var(--muted);display:block;margin-top:4px}.editor-tabs{display:flex;gap:20px;border-bottom:1px solid var(--border);margin-bottom:28px}.editor-tabs>button{display:flex;align-items:center;gap:10px;color:var(--muted);min-height:52px;padding:12px 6px;border:0;border-bottom:2px solid transparent;background:transparent;font-weight:500}.editor-tabs .active{color:var(--ink);border-bottom-color:var(--accent)}.step-index{font:12px var(--mono);color:var(--muted)}.editor-tabs .active .step-index{color:var(--accent)}.success-note{display:flex;gap:8px;align-items:center;color:var(--success);font-size:13px;margin-bottom:14px}.resource-state{min-height:300px}.script-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:40px}.script-entry,.plan-panel{min-width:0}.script-entry{padding:20px 0}.script-entry>h2,.export-settings>h2{font-size:25px}.script-entry>p{margin-bottom:26px}.script-entry>label{margin-bottom:10px}.script-entry>textarea{min-height:320px;font-size:16px}.script-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.privacy-note{font-size:12px;color:var(--muted);line-height:1.8;margin-top:20px;max-width:520px}.setup-note{border-left:3px solid var(--accent);padding:14px 18px;background:var(--accent-light);margin-top:24px}.setup-note strong{font-size:14px}.setup-note p{font-size:13px;margin:8px 0}.setup-note .text-button{padding-left:0}.plan-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-heading h2{font-size:16px;margin:0}.panel-heading>.mono{color:var(--muted);font-size:11px}.plan-list{margin:16px 0 24px}.plan-list article{display:flex;gap:18px;padding:19px 0;border-bottom:1px solid var(--border)}.plan-list article:first-child{padding-top:0}.scene-number{font:18px var(--mono);color:var(--accent);padding-top:20px}.plan-list h3{margin-top:5px;overflow-wrap:anywhere}.plan-list p,.plan-list li{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.plan-list p{margin-bottom:5px}.plan-list ul{padding-left:20px;margin:8px 0}.plan-list small{color:var(--accent)}.edit-workspace{display:grid;grid-template-columns:190px minmax(0,1fr) 268px;gap:22px;align-items:start}.scene-sidebar,.properties,.canvas-column{min-width:0}.scene-sidebar .panel-heading{margin-bottom:8px}.scene-list{display:flex;flex-direction:column;gap:12px;max-height:660px;overflow-y:auto;padding:2px}.scene-tile{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:14px;text-align:left;color:var(--ink);min-height:127px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;width:100%}.scene-tile.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.scene-tile-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.scene-tile strong{font-size:13px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}.scene-tile small{font-size:11px;color:var(--muted)}.scene-sidebar-foot{display:flex;flex-direction:column;gap:4px;margin-top:24px;color:var(--muted);font-size:10px}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px;font-size:12px;color:var(--muted);min-height:32px}.toggle{flex-direction:row;align-items:center;gap:7px;font-weight:400;font-size:12px}.toggle input{accent-color:var(--accent);width:16px;height:16px;padding:0;margin:0}.canvas{width:100%;aspect-ratio:16/9;background:var(--ink);overflow:hidden;border-radius:6px;position:relative;display:flex;align-items:center;justify-content:center}.checkerboard{background-color:var(--canvas-a);background-image:linear-gradient(45deg,var(--canvas-b) 25%,transparent 25%),linear-gradient(-45deg,var(--canvas-b) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--canvas-b) 75%),linear-gradient(-45deg,transparent 75%,var(--canvas-b) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.canvas .empty{padding:20px;color:var(--panel)}.canvas .empty h2{color:var(--panel);font-size:17px}.canvas .empty p{font-size:12px}.canvas .empty>svg{display:none}.player-error{padding:30px;color:var(--panel);font-size:14px}.preview-options{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.design-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:21px;margin-top:30px}.design-controls{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.color-field{align-items:center;flex-direction:row;gap:8px;font-size:12px}.color-field input{width:28px;height:28px;border:0;padding:0;background:transparent;cursor:pointer}.font-field{flex-direction:row;align-items:center;gap:10px;font-size:12px}.font-field select{padding:5px 9px;font-size:13px;width:84px}.canvas-note{font-size:11px;color:var(--muted);line-height:1.8;margin-top:15px}.properties{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.properties .panel-heading{margin-bottom:8px}.properties label{font-size:12px;gap:6px;margin-bottom:16px}.properties textarea{font-size:14px;padding:9px}.properties input,.properties select{font-size:14px;padding:9px;min-height:40px}.properties .small-label{font-size:10px}.items-fields{margin-bottom:18px}.item-field{display:flex;gap:2px;margin:8px 0}.item-field input{min-width:0}.item-field .icon-button{flex-shrink:0;width:32px}.items-fields .text-button{font-size:12px}.upload-button{width:100%;font-size:12px;margin-bottom:10px}.scene-order{display:flex;align-items:center;gap:3px;border-top:1px solid var(--border);padding-top:12px;font-size:12px}.scene-order>span{flex:1}.export-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:48px}.export-settings{padding-top:15px;min-width:0}.export-settings>p{margin-bottom:26px}.format-note{font-size:12px;color:var(--muted);margin-top:-8px;margin-bottom:22px;line-height:1.8}.output-spec{display:flex;gap:36px;border-top:1px solid var(--border);padding:18px 0;margin-bottom:14px}.output-spec span{font-size:11px;color:var(--muted)}.output-spec strong{display:block;font:13px var(--mono);color:var(--ink);margin-top:6px}.field-error{font-size:12px;color:var(--danger);margin-top:12px}.jobs-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:26px;min-width:0}.jobs-panel .panel-heading{flex-wrap:wrap}.job{border-top:1px solid var(--border);padding:22px 0}.job:last-child{padding-bottom:0}.job-heading{display:flex;gap:14px;align-items:center}.job-heading>div{flex:1;min-width:0}.job-heading h3{font-size:14px;margin-bottom:3px}.job-icon{background:var(--bg);padding:10px;border-radius:6px;display:flex;align-items:center;justify-content:center}.job-status{font-size:11px;color:var(--muted)}.job.completed .job-status{color:var(--success)}.job.failed .job-status{color:var(--danger)}.job-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font-size:12px}.job-actions .secondary{font-size:12px}.job progress{width:100%;height:6px;margin-top:22px;accent-color:var(--accent)}.job-error{margin-top:16px;color:var(--danger);font-size:12px}.job-error small{display:block;color:var(--muted);margin-top:10px}.conflict-panel{background:var(--accent-light);border:1px solid var(--accent);padding:18px;border-radius:var(--radius);margin-bottom:20px;display:flex;gap:12px;flex-wrap:wrap}.conflict-panel p{width:100%;margin:0}.conflict-panel button{font-size:12px}@media(min-width:1500px){.edit-workspace{grid-template-columns:200px minmax(0,1fr) 280px}}@media(max-width:1100px){.edit-workspace{grid-template-columns:150px minmax(0,1fr) 235px;gap:16px}.design-controls{gap:12px}.properties{padding:14px}.script-layout{gap:24px}.project-open small{max-width:260px}}@media(max-width:850px){.login-intro{padding:36px}.login-intro h1{font-size:32px}.login-form-wrap{padding:30px}.edit-workspace{grid-template-columns:140px minmax(0,1fr)}.properties{grid-column:2}.canvas-column{grid-column:2;grid-row:1}.scene-sidebar{grid-row:1/3}.script-layout{grid-template-columns:1fr}.export-layout{grid-template-columns:1fr;gap:28px}.export-settings{max-width:520px}.list-head,.project-row{grid-template-columns:minmax(0,1fr) 130px 44px}.project-time,.list-head>span:nth-child(3){display:none}.workflow-note{align-items:flex-start;flex-direction:column;gap:10px}.workflow-note b{margin:0 5px}}@media(max-width:600px){.login-page{display:flex;flex-direction:column}.login-intro{padding:28px 24px;gap:26px}.login-intro h1{font-size:29px;margin-bottom:14px}.login-intro p{font-size:14px;margin-bottom:0}.login-intro>small,.login-frame{display:none}.login-intro .eyebrow{margin-bottom:8px}.login-form-wrap{padding:34px 24px 48px}.login-form h2{font-size:23px}.app-header{height:72px;padding:0 16px}.brand{font-size:16px;gap:8px}.brand small{font-size:9px;letter-spacing:1.5px}.brand-icon{width:32px;height:32px}.account-label{display:none}.header-right{gap:0}.header-right .text-button{font-size:12px;padding:8px 0}.projects-page{padding:32px 16px}.page-heading{margin-bottom:23px;align-items:flex-start}.page-heading h1{font-size:26px}.page-heading p{font-size:13px}.private-label{flex-shrink:0}.create-project{padding:18px}.create-project>div{flex-direction:column}.create-project input{max-width:none}.project-row{grid-template-columns:minmax(0,1fr) 44px;gap:0;padding:18px 14px}.list-head{display:none}.project-meta{grid-column:1;grid-row:2;margin-left:60px;font-size:11px}.project-row>.icon-button{grid-column:2;grid-row:1/3}.project-open{gap:12px}.project-open strong{font-size:14px}.project-open small{max-width:180px;font-size:11px}.project-symbol{width:44px;height:44px}.workflow-note{font-size:11px}.workflow-note p{line-height:2}.empty{padding:44px 18px}.editor-page{padding:20px 16px 36px}.editor-heading{gap:12px;margin-bottom:18px}.editor-title{gap:5px}.editor-title>.icon-button{width:32px;flex-shrink:0}.title-input{font-size:18px}.save-state{font-size:10px}.editor-heading>.primary,.editor-heading>.secondary{padding:10px 12px;font-size:12px}.editor-heading>button svg{width:15px}.editor-tabs{gap:0;margin-bottom:20px;justify-content:space-between}.editor-tabs>button{font-size:11px;gap:6px;padding:10px 4px;min-height:50px}.step-index{font-size:10px}.script-entry{padding-top:8px}.script-entry>h2,.export-settings>h2{font-size:22px}.script-entry>.muted{font-size:13px}.script-entry>textarea{min-height:270px}.script-footer{flex-wrap:wrap}.script-footer .primary{font-size:12px}.plan-panel{padding:20px}.error-notice{font-size:12px;padding:12px;gap:8px;flex-wrap:wrap}.edit-workspace{display:flex;flex-direction:column;gap:22px}.scene-sidebar,.canvas-column,.properties{width:100%}.scene-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:270px;gap:10px}.scene-tile{min-height:105px;padding:12px}.scene-tile strong{font-size:12px}.scene-sidebar-foot{display:none}.canvas-toolbar,.toggle{font-size:11px}.canvas .empty{padding:10px;gap:4px}.canvas .empty p{display:none}.canvas .empty h2{font-size:14px}.canvas .empty .secondary{min-height:38px;font-size:12px}.design-panel{margin-top:20px;padding:18px}.design-controls{gap:14px}.color-field,.font-field{font-size:11px}.properties input,.properties textarea,.properties select{font-size:16px;min-height:44px}.properties label{font-size:13px}.properties .small-label{font-size:11px}.export-layout{gap:24px}.jobs-panel{padding:20px}.job-heading{gap:10px;flex-wrap:wrap}.job-heading h3{font-size:13px}.job-status{font-size:10px}.job-icon{padding:8px}.job .small-label{font-size:10px}.job-actions{font-size:11px;gap:8px}.job-actions .secondary{padding:9px 12px}.conflict-panel{font-size:12px}.conflict-panel .secondary{white-space:normal}.create-project input{font-size:16px}}@media(prefers-reduced-motion:reduce){.spin,.mini-spinner{animation:none}*{scroll-behavior:auto}}.direction-settings{margin:22px 0;border-left:3px solid var(--accent);padding:12px 18px;background:var(--panel)}.direction-settings select{width:100%;margin-top:8px}.direction-settings p,.direction-reason{font-size:13px;line-height:1.65;color:var(--muted)}.script-footer{flex-wrap:wrap;gap:10px}.script-footer .mono{margin-right:auto}.template-picker{border:0;padding:0;margin:28px 0}.template-picker legend{font-weight:700;margin-bottom:16px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.template-card{border:2px solid var(--color-border,#d9e0e2);border-radius:12px;overflow:hidden;min-width:0}.template-card.selected{border-color:var(--color-primary,#9b6a16)}.template-preview{aspect-ratio:16/9;overflow:hidden}.template-card label{display:flex;gap:6px;align-items:center;padding:12px;margin:0;font-size:14px}.template-card label span{margin-left:auto;font-size:11px}.template-card p{font-size:12px;line-height:1.5;padding:0 12px 12px;margin:0}.shot-summary{border-left:3px solid var(--color-primary,#9b6a16);padding-left:12px}.shot-fields{border-top:1px solid var(--color-border,#d9e0e2);margin-top:20px;padding-top:16px}@media(max-width:767px){.template-grid{grid-template-columns:1fr}.template-card p{font-size:14px}.template-card label{font-size:16px}}.production-panel{margin:24px 0;padding:20px;border:1px solid var(--color-border,#d9e0e2);border-radius:12px}.production-panel legend{font-weight:700}.mode-switch{display:flex;gap:20px;flex-wrap:wrap}.mode-switch label,.production-panel .check-label{display:flex;flex-direction:row;align-items:center;gap:8px}.mode-switch input,.check-label input{width:18px;min-height:18px}.production-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.production-fields .full-row{grid-column:1/-1}.audio-upload input{width:100%;font-size:14px}.production-panel audio{width:100%;margin:12px 0}.production-panel details{margin-top:16px}.production-panel summary{cursor:pointer;font-weight:600;padding:10px 0}.reference-rules{display:grid;gap:12px}.reference-rules p{margin:4px 0;font-size:14px}.director-properties{border-top:1px solid var(--color-border,#d9e0e2);margin-top:20px;padding-top:16px}.focus-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.focus-controls>span{grid-column:1/-1;font-weight:600}.review-points{display:flex;gap:8px}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.review-grid article{overflow:hidden;border:1px solid var(--color-border,#d9e0e2);border-radius:12px;background:#fff}.review-grid article>div:last-child{padding:16px}.review-grid h3{font-size:16px;margin:8px 0}.review-issues{padding:16px;border-left:3px solid var(--color-primary,#9b6a16);background:#fff9ee}.review-issues>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0}.review-checklist{padding:24px;background:#fff;border-radius:12px}.editor-tabs{flex-wrap:wrap}@media(max-width:767px){.production-fields,.review-grid{grid-template-columns:1fr}.review-board .panel-heading{align-items:flex-start;flex-direction:column;gap:12px}.production-panel{padding:16px}.review-points{flex-wrap:wrap}.editor-tabs button{padding:12px 8px;font-size:13px}}