/* Uebersetzungsstudio: Anordnung und Videovorschau. Karten, Knoepfe, Eingaben, Pillen aus ds-components.css. */
@font-face{font-family:DSCAmiri;src:url('/assets/fonts/amiri/Amiri-Regular.woff2') format('woff2');font-display:swap}
.dsc-shell{box-sizing:border-box;width:min(100%,1256px);margin:0 auto;padding:0 20px 96px;color:var(--ds-text);font-family:var(--ds-font,system-ui,sans-serif)}
.dsc-shell *{box-sizing:border-box;min-width:0}
.dsc-shell [hidden]{display:none}
.dsc-hero-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.dsc-shell h2{margin:0 0 12px;font-size:20px}
.dsc-shell label{display:grid;gap:7px;font-size:13px;font-weight:600;color:var(--ds-muted2,var(--ds-text))}
.dsc-shell p,.dsc-shell small{line-height:1.7}
.dsc-source-note{margin:20px 0;padding:4px 12px;border-left:2px solid var(--ds-accent);color:var(--ds-muted2,var(--ds-text));font-size:13px;line-height:1.7}
#dsc-message:not(:empty){margin:14px 0;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--ds-accent) 12%,transparent);font-size:13px;line-height:1.7}
#dsc-message.is-error{color:#d97762}
.dsc-access,.dsc-upload,.dsc-url-import,.dsc-design,.dsc-preview-panel,.dsc-transcript{padding:clamp(16px,3vw,22px)}
.dsc-upload{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.dsc-upload p{margin:4px 0 0;color:var(--ds-muted2,var(--ds-text));font-size:13px}
.dsc-upload small{color:var(--ds-muted2,var(--ds-text))}
.dsc-upload-button{position:relative;cursor:pointer}
.dsc-upload-button input{position:absolute;width:1px;height:1px;clip-path:inset(50%)}
.dsc-upload-button:focus-within{outline:3px solid var(--ds-accent);outline-offset:2px}
.dsc-shell progress{width:100%;height:6px;accent-color:var(--ds-accent)}
.dsc-url-import{margin-top:14px}
.dsc-url-row{display:flex;gap:12px;margin-top:8px}
.dsc-url-row .ds-c-input{flex:1}
.dsc-url-row .ds-c-btn{flex-shrink:0}
.dsc-url-import p{margin:10px 0 0;color:var(--ds-muted2,var(--ds-text));font-size:12px}
.dsc-project-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:20px 0}
.dsc-project-row>label{flex:1 1 220px}
.dsc-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.dsc-video-stage{position:relative;width:100%;overflow:hidden;border-radius:14px;background:#020609;line-height:0;container-type:inline-size}
.dsc-video-stage video{display:block;width:100%;max-height:540px;object-fit:contain}
.dsc-caption{position:absolute;left:6%;right:6%;bottom:10%;padding:8px 12px;border-radius:8px;background:rgba(7,21,34,.65);color:#fff;font-size:3.8cqw;line-height:1.35;text-align:center;pointer-events:none}
.dsc-caption:empty{display:none}
.dsc-caption #dsc-ar{font-family:DSCAmiri,serif;font-size:1.65em;line-height:1.55;color:#f7bc65}
.dsc-caption #dsc-de{font-family:Poppins,var(--ds-font,sans-serif)}
#dsc-brand{position:absolute;left:50%;bottom:5%;width:17%;transform:translateX(-50%);opacity:.58;pointer-events:none}
#dsc-brand img{width:100%;height:auto}
.dsc-preview-note{margin:10px 0;color:var(--ds-muted2,var(--ds-text));font-size:12px}
.dsc-export{display:flex;flex-wrap:wrap;gap:8px}
.dsc-design{display:grid;gap:14px}
.dsc-design h2,.dsc-design .ds-c-eyebrow{margin:0}
.dsc-colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dsc-shell input[type=color]{width:100%;height:36px;padding:2px;border:1px solid var(--ds-border);border-radius:8px;background:transparent}
.dsc-shell input[type=range]{width:100%;accent-color:var(--ds-accent)}
.dsc-shell label.dsc-check{display:flex;align-items:flex-start;gap:8px;line-height:1.6}
.dsc-check input{margin-top:3px;accent-color:var(--ds-accent)}
.dsc-transcript{grid-column:1/-1}
.dsc-transcript-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.dsc-review-note{color:var(--ds-muted2,var(--ds-text));font-size:13px}
.dsc-segment{display:grid;grid-template-columns:125px 1fr 1fr 40px;gap:12px;padding:18px 0;border-top:1px solid var(--ds-border)}
.dsc-segment.is-current{padding-left:10px;border-left:3px solid var(--ds-accent)}
.dsc-times{display:grid;gap:6px;align-content:start}
.dsc-times .ds-c-input{min-height:36px;padding:0 8px;font-size:13px}
.dsc-segment textarea.ds-c-input{min-height:100px;padding:10px 12px;font-size:14px;line-height:1.6;resize:vertical}
.dsc-segment textarea[lang=ar]{font:22px/1.6 DSCAmiri,serif}
.dsc-warning{grid-column:2/4;color:#bf8537;font-size:12px;line-height:1.7}
.dsc-retention{margin-top:18px;color:var(--ds-muted2,var(--ds-text));font-size:12px}
@media(max-width:800px){.dsc-shell{padding:0 14px 80px}.dsc-grid{grid-template-columns:1fr}.dsc-design{grid-template-columns:1fr 1fr}.dsc-design>.ds-c-eyebrow,.dsc-design>h2{grid-column:1/-1}.dsc-segment{grid-template-columns:1fr 1fr 40px}.dsc-times{grid-column:1/-1;grid-template-columns:1fr 1fr 44px}.dsc-warning{grid-column:1/-1}.dsc-hero-row>.ds-c-pill{display:none}.dsc-caption{padding:5px 8px}.dsc-video-stage video{max-height:480px}}
@media(max-width:600px){.dsc-url-row{flex-direction:column}}