.director-workspace{--director-green:#174f43;--director-ink:#173d35;--director-lime:#dafa87;color:var(--director-ink);background:#f3f5ee;min-height:100vh;font-family:inherit}.director-workspace *{box-sizing:border-box}.director-workspace button{font:inherit;cursor:pointer;color:inherit;border:1px solid #dce5dd;border-radius:12px;background:#fff;min-height:42px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.director-workspace button:disabled{cursor:default;opacity:.55}.director-workspace button:focus-visible{outline:3px solid #8abbbb;outline-offset:2px}.director-workspace svg{width:20px;height:20px;flex-shrink:0}.director-header{max-width:1440px;margin:auto;padding:18px 28px;display:flex;gap:12px;align-items:center}.director-brand{flex:1;display:flex;align-items:center;gap:12px}.director-brand>span{background:var(--director-green);color:var(--director-lime);display:grid;place-items:center;width:46px;height:46px;border-radius:14px}.director-brand h1{font-size:23px;margin:0}.director-brand p{font-size:12px;color:#71817a;margin:4px 0 0}.director-studio{max-width:1384px;margin:10px auto 24px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;padding:0 20px}.director-primary{min-width:0;border:1px solid #e2e7dc;border-radius:24px;background:#fff;padding:26px;display:flex;flex-direction:column}.director-heading h2{margin:0 0 6px;font-size:25px;letter-spacing:-.4px}.director-heading p{margin:0 0 18px;color:#7c8c81;font-size:14px}.director-preview{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:280px;border-radius:18px;background:#edf1e8}.director-preview video{display:block;width:100%;height:300px;object-fit:contain;background:#e9eee6}.director-empty{text-align:center;padding:36px 12px;display:flex;align-items:center;flex-direction:column;gap:12px}.director-empty strong{font-size:23px}.director-empty p{margin:0;color:#7a897e;font-size:14px}.director-upload-art{width:74px;height:74px;border-radius:22px;background:#dfe8d5;display:grid;place-items:center}.director-upload-art svg{width:38px;height:38px}.director-workspace .director-primary-button{background:var(--director-green);color:#fff;font-weight:700;border-color:var(--director-green)}.director-empty>.director-primary-button{padding:13px 28px;margin-top:12px}.director-empty small{color:#8a978d;font-size:12px}.director-badge{position:absolute;top:12px;left:12px;background:#ffffffea;border-radius:24px;font-size:11px;padding:5px 10px}.director-video-tabs{position:absolute;top:10px;right:10px;display:flex;gap:5px}.director-video-tabs button{min-height:30px;font-size:12px;padding:5px 12px}.director-workspace .selected{background:#e6f0cf;border-color:#cddcb7;font-weight:700}.director-benefits{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0 16px;gap:12px}.director-benefits>div{display:flex;align-items:center;flex-direction:column;gap:6px}.director-benefits svg{color:#789250}.director-benefits b{font-size:14px}.director-benefits small{color:#859084;font-size:12px}.director-workspace .director-request-link{border:none;color:#6f8375;background:none;align-self:center;font-size:13px}.director-source-row{display:flex;align-items:center;gap:6px;margin:10px 0}.director-source-row>button{min-height:34px;font-size:12px;padding:6px 10px;flex-shrink:0}.director-clip-tabs{display:flex;gap:6px;overflow-x:auto;flex:1;min-width:0}.director-clip-tabs button{white-space:nowrap;font-size:12px;min-height:34px;padding:6px 10px}.director-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:4px 0 14px}.director-tools button{font-size:12px;padding:7px 5px;background:#f6f8f1;border:0}.director-tools svg{width:16px;height:16px}.director-transcript-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.director-transcript-head b{font-size:16px}.director-transcript-head small{font-size:11px;color:#899387}.director-transcript{height:240px;min-height:80px;overflow:auto;border:1px solid #e4e9de;border-radius:14px;background:#fbfcf8;padding:14px;line-height:2.2;font-size:19px;scrollbar-width:thin}.director-transcript button{border:0;background:none;display:inline;min-height:0;padding:2px 0;border-radius:4px;line-height:2;color:#30483c;font-size:inherit;font-weight:400}.director-transcript button:disabled{opacity:1}.director-transcript .director-deleted{color:#c22532;background:#ffe7e9;font-weight:800;text-decoration:line-through}.director-transcript-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;font-size:14px;color:#879388;gap:10px}.director-transcript-empty small{font-size:12px}.director-feedback{font-size:12px;line-height:1.6;padding:8px 2px;color:#587565}.director-feedback.error{color:#b42335}.director-actions{margin-top:16px;display:flex;gap:10px;align-items:center;justify-content:space-between}.director-actions>span{font-size:12px;color:#758575;flex:1}.director-actions button{white-space:nowrap}.director-footer-empty{height:22px}.director-aside{padding:46px 10px}.director-aside>small{font-size:10px;letter-spacing:2px;color:#8fa66e}.director-aside h2{font-size:28px;line-height:1.65;margin:22px 0 40px}.director-aside article{display:flex;gap:15px;margin:28px 0}.director-aside article>svg{color:#7c954f;margin-top:5px}.director-aside h3{margin:0 0 8px;font-size:17px}.director-aside p{margin:0;font-size:13px;line-height:1.7;color:#829080}.director-bottom-nav{display:none}.director-modal-backdrop{position:fixed;inset:0;background:#0c252765;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.director-modal{position:relative;width:min(560px,100%);max-height:85vh;overflow:auto;background:#fff;padding:28px;border-radius:22px;box-shadow:0 30px 90px #122b3835}.director-modal .director-close{position:absolute;right:14px;top:14px;padding:6px;min-height:34px;background:#f4f6f0;border:0}.director-modal h2{margin:0 30px 20px 0;font-size:22px}.director-modal p{font-size:14px;line-height:1.7;color:#6b7b6f}.director-modal textarea{font:inherit;width:100%;padding:14px;border-radius:12px;border:1px solid #dbe5d7;resize:vertical}.director-price-list p{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:9px 0;border-bottom:1px solid #e8eee4}.director-price-list b{text-align:right;font-weight:500}.director-option{display:flex;align-items:center;gap:10px;font-size:16px}.director-option input{width:20px;height:20px;accent-color:var(--director-green)}.director-history{display:flex;flex-direction:column;gap:10px}.director-history button{justify-content:space-between;text-align:left;gap:12px}.director-history button>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:4px}.director-history small{font-size:11px;color:#879385}.director-history b{font-size:14px}.director-history-paging{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:12px}
@media(max-width:1000px){.director-studio{grid-template-columns:minmax(0,1fr) 260px;gap:12px}.director-aside h2{font-size:23px}}
@media(max-width:780px){.director-workspace{height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.director-header{width:100%;padding:9px 12px;gap:7px;min-height:60px}.director-brand{gap:8px}.director-brand>span{width:34px;height:34px;border-radius:11px}.director-brand h1{font-size:18px}.director-brand p{display:none}.director-header button{min-height:36px;padding:6px 9px;font-size:12px}.director-header .director-icon-button{border:0;background:none;padding:5px}.director-header>button:last-child span{display:none}.director-studio{display:flex;flex:1;min-height:0;width:100%;padding:0 10px;margin:0 0 8px}.director-primary{width:100%;border-radius:19px;padding:16px 14px 12px;min-height:0}.director-heading h2{font-size:21px;margin:0 0 5px}.director-heading p{font-size:12px;line-height:1.5;margin-bottom:12px}.director-preview{flex:1;min-height:120px}.director-empty{padding:12px 4px;gap:10px}.director-empty strong{font-size:20px}.director-empty p{font-size:12px}.director-empty small{font-size:10px}.director-empty>.director-primary-button{min-height:46px;margin-top:8px}.director-upload-art{width:58px;height:58px;border-radius:18px}.director-benefits{margin:16px 0 5px;gap:5px}.director-benefits b{font-size:12px}.director-benefits small{font-size:10px}.director-request-link{min-height:30px!important}.director-aside{display:none}.director-has-source .director-preview{flex:none;height:clamp(110px,23vh,190px);min-height:0}.director-has-source .director-preview video{height:100%;max-height:100%;width:100%}.director-source-row{margin:6px 0}.director-source-row>button,.director-clip-tabs button{font-size:10px;min-height:28px;padding:4px 7px}.director-badge{top:6px;left:6px;font-size:9px;padding:4px 7px}.director-video-tabs{top:5px;right:5px}.director-video-tabs button{font-size:10px;min-height:26px;padding:3px 8px}.director-tools{gap:5px;margin:2px 0 9px}.director-tools button{min-height:34px;font-size:11px;gap:4px}.director-tools svg{width:14px;height:14px}.director-transcript-head{margin-bottom:6px}.director-transcript-head b{font-size:14px}.director-transcript-head small{font-size:9px}.director-transcript{flex:1;height:auto;min-height:50px;padding:10px;font-size:17px;line-height:2}.director-actions{margin-top:10px;gap:7px}.director-actions button{padding:8px 9px;font-size:12px;min-height:42px}.director-actions>span{font-size:10px}.director-feedback{padding:4px 0;font-size:11px;max-height:48px;overflow:auto;flex-shrink:0}.director-bottom-nav{display:flex;justify-content:space-around;flex-shrink:0;background:#fff;border-top:1px solid #dfe6da;padding:4px 8px calc(4px + env(safe-area-inset-bottom))}.director-bottom-nav button{border:0;border-radius:0;min-height:46px;padding:2px 8px;display:flex;flex-direction:column;gap:3px;font-size:10px;background:none}.director-bottom-nav svg{width:18px;height:18px}.director-modal-backdrop{padding:12px;align-items:flex-end}.director-modal{border-radius:20px;width:100%;max-height:80dvh;padding:24px 18px}.director-modal h2{font-size:19px}}
@media(max-height:560px) and (max-width:780px){.director-heading p{display:none}.director-heading h2{font-size:17px;margin-bottom:8px}.director-has-source .director-preview{height:100px}.director-brand>span{width:28px;height:28px}.director-header{min-height:48px;padding:5px 10px}.director-primary{padding:10px}.director-tools{margin-bottom:5px}.director-benefits{margin:8px 0 3px}.director-benefits small{display:none}.director-upload-art{display:none}.director-empty strong{font-size:18px}.director-empty p{font-size:11px}.director-bottom-nav button{min-height:38px}.director-transcript{font-size:15px}.director-actions{margin-top:6px}}

.director-processing-card{margin:0 0 14px;padding:14px 16px;border-radius:16px;background:#eef5e3;border:1px solid #dce8c8;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}.director-processing-card strong{font-size:19px;color:#164f43}.director-processing-card span{font-size:13px;color:#557369}.director-processing-card small{font-size:10px;color:#788a7e}.director-progress-track{width:min(430px,92%);height:8px;margin:5px 0 2px;border-radius:999px;overflow:hidden;background:#d9e2d4}.director-progress-track i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#174f43,#9dcb50,#174f43);animation:director-progress 1.5s ease-in-out infinite}@keyframes director-progress{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}
.director-cut-guide{display:flex;flex-direction:column;gap:10px;margin:4px 0 16px}.director-cut-guide p{display:flex;align-items:flex-start;gap:11px;margin:0;padding:11px;border-radius:13px;background:#f4f7ef}.director-cut-guide p>b{width:27px;height:27px;border-radius:50%;background:#174f43;color:#fff;display:grid;place-items:center;flex:none}.director-cut-guide span{display:flex;flex-direction:column;gap:3px}.director-cut-guide strong{font-size:14px}.director-cut-guide small{font-size:12px;color:#718077;line-height:1.5}.director-fixed-option{display:flex;align-items:flex-start;gap:12px;padding:15px;border-radius:14px;background:#eef5e3;margin:4px 0 18px}.director-fixed-option>svg{color:#174f43}.director-fixed-option span{display:flex;flex-direction:column;gap:5px}.director-fixed-option small{font-size:12px;color:#6c7d72;line-height:1.6}
.director-download-modal{text-align:center}.director-download-content{display:flex;flex-direction:column;align-items:center;gap:12px}.director-download-content>p{margin:0}.director-download-content>.director-primary-button{width:100%;min-height:50px;font-size:16px}.director-download-address{width:100%;font:inherit;border:1px solid #dce5dd;border-radius:8px;padding:10px;color:#496255;background:#f7f9f4}.director-download-backdrop{align-items:center}
@media(max-width:780px){.director-processing-card{padding:10px 12px;margin-bottom:9px;gap:3px}.director-processing-card strong{font-size:17px}.director-processing-card span{font-size:11px}.director-processing-card small{font-size:9px}.director-progress-track{height:7px;margin:4px 0 1px}.director-has-source .director-preview{height:clamp(100px,20vh,165px)}.director-download-backdrop{align-items:center}}

.director-download-link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border:1px solid var(--director-green);border-radius:12px;text-decoration:none;padding:12px 16px;font:inherit}.director-download-link:focus-visible{outline:3px solid #8abbbb;outline-offset:3px}.director-download-content>.director-copy-button{width:100%;min-height:46px}.director-has-result .director-preview video{height:390px}
@media(max-width:780px){.director-workspace .director-header .director-history-entry span{display:inline}.director-has-result .director-preview{height:clamp(155px,31vh,260px)}.director-has-result .director-preview video{height:100%}}
@media(max-width:780px) and (max-height:620px){.director-has-result .director-preview{height:140px}}
