:root{color-scheme:dark;--bg:#0e1117;--panel:#151a23;--panel2:#1a202c;--line:#2a3343;--text:#e8edf7;--muted:#8e9aaf;--accent:#62adff;--green:#76d8a6;--yellow:#e6cc72;--orange:#f3a561;--red:#f5848d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--text);background:var(--bg);font:14px/1.5 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select{font:inherit}button,summary{cursor:pointer}button:disabled{cursor:default;opacity:.4}input,select{background:#10151e;border:1px solid #354158;border-radius:7px;color:var(--text);padding:9px 11px;min-width:0}input:focus,select:focus{border-color:var(--accent)}input[type=search]{width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,svg:focus-visible,label:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:26px;font-weight:550;letter-spacing:-.7px;line-height:1.3}h2{font-size:17px;font-weight:550;letter-spacing:-.2px}h3{font-size:13px;font-weight:550}button{color:inherit}.muted{color:var(--muted)}.small,small{font-size:12px}.error{color:var(--red)}.text-link{color:var(--accent)}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:20px;font-weight:650;letter-spacing:-.6px}.brand .muted{font-weight:400}.brand img{filter:drop-shadow(0 0 10px #2985ed22)}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid #3b4d68;border-radius:7px;padding:9px 15px;background:#1e2b40;font-size:12px;font-weight:500;white-space:nowrap}.button:hover{border-color:var(--accent);background:#233550}.button.primary{background:#60aaff;color:#07152a;border-color:#60aaff;box-shadow:0 0 18px #2985ed16;font-weight:650}.button.primary:hover{background:#8bc3ff}.button.subtle{background:transparent;border-color:var(--line)}.button.icon-button{width:34px;min-width:34px;padding:5px;font-size:21px}.counter{font:11px Consolas,monospace;border:1px solid #34425b;color:#9eb9de;border-radius:5px;padding:1px 6px;margin-inline-start:8px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{display:flex;align-items:center;gap:7px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:5px;font-size:10px;white-space:nowrap;border:1px solid transparent}.badge.neutral{color:#9aaac4;background:#25324955;border-color:#38465e}.state-done,.badge.good{color:var(--green);background:#76d8a610;border-color:#76d8a62b}.state-failed,.badge.bad{color:var(--red);background:#f5848d10;border-color:#f5848d2b}.state-running{color:var(--accent);background:#62adff10;border-color:#62adff2b}.state-queued{color:var(--yellow);background:#e6cc7210;border-color:#e6cc722b}.state-expired,.state-uploading,.state-cancelled{color:var(--muted);background:#8e9aaf10;border-color:#8e9aaf2b}.message{color:var(--accent);font-size:12px;overflow-wrap:anywhere}.message:empty{display:none}.message:not(:empty){margin:12px 0}.message.error{color:var(--red)}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;padding:35px 15px;border:1px dashed var(--line);border-radius:8px}.empty p{font-size:12px}.empty strong{font-size:14px;font-weight:500}.empty-mark{font-size:30px;color:#647e9f}.filters,.tabs{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.filters button,.tabs button{background:transparent;border:1px solid transparent;color:var(--muted);padding:6px 10px;border-radius:5px;font-size:11px}.filters button:hover,.tabs button:hover{color:var(--text)}.filters button.active,.tabs button.active{background:#263a56;color:#94c9ff;border-color:#3a567b}.tabs{border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:18px;gap:8px}.tabs button{font-size:12px;padding:7px 12px}.public-header{max-width:1080px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 32px;border-bottom:1px solid #222a38}.public-header nav{display:flex;align-items:center;gap:22px;font-size:12px}.language-picker{display:flex;align-items:center;gap:5px;color:#a0b1ca}.language-picker select{font-size:11px;max-width:155px;padding:6px;border-color:var(--line)}.public-main{max-width:960px;margin:auto;padding:35px 28px 20px}.public-intro{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:24px}.public-intro h1{font-size:32px}.public-intro p{font-size:13px;margin-top:5px}.service-status{display:flex;align-items:center;gap:7px;font-size:10px;padding:6px 10px;border:1px solid var(--line);border-radius:30px;white-space:nowrap;color:var(--muted)}.status-dot{width:6px;height:6px;background:currentColor;border-radius:50%;box-shadow:0 0 10px currentColor}.service-status[data-pressure=free]{color:var(--green)}.service-status[data-pressure=short]{color:var(--yellow)}.service-status[data-pressure=medium]{color:var(--orange)}.service-status[data-pressure=high]{color:var(--red)}.service-status[data-pressure=paused],.service-status[data-pressure=offline]{color:#9ca8ba}.upload-panel{padding:18px 22px;background:linear-gradient(110deg,#19212f,#151a23 65%);border-color:#35435a;box-shadow:0 15px 55px #0002}.drop{border:1px dashed #435776;border-radius:8px;min-height:185px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;cursor:pointer;background:#0c13202b;transition:background .15s,border .15s}.drop:hover,.drop.drag{background:#2468bf12;border-color:var(--accent)}.drop strong{font-size:16px;font-weight:500;max-width:90%;overflow-wrap:anywhere}.drop .choose{font-size:12px;color:var(--accent)}.drop small{font-size:10px}.step-icon{width:32px;height:32px;stroke:var(--accent);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.upload-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:17px}.upload-bottom>.small{font-size:11px}.upload-bottom .primary{min-width:145px}.link-panel{min-height:185px;display:flex;justify-content:center;flex-direction:column;gap:10px}.link-panel label{font-size:12px}.link-panel input{width:100%;padding:13px}progress{width:100%;height:5px;accent-color:var(--accent);margin-top:12px;border:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;padding:0;margin:25px 0 32px}.steps li{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border-inline-end:1px solid var(--line)}.steps li:last-child{border:0}.steps .step-icon{width:29px;height:29px;color:var(--accent)}.steps li>span{display:flex;flex-direction:column;gap:2px;font-size:12px}.steps small{font:9px Consolas,monospace;color:#6c85a8}.library .section-heading{margin-bottom:14px}.library-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.library-tools input{max-width:260px;font-size:11px;padding:7px 10px}.transcript-row{display:flex;align-items:center;gap:16px;padding:16px 12px;border-bottom:1px solid var(--line)}.transcript-row:first-child{border-top:1px solid var(--line)}.file-symbol{width:34px;height:40px;flex-shrink:0;border:1px solid #3a4c68;border-radius:5px;display:grid;place-items:center;color:var(--accent);background:#1b2b4255;font-size:18px}.transcript-body{flex:1;min-width:0}.transcript-title{font-size:13px;font-weight:500;display:block;overflow-wrap:anywhere}.row-meta{display:flex;flex-wrap:wrap;gap:4px 15px;color:var(--muted);font-size:10px;margin:5px 0}.row-actions{display:flex;align-items:center;gap:6px}.row-actions .button{padding:6px 10px;font-size:11px}.row-actions .icon-button{padding:3px;font-size:18px;min-width:30px;width:30px}.format-select{padding:5px;font-size:10px;max-width:75px}.privacy{border-top:1px solid var(--line);margin-top:28px;padding-top:15px}.privacy summary{color:var(--muted);font-size:11px}.privacy p{padding:12px 0;max-width:760px;line-height:1.8}.public-footer{max-width:960px;display:flex;justify-content:space-between;padding:20px 28px;margin:auto;font-size:11px}.public-footer>div{display:flex;gap:20px}dialog{border:1px solid #4b6388;border-radius:10px;background:#151c29;color:var(--text);max-width:850px;width:92%;max-height:85vh;padding:24px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#000a}dialog pre{font:14px/1.9 'Segoe UI',sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0}dialog h2{max-width:90%;overflow-wrap:anywhere}.sidebar{width:205px;position:fixed;top:0;bottom:0;left:0;background:#11161f;border-right:1px solid var(--line);padding:25px 17px;display:flex;flex-direction:column;z-index:20}.sidebar .brand{font-size:19px}.nav-label{font:9px Consolas,monospace;color:#7587a4;letter-spacing:2px;margin:32px 12px 10px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{padding:10px 12px;border-radius:6px;color:#a6b3c9;font-size:12px}.sidebar nav a:hover,.sidebar nav a.active{background:#26374d;color:var(--accent)}.sidebar-bottom{margin-top:auto;font-size:11px;padding:12px}.sidebar-bottom p{font-size:10px;margin:12px 0}.admin-shell{margin-left:205px}.admin-header{height:65px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 28px;position:sticky;top:0;z-index:10;background:#0e1117ed;border-bottom:1px solid var(--line);backdrop-filter:blur(15px);font-size:12px}.header-actions{display:flex;gap:12px;align-items:center}.admin-main{padding:25px 28px 50px;max-width:1800px;margin:auto}.admin-main section{scroll-margin-top:85px;margin-bottom:22px}.admin-main .panel{padding:18px}.admin-main .section-heading{flex-wrap:wrap;gap:12px}.admin-main h1{font-size:23px}.admin-main .section-heading p{margin-top:4px}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:18px 0}.metric{padding:14px;border:1px solid var(--line);border-radius:8px;background:#151b26}.metric strong{display:block;font-size:25px;line-height:1.4;font-weight:500;color:#afd2ff}.metric span{font-size:10px;color:var(--muted)}.host-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.host-card{padding:13px;border:1px solid var(--line);border-radius:8px;background:#141a24}.host-card h3{font-size:11px;color:var(--muted)}.host-card strong{font-size:18px;font-weight:500;display:block;margin:4px 0}.host-card p{font-size:10px;color:var(--muted)}.meter{height:4px;background:#29344a;border-radius:2px;margin-top:10px;overflow:hidden}.meter>span{display:block;height:100%;background:var(--accent)}.notice{font-size:12px;border:1px solid #75633b;background:#e6cc720a;color:var(--yellow);padding:12px;margin-top:15px;border-radius:6px}.queue-row{display:grid;grid-template-columns:30px minmax(180px,1.2fr) minmax(160px,1fr) minmax(120px,1fr) auto;gap:12px;padding:13px 0;border-top:1px solid var(--line);align-items:center}.queue-position{font:11px Consolas,monospace;color:#9db9de}.queue-row strong{font-size:12px;overflow-wrap:anywhere;display:block;font-weight:500}.queue-row p{font-size:10px;color:var(--muted);margin-top:4px}.queue-actions{display:flex;align-items:center;gap:5px}.queue-actions select{width:50px;font-size:11px;padding:5px}.queue-actions button{font-size:10px;padding:5px 7px}.charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.chart-panel{min-width:0;background:#101621;border:1px solid var(--line);border-radius:7px;padding:12px}.chart-panel h3{display:flex;justify-content:space-between;font-size:12px;gap:10px;flex-wrap:wrap}.chart-panel h3 small{font-size:10px;font-weight:400}.chart{width:100%;height:auto;display:block;margin:10px 0 0;touch-action:pan-y}.chart .grid{stroke:#293448;stroke-width:1}.chart .axis-label{fill:#7d8da7;font:9px 'Segoe UI',sans-serif}.chart .line{stroke-width:2;fill:none;stroke-linejoin:round;stroke-linecap:round}.series-0{stroke:#65b0ff}.series-1{stroke:#a5a4fa}.series-2{stroke:#f4ac74}.chart .cursor{stroke:#7a91b5;stroke-dasharray:3 3}.chart-readout{font-size:10px;min-height:34px;color:#a3b5d0;margin:4px 0;overflow-wrap:anywhere}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:9px;color:#a3b5d0;margin-top:8px}.legend span::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;margin-inline-end:4px;background:#65b0ff}.legend span:nth-child(2)::before{background:#a5a4fa}.legend span:nth-child(3)::before{background:#f4ac74}.table-wrap{width:100%;overflow-x:auto;scrollbar-color:#405272 #141a23}table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}th,td{text-align:left;padding:10px 9px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-weight:500;font-size:10px;color:#8598b5;background:#141b27}td .muted{font-size:9px}td .button{font-size:10px;padding:4px 7px}tbody tr:hover{background:#1d2b3e55}.table-tools{display:flex;gap:12px;margin-bottom:15px}.table-tools input{max-width:450px;font-size:12px}.table-tools select{font-size:12px;max-width:220px}.pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:14px}.pagination>div{display:flex;gap:8px}.pagination .button{font-size:10px;padding:6px 10px}.admin-form{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.admin-form label{font-size:11px;color:var(--muted)}.admin-form select{width:100%;display:block;margin-top:6px;font-size:12px}.settings-actions{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.checkbox{display:flex;gap:8px;align-items:center;font-size:12px}.worker-card{border:1px solid var(--line);border-radius:7px;margin-top:10px;padding:12px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.worker-card p{font-size:10px;color:var(--muted);margin-top:4px}.worker-card strong{font-size:12px}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0}.model-card{border:1px solid var(--line);background:#111822;border-radius:7px;padding:14px}.model-card.active{border-color:#5587c4}.model-card h3{font-size:14px;display:flex;justify-content:space-between;align-items:center}.model-card p{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.6}.model-card code{font:9px Consolas,monospace;display:block;overflow-wrap:anywhere;color:#97b3d7;margin:8px 0}.model-card a{font-size:10px;color:var(--accent)}.version-tags{display:flex;flex-wrap:wrap;gap:7px}.version-tags span{font:10px Consolas,monospace;border:1px solid #35445d;border-radius:5px;padding:5px 8px;color:#a2bbdc}.login-panel{max-width:450px;margin:45px auto}.login-panel label{display:block;font-size:12px;margin:24px 0 8px}.login-panel input{width:100%}.login-panel .button{margin:16px 0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.detail-grid>div{padding:10px;border:1px solid var(--line);border-radius:5px}.detail-grid dt{font-size:10px;color:var(--muted)}.detail-grid dd{font-size:12px;margin:4px 0 0;overflow-wrap:anywhere}.timeline{list-style:none;padding:0}.timeline li{font-size:11px;border-inline-start:2px solid #3b5981;padding:8px 12px;margin:8px 0}.timeline time{color:var(--muted);display:block;font-size:10px}.timeline code{display:block;font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere}details{margin-top:15px}summary{font-size:12px}.mono{font-family:Consolas,monospace}[hidden]{display:none!important}@media(min-width:1600px){.model-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:1150px){.metrics{grid-template-columns:repeat(3,1fr)}.host-grid{grid-template-columns:repeat(2,1fr)}.model-grid{grid-template-columns:repeat(2,1fr)}.queue-row{grid-template-columns:25px 1fr 1fr}.queue-row>div:nth-child(4){grid-column:2}.queue-actions{justify-self:end}}@media(max-width:850px){.sidebar{position:static;width:auto;height:auto;padding:14px 20px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.sidebar .nav-label,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;overflow:auto;gap:2px}.sidebar nav a{font-size:0;padding:7px}.sidebar nav a:first-letter{font-size:18px}.sidebar nav .counter{display:none}.admin-shell{margin:0}.admin-header{height:55px;padding:0 20px}.admin-main{padding:20px}.charts-grid{gap:12px}.chart-readout{font-size:9px}}@media(max-width:620px){.public-header{padding:17px 18px}.brand{font-size:18px}.public-header nav>a{display:none}.public-header nav{gap:10px}.public-main{padding:25px 18px 15px}.public-intro{flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:18px}.public-intro h1{font-size:27px}.public-intro p{font-size:12px}.upload-panel{padding:15px}.drop{min-height:170px}.drop strong{font-size:14px}.upload-bottom .primary{min-width:120px}.upload-bottom>.small{max-width:150px;font-size:10px}.steps{gap:5px;margin:20px 0 28px}.steps li{padding:7px 4px;gap:6px}.steps .step-icon{width:23px;height:23px}.steps li>span{font-size:10px}.library-tools{flex-direction:column;align-items:stretch;gap:12px}.library-tools input{max-width:none}.transcript-row{gap:10px;flex-wrap:wrap;padding:14px 0}.transcript-body{width:calc(100% - 45px)}.row-actions{margin-inline-start:44px}.public-footer{padding:18px}.charts-grid{grid-template-columns:1fr}.model-grid{grid-template-columns:1fr}.admin-main .panel{padding:13px}.admin-form{grid-template-columns:repeat(2,1fr)}.metrics{gap:8px}.metric{padding:10px}.metric strong{font-size:21px}.metric span{font-size:9px}.host-grid{gap:8px}.host-card{padding:10px}.host-card strong{font-size:17px}.queue-row{grid-template-columns:20px minmax(0,1fr)}.queue-row>div:nth-child(3),.queue-row>div:nth-child(4){grid-column:2}.queue-actions{grid-column:2;justify-self:start}.admin-header .badge{font-size:9px}.admin-header .button{font-size:10px;padding:6px 9px}.sidebar .brand{font-size:16px}.sidebar .brand img{width:28px;height:28px}.table-tools{flex-direction:column}.table-tools select{max-width:none}.detail-grid{grid-template-columns:1fr}.settings-actions{gap:15px}.settings-actions .button{font-size:11px}.section-heading .filters{gap:2px}.filters button{padding:5px 7px;font-size:10px}.pagination{flex-wrap:wrap}dialog{padding:16px}.admin-main{padding:17px 13px}.admin-header{padding:0 13px}.sidebar{padding:12px 13px;gap:8px}.sidebar nav{max-width:230px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

@media(max-width:850px){.sidebar nav a{font-size:10px;white-space:nowrap;padding:7px 9px}.sidebar nav a:first-letter{font-size:inherit}}

/* Adaptive workspace and readable transcript cards. */
.public-header,.public-footer{max-width:1600px;padding-inline:36px}.public-main{max-width:1600px;padding:32px 36px 20px}.public-intro{grid-area:intro}.upload-panel{grid-area:upload;align-self:start}.steps{grid-area:steps}.library{grid-area:library;min-width:0}.privacy{grid-area:privacy}.public-footer{padding-top:24px}.library-tools input{max-width:235px}
#jobs{display:grid;gap:12px}.transcript-card{border:1px solid #303c50;border-radius:10px;padding:18px;background:linear-gradient(110deg,#18202d,#141b26);min-width:0;transition:border-color .15s}.transcript-card:hover{border-color:#48658d}.transcript-card-head{display:flex;align-items:center;gap:12px}.transcript-info{flex:1;min-width:0}.transcript-title{font-size:14px;line-height:1.5;font-weight:550;overflow-wrap:anywhere}.transcript-date{display:block;font-size:11px;color:var(--muted);margin-top:4px}.transcript-card .file-symbol{width:36px;height:40px;background:#263a5455}.transcript-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;color:#8fa3bf;font-size:11px;margin:14px 0}.transcript-card-meta .expiry{margin-inline-start:auto;font-size:10px}.transcript-card-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:13px;border-top:1px solid #2b3a50}.read-button{background:#263c5b;border-color:#3c5a80;font-size:12px;padding:8px 14px}.download-formats{display:flex;gap:6px;flex-wrap:wrap}.format-button{border:1px solid #3b4d69;border-radius:6px;background:#131e2f;color:#b8d5fb;font:11px Consolas,monospace;min-height:34px;min-width:47px;padding:7px 10px}.format-button:hover{border-color:var(--accent);color:#e4f2ff;background:#254365}.transcript-card .error{margin:12px 0}.admin-locked .admin-shell{margin-left:0}.admin-locked .admin-main{max-width:none;min-height:100svh;padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:center}.admin-locked .login-panel{width:100%;max-width:430px;margin:0;padding:28px}.admin-locked #admin-message{max-width:430px;width:100%}.admin-main{max-width:none}
.reader-dialog{width:min(1120px,calc(100vw - 48px));max-width:1120px;height:min(860px,calc(100svh - 64px));max-height:calc(100svh - 64px);padding:0;overflow:hidden;flex-direction:column;border-color:#43597b;background:#121924}.reader-dialog[open]{display:flex}.reader-header{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:23px 27px 17px;border-bottom:1px solid var(--line)}.reader-header>div{min-width:0}.reader-header h2{font-size:18px;line-height:1.5;max-width:none}.reader-header p{margin-top:7px}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 27px;background:#17202e;border-bottom:1px solid var(--line)}.reader-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px 27px 40px;scrollbar-color:#415c81 #121924}.reader-row{display:grid;grid-template-columns:94px minmax(0,1fr);gap:18px;padding:14px 0;border-bottom:1px solid #27344a66;align-items:baseline}.reader-time{font:11px/1.8 Consolas,monospace;color:#85b8f4;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;white-space:nowrap}.reader-paragraph{font-family:'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.9;font-weight:400;color:#dce5f4;white-space:pre-wrap;overflow-wrap:anywhere;max-width:85ch}.plain-reading{padding:26px 40px 45px}.plain-reading .reader-paragraph{margin:0 auto 20px;max-width:78ch;line-height:2}
@media(min-width:1100px) and (orientation:landscape){.public-main{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr);grid-template-areas:'intro intro' 'upload library' 'steps library' 'privacy privacy';column-gap:32px;row-gap:0;align-items:start}.public-intro{margin-bottom:28px}.library .section-heading{margin-bottom:13px}.library .section-heading h2{font-size:18px}.upload-panel .drop{min-height:230px}.steps{gap:4px;margin:20px 0 0}.steps li{padding:10px 3px;gap:7px}.steps li>span{font-size:11px}.privacy{margin-top:30px}.library{grid-row:2 / span 2}.library-tools{gap:12px}.library-tools input{max-width:210px}}
@media(min-width:1600px){.public-main{column-gap:42px;grid-template-columns:minmax(400px,.85fr) minmax(0,1.15fr)}.upload-panel .drop{min-height:280px}}
@media(max-width:1099px), (orientation:portrait){.public-main{display:block}.library{margin-top:28px}.public-main,.public-header,.public-footer{max-width:1100px}.steps{margin-bottom:30px}}
@media(max-width:620px){.public-main{padding:24px 18px 15px}.public-header,.public-footer{padding-inline:18px}.steps{grid-template-columns:1fr;gap:0;margin:14px 0 24px;border:1px solid var(--line);border-radius:8px;padding:5px 14px;background:#141b26}.steps li{justify-content:flex-start;gap:13px;border:0;border-bottom:1px solid var(--line);padding:10px 0}.steps li:last-child{border-bottom:0}.steps li>span{flex-direction:row;align-items:center;gap:14px;font-size:12px}.steps .step-icon{width:24px;height:24px}.steps small{font-size:10px}.library{margin-top:24px}.transcript-card{padding:15px}.transcript-title{font-size:13px}.transcript-card-meta{gap:8px 12px}.transcript-card-meta .expiry{flex-basis:100%;margin:0}.transcript-card-actions{gap:10px}.download-formats{gap:5px}.format-button{padding:7px 9px;min-width:42px}.reader-dialog{width:100%;max-width:100%;height:100svh;max-height:100svh;border:0;border-radius:0;margin:0}.reader-header{padding:19px 17px 15px}.reader-header h2{font-size:15px}.reader-toolbar{padding:11px 17px}.reader-content{padding:5px 17px 30px}.reader-row{grid-template-columns:66px minmax(0,1fr);gap:12px;padding:13px 0}.reader-time{font-size:10px}.reader-paragraph{font-size:15px;line-height:1.85}.plain-reading{padding:22px 20px 35px}.admin-locked .admin-main{padding:20px}.admin-locked .login-panel{padding:23px}}

.submission-column{grid-area:submit;min-width:0}.submission-column .upload-panel{width:100%}
@media(min-width:1100px) and (orientation:landscape){.public-main{grid-template-areas:'intro intro' 'submit library' 'privacy privacy'}.library{grid-row:auto}.submission-column{position:sticky;top:24px}}
