.episode-field{display:flex;align-items:stretch;gap:8px}
.episode-field input{flex:1;min-width:0}
.episode-field .episode-camera-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;min-height:46px;padding:10px;background:#e4f1f7;color:#075e85;border:1px solid #9fc8db;border-radius:12px}
.episode-camera-button:hover{background:#cce5f1}
.episode-camera{box-sizing:border-box;border:1px solid #d8e4eb;border-radius:22px;width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:24px;color:#17394e;background:#fff;box-shadow:0 24px 90px #001d4060;overflow:auto}
.episode-camera::backdrop{background:rgba(5,28,46,.66)}
.episode-camera [hidden]{display:none!important}
.episode-camera h2{font-size:23px;margin:0 0 8px;line-height:1.2;color:#0b4465}
.episode-camera p{margin:8px 0 16px;line-height:1.5}
.episode-camera .ep-head{display:flex;gap:16px;justify-content:space-between;align-items:flex-start}
.episode-camera .ep-close{border:0;background:#edf3f6;border-radius:50%;width:38px;height:38px;flex:0 0 38px;font-size:24px;cursor:pointer;color:#17394e}
.episode-camera .ep-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.episode-camera button{font:inherit}
.episode-camera .btn{min-height:44px;padding:10px 16px;border-radius:11px;border:1px solid #bad0dd;background:#f1f7fa;color:#17435e;cursor:pointer;box-shadow:none}
.episode-camera .btn.primary{background:#08638c;border-color:#08638c;color:white}
.episode-camera .btn:disabled{opacity:.5;cursor:default}
.episode-camera :focus-visible,.episode-camera-button:focus-visible{outline:3px solid #169cca;outline-offset:3px}
.episode-camera .ep-image{position:relative;width:fit-content;max-width:100%;margin:14px auto;line-height:0;overflow:hidden;border-radius:10px;background:#edf2f5}
.episode-camera canvas{display:block;max-height:35dvh;max-width:100%;width:auto;height:auto}
.episode-camera .ep-selection{position:absolute;left:0;right:0;border:2px solid #2cb5e8;background:rgba(65,191,238,.08);box-shadow:0 0 0 2000px #001d4055;pointer-events:none}
.episode-camera .ep-crop{background:#edf5f9;padding:12px;border-radius:12px}
.episode-camera .ep-crop label{display:flex;justify-content:space-between;font-size:13px;margin:4px 0}
.episode-camera input[type=range]{padding:0;width:100%;min-height:32px;accent-color:#08638c}
.episode-camera .ep-status{padding:12px 14px;border-radius:11px;background:#eef5f9;color:#245370;line-height:1.45;font-size:14px;margin:12px 0}
.episode-camera .ep-status[data-error=true]{background:#fff4df;color:#73501b}
.episode-camera .ep-result{border:1px solid #b4d8e5;background:#f3fafc;border-radius:14px;padding:16px;margin-top:14px}
.episode-camera .ep-result label{display:block;font-weight:700;margin:0 0 8px}
.episode-camera .ep-result input{box-sizing:border-box;width:100%;font:700 26px/1.4 monospace;letter-spacing:.06em;color:#06476b;background:white;border:1px solid #9fc5d5;border-radius:10px;padding:10px 12px}
.episode-camera .ep-result p{font-size:13px;margin:8px 0;color:#40647a}
.episode-camera .ep-choice{font-variant-numeric:tabular-nums}
.episode-camera .ep-privacy{color:#567182;font-size:12px;line-height:1.5;margin:14px 0 0}
body.professional-mode .episode-field .episode-camera-button{padding:10px!important;background:#e4f1f7!important;color:#075e85!important;border-color:#9fc8db!important;min-height:44px!important}
body.professional-mode .episode-camera .ep-result input{font:700 26px/1.4 monospace!important;letter-spacing:.06em!important;color:#06476b!important}
body.professional-mode .episode-camera input[type=range]{padding:0!important;border:0!important;background:transparent!important;min-height:32px}
@media(max-width:480px){.episode-camera{padding:18px 15px;border-radius:17px}.episode-camera h2{font-size:21px}.episode-camera .ep-actions>.btn{flex:1}.episode-camera .ep-result input{font-size:23px}}