@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/fonts/roboto-condensed.ttf') format('truetype')}
.caption-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.control-field{display:flex!important;flex-direction:column;gap:8px;font-size:13px;color:#b8b8b8;min-width:0}.control-field :is(input,select,textarea){width:100%;min-width:0;max-width:100%;border:1px solid #444;border-radius:8px;padding:10px 12px;min-height:42px;color:#f5f5f5;background:#101010;font:inherit;line-height:1.5}.control-field textarea{resize:vertical}.control-field:has(input[type=checkbox]){flex-direction:row!important;align-items:center}.control-field input[type=checkbox]{width:18px;height:18px;min-height:18px;order:-1;accent-color:#fff}.control-field input[type=range]{padding:8px 0;accent-color:#ddd}.caption-rows{display:grid;gap:16px;margin-top:24px}.caption-row{display:grid;grid-template-columns:28px minmax(90px,1fr) minmax(90px,1fr) minmax(0,3fr);gap:12px;padding:16px;background:#161616;border-radius:10px;align-items:start}.caption-index{font-size:12px;color:#999;padding-top:30px;font-variant-numeric:tabular-nums}.caption-row-actions{grid-column:2/-1;display:flex;gap:8px;flex-wrap:wrap}.caption-row-actions button{font-size:12px;min-height:34px;padding:6px 10px}.caption-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.caption-advanced{margin-top:20px;color:#a5a5a5;font-size:13px}.caption-advanced summary{cursor:pointer;padding:12px 0}.caption-advanced textarea{margin-block:12px}.control-status{font-size:13px;color:#ccc;line-height:1.6;min-height:24px;margin-top:16px;white-space:pre-wrap}.control-empty{font-size:14px;color:#999;padding:24px 0}.editor-control-dialog{width:min(1080px,calc(100vw - 32px))!important;max-width:1080px!important;max-height:calc(100dvh - 32px);height:auto!important;overflow:auto!important;margin:auto!important;inset:0!important;padding:24px!important;background:#181818;color:#f5f5f5;border:1px solid #444;border-radius:14px}.editor-control-dialog::backdrop{background:#000b}.control-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.control-heading h2{font-size:24px;font-weight:500;margin:0}.control-close{min-width:40px;width:40px;height:40px;padding:0!important;font-size:24px!important}.cover-editor{display:grid;grid-template-columns:minmax(230px,1fr) minmax(0,1.7fr);gap:28px;align-items:start}.cover-fields{display:grid;gap:16px}.cover-preview{display:block;width:100%;height:auto;max-height:65dvh;object-fit:contain;background:#0c0c0c;border-radius:8px;position:sticky;top:0}.control-footer{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:24px}.editor-control-dialog button{min-height:42px;padding:10px 16px;border-radius:8px;border:1px solid #444;color:#eee;background:#242424;line-height:1.4}.editor-control-dialog button.primary{color:#111;background:#f3f3f3;border-color:#f3f3f3}.editor-control-dialog button:disabled{opacity:.45;cursor:default}.brand-apply-form{display:grid;gap:20px;max-width:640px}.request-cost{margin:10px 0 0;font-size:12px;color:#b5b5b5;line-height:1.5}.message-body{overflow-wrap:anywhere}.message .plan-card{min-width:0}.message .plan-card button{width:100%;white-space:normal}.brand-form input[type=file]{white-space:normal;padding:10px}.brand-status{min-height:24px}.viewer-toolbar button{white-space:nowrap}
@media(max-width:1100px){.caption-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.caption-row{grid-template-columns:24px minmax(0,1fr) minmax(0,1fr)}.caption-row>.control-field:has(textarea){grid-column:2/-1}.cover-editor{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}
@media(max-width:640px){.caption-style-grid{grid-template-columns:minmax(0,1fr)}.caption-row{padding:12px;gap:10px}.caption-actions>button{width:100%}.cover-editor{grid-template-columns:minmax(0,1fr)}.cover-preview{position:static;grid-row:1;max-height:40dvh}.editor-control-dialog{padding:20px!important}.control-footer>button{flex:1;white-space:normal}.control-heading h2{font-size:22px}.viewer-toolbar{flex-wrap:wrap}.viewer-toolbar>div{flex-wrap:wrap}}
.enhancement-dialog{max-width:1040px!important}.enhancement-dialog>p{font-size:14px;line-height:1.65;color:#b7b7b7;max-width:80ch;margin:12px 0 20px}.enhancement-dialog form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;padding:0!important}.enhancement-dialog form>p{grid-column:1/-1;margin:0;font-size:14px}.enhancement-dialog form>button{grid-column:2;grid-row:1}.enhance-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.enhance-comparison h3,.enhance-recent h3{font-size:15px;font-weight:500;margin:0 0 12px}.enhance-comparison :is(video,img){display:block;width:100%;height:260px;object-fit:contain;background:#080808;border-radius:8px}.enhance-comparison button{margin-top:16px;white-space:normal}.enhance-download{display:inline-flex;min-height:40px;align-items:center;margin:12px 0;color:#ddd;text-decoration:underline}.enhancement-dialog progress{width:100%;height:8px;accent-color:#eee;margin-top:24px}.enhance-recent{margin-top:24px}.enhance-job{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #333;font-size:13px}.viewer-toolbar>div:last-child{display:flex;flex-wrap:wrap;gap:8px!important}.viewer-toolbar>div:last-child button:not(#fullscreen){width:auto!important;min-width:max-content!important;padding:9px 12px!important;flex:0 0 auto;font-size:12px!important;line-height:1.4}.viewer-toolbar #fullscreen{flex:0 0 40px;min-width:40px}.viewer-toolbar select{flex:0 0 auto;min-width:80px}
@media(max-width:640px){.enhance-comparison{grid-template-columns:minmax(0,1fr)}.enhancement-dialog form{grid-template-columns:minmax(0,1fr)}.enhancement-dialog form>button{grid-column:1;grid-row:auto}.enhance-job{flex-wrap:wrap}.enhance-comparison :is(video,img){height:220px}}

.viewer-toolbar{flex-wrap:wrap;gap:12px}.viewer-toolbar>div{min-width:0}.viewer-toolbar>div:first-child{flex:1 1 220px}.viewer-toolbar>div:last-child{flex:0 1 auto}
