.transcription-detail{gap:16px;max-width:1000px;margin:0 auto;display:grid}.transcription-detail__back{color:#fff9;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;width:fit-content;min-height:44px;padding:8px 10px;font-size:13px;font-weight:640;display:inline-flex}.transcription-detail__back:hover{color:var(--genx-text-primary)}.transcription-detail__empty{color:#ffffff80}.transcription-detail__layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:20px;display:grid}.transcription-detail__main{background:#ffffff05;border:1px solid #ffffff17;border-radius:12px;gap:14px;min-width:0;padding:20px;display:grid}.transcription-detail__title{overflow-wrap:anywhere;min-width:0;color:var(--genx-text-primary);margin:0;font-size:20px;font-weight:760}.transcription-detail__search{color:#fff9;background:#ffffff0a;border:1px solid #ffffff1c;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;min-height:42px;padding:10px 12px;display:flex}.transcription-detail__search input{min-width:0;color:var(--genx-text-primary);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.transcription-detail__search-count{color:#ffffff75;flex:none;font-size:12px}.transcription-detail__text{overflow-wrap:anywhere;white-space:pre-wrap;color:#ffffffdb;margin:0;font-size:15px;line-height:1.6}.transcription-detail__side{background:#ffffff05;border:1px solid #ffffff17;border-radius:12px;gap:10px;padding:18px;display:grid}.transcription-detail__side-title{color:var(--genx-text-primary);text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:13px;font-weight:760}.transcription-detail__export-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.transcription-detail__export-grid button,.transcription-detail__copy{min-height:56px;color:var(--genx-text-primary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.transcription-detail__copy{flex-direction:row;font-size:13px}.transcription-detail__export-grid button:hover,.transcription-detail__copy:hover{border-color:#ffffff47}.transcription-detail__error{color:#ff8080;margin:0;font-size:12px;font-weight:700}.transcription-detail__delete{color:#ff8080;cursor:pointer;background:#ff808014;border:1px solid #ff808059;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:42px;font-size:13px;font-weight:700;display:flex}.transcription-detail__delete:hover:not(:disabled){background:#ff808029}.transcription-detail__delete:disabled{cursor:default;opacity:.6}.transcription-detail__nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}@container transcription (max-width:800px){.transcription-detail__layout{grid-template-columns:minmax(0,1fr);gap:16px}.transcription-detail__side{order:-1;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.transcription-detail__side-title,.transcription-detail__export-grid,.transcription-detail__error{grid-column:1/-1}.transcription-detail__copy{min-height:44px}.transcription-detail__main{padding:16px}.transcription-detail__search-count{flex-basis:100%}.transcription-detail__search input{font-size:16px}}
.transcription-list{gap:16px;max-width:720px;margin:0 auto;display:grid}.transcription-list__search{color:#fff9;background:#ffffff0b;border:1px solid #ffffff1c;border-radius:8px;align-items:center;gap:10px;min-height:46px;padding:0 14px;display:flex}.transcription-list__search input{width:100%;min-width:0;color:var(--genx-text-primary);font:inherit;background:0 0;border:0;outline:0;font-size:14px}.transcription-list__title{color:var(--genx-text-primary);margin:0;font-size:15px;font-weight:720}.transcription-list__empty,.transcription-list__error{color:#ffffff80;margin:0;font-size:14px}.transcription-list__error{color:#ff8080}.transcription-list__items{gap:8px;margin:0;padding:0;list-style:none;display:grid}.transcription-list__item{text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff17;border-radius:10px;align-items:flex-start;gap:12px;width:100%;padding:14px 16px;display:flex}.transcription-list__item:hover{border-color:#fff3}.transcription-list__item-icon{background:rgba(var(--product-accent-rgb,209, 254, 23), .12);width:34px;height:34px;color:var(--genx-brand-primary);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.transcription-list__item-copy{flex:1;gap:2px;min-width:0;display:grid}.transcription-list__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.transcription-list__item-name{min-width:0;color:var(--genx-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.transcription-list__item-date{color:#ffffff75;font-size:12px}.transcription-list__item-preview{color:#ffffff9e;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}@container transcription (max-width:600px){.transcription-list__search input{font-size:16px}}
.transcription-dropzone{gap:8px;display:grid}.transcription-dropzone__area{text-align:center;cursor:pointer;background:#ffffff08;border:1px dashed #ffffff2e;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:180px;padding:28px 20px;display:flex}.transcription-dropzone__area:hover{border-color:var(--genx-brand-primary);box-shadow:inset 0 0 0 1px var(--genx-brand-primary), inset 0 0 26px rgba(var(--product-accent-rgb,209, 254, 23), .22)}.transcription-dropzone__area--over{border-color:var(--genx-brand-primary);background:rgba(var(--product-accent-rgb,209, 254, 23), .06);box-shadow:inset 0 0 0 1px var(--genx-brand-primary), inset 0 0 32px rgba(var(--product-accent-rgb,209, 254, 23), .3)}.transcription-dropzone__area--error{border-color:#ff8080}.transcription-dropzone__icon{color:#fffc;background:#ffffff0f;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.transcription-dropzone__hint{color:#ffffffdb;max-width:360px;margin:0;font-size:15px;font-weight:620}.transcription-dropzone__hint b{color:var(--genx-brand-primary);font-weight:720}.transcription-dropzone__limit{color:#ffffff75;font-size:12px}.transcription-dropzone__types{overflow-wrap:anywhere;color:#ffffff61;letter-spacing:.02em;max-width:100%;font-size:11px}.transcription-dropzone__input{display:none}.transcription-dropzone__file{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-width:0;max-width:100%;display:grid}.transcription-dropzone__file-icon{background:rgba(var(--product-accent-rgb,209, 254, 23), .14);width:38px;height:38px;color:var(--genx-brand-primary);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.transcription-dropzone__file-name{min-width:0;max-width:100%;color:var(--genx-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.transcription-dropzone__file-meta{color:#ffffff80;flex:none;grid-area:2/2;font-size:12px}.transcription-dropzone__file-remove{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:7px;grid-area:1/3/3;align-items:center;gap:4px;min-height:44px;margin-left:4px;padding:6px 10px;font-size:12px;font-weight:640;display:inline-flex}.transcription-dropzone__file-remove:hover{color:#ff8080;border-color:#ff8080}.transcription-dropzone__error{overflow-wrap:anywhere;color:#ff8080;margin:0;font-size:13px;font-weight:700}.transcription-dropzone__area[aria-disabled=true]{cursor:default;box-shadow:none}@container transcription (max-width:460px){.transcription-dropzone__area{padding:20px 12px}.transcription-dropzone__file{text-align:left;grid-template-columns:auto minmax(0,1fr)}.transcription-dropzone__file-remove{grid-area:3/1/auto/-1;justify-content:center;margin:4px 0 0}}
.transcription-settings{background:#ffffff08;border:1px solid #ffffff17;border-radius:10px}.transcription-settings__toggle{width:100%;min-height:52px;color:var(--genx-text-primary);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.transcription-settings__toggle-copy{text-align:left;gap:2px;display:grid}.transcription-settings__title{font-size:14px;font-weight:720}.transcription-settings__summary{color:#ffffff80;font-size:12px}.transcription-settings__row{justify-content:space-between;align-items:center;gap:16px;padding:4px 16px 16px;display:flex}.transcription-settings__field-copy{gap:2px;min-width:0;display:grid}.transcription-settings__field-title{font-size:14px;font-weight:680}.transcription-settings__field-hint{color:#ffffff75;font-size:12px}.transcription-settings__select{flex:none;width:200px}@container transcription (max-width:600px){.transcription-settings__row{flex-direction:column;align-items:stretch;gap:12px}.transcription-settings__select{width:100%;min-width:0}}
.transcription-upload{background:#ffffff05;border:1px solid #ffffff17;border-radius:14px;gap:22px;max-width:720px;margin:0 auto;padding:24px;display:grid}.transcription-upload__head h1{color:var(--genx-text-primary);margin:0 0 4px;font-size:20px;font-weight:760}.transcription-upload__head p{color:#ffffff8f;margin:0;font-size:14px}.transcription-upload__error{color:#ff8080;margin:0;font-size:13px;font-weight:700}.transcription-upload__submit{background:var(--genx-brand-primary);color:#111;cursor:pointer;border:0;border-radius:8px;min-height:48px;font-size:15px;font-weight:820}.transcription-upload__submit:disabled{cursor:default;filter:grayscale();opacity:.66}@media (max-width:640px){.transcription-upload{border-radius:12px;gap:18px;padding:16px}}.transcription-upload__head{overflow-wrap:anywhere;min-width:0;line-height:1.45}
.image-workspace-page.transcription-page{min-height:0;padding:0}.transcription-workspace{box-sizing:border-box;grid-template-columns:minmax(0,1fr);align-content:start;gap:22px;width:100%;min-width:0;padding:24px clamp(16px,3vw,40px) 40px;display:grid;container:transcription/inline-size}.transcription-workspace>section{box-sizing:border-box;width:100%;min-width:0}@media (max-width:768px){.genx-main:has(.transcription-page){margin-top:max(0px, calc(var(--genx-mobile-header-measured-height,var(--genx-mobile-header-stack-height)) - var(--safe-top,0px)));height:auto}}@media (max-width:640px){.transcription-workspace{padding:16px 12px 24px}}