:root{--wine:#41151c;--wine-soft:#f2e8e9;--ink:#2e2727;--muted:#827673;--line:#e8e0da;--paper:#faf7f3;--cream:#eee6db;--green:#47644c;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 var(--sans)}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{border:0}h1,h2,h3,p{margin:0}button svg,a svg{width:18px;height:18px;flex:none}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.boot{min-height:100vh;display:grid;place-content:center;text-align:center;gap:22px}.boot img{width:180px;border-radius:3px}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:#fffdfb;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:26px 18px;z-index:3}.wordmark{display:flex;flex-direction:column;align-items:center;padding:2px 16px 27px;border-bottom:1px solid var(--line)}.wordmark img{width:158px;height:85px;object-fit:contain;background:var(--wine);border-radius:2px}.wordmark small{font-size:9px;letter-spacing:3.3px;color:var(--muted);margin-top:15px;text-transform:uppercase}.nav-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#a59a94;margin:30px 14px 12px}.nav{display:grid;gap:7px}.nav button{padding:13px 14px;display:flex;align-items:center;gap:12px;background:transparent;color:#796c68;text-align:left;border-radius:6px}.nav button.active{background:var(--wine-soft);color:var(--wine);font-weight:600}.nav button:hover{background:#f5efea}.nav button span:last-child:not(:first-child){margin-left:auto;background:white;border-radius:4px;font-size:11px;padding:0 7px}.sidebar-bottom{margin-top:auto;padding:20px 10px 0}.local-state{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.dot{width:6px;height:6px;border-radius:50%;background:#6d8263}.sidebar-bottom p{font-size:10px;color:#a09590;margin-top:7px}.workspace{margin-left:228px;min-height:100vh}.topbar{height:77px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#fffdfb;border-bottom:1px solid var(--line)}.breadcrumb{color:var(--muted);font-size:12px;display:flex;gap:10px}.breadcrumb b{font-weight:500;color:var(--ink)}.avatar{background:var(--wine);color:#fff;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:10px}.top-right{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.main{padding:35px 42px 50px;max-width:1640px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:2.1px;color:var(--muted);margin-bottom:7px}.page-heading h1{font:36px/1.16 var(--serif);letter-spacing:-.7px}.page-heading p{color:var(--muted);font-size:12px;margin-top:9px}.btn{padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:5px;font-size:12px;font-weight:500;text-decoration:none;background:white;border:1px solid var(--line);color:var(--ink);white-space:nowrap}.btn.primary{background:var(--wine);color:white;border-color:var(--wine)}.btn.soft{background:var(--wine-soft);border-color:transparent;color:var(--wine)}.btn.small{padding:8px 12px;font-size:11px}.btn:hover{filter:brightness(.97)}.button-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.hero{background:#eee7dd;border:1px solid #e2d8cb;border-radius:8px;display:grid;grid-template-columns:1fr 260px;overflow:hidden;margin-bottom:26px;min-height:225px}.hero-copy{padding:29px 32px}.hero h2{font:28px/1.2 var(--serif);margin:8px 0 11px;max-width:340px;letter-spacing:-.3px}.hero p{color:#80736b;font-size:12px;max-width:330px;margin-bottom:20px}.hero-photo{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 24px 0 0;align-items:start}.hero-photo img{width:100%;height:225px;object-fit:cover;object-position:center 34%;border:6px solid #fffaf5;box-shadow:0 5px 15px #3b241520;transform:rotate(-7deg);margin-top:3px}.hero-photo img+img{transform:rotate(7deg);margin-top:29px}.tag{display:inline-flex;align-items:center;gap:6px;border-radius:3px;padding:4px 8px;font-size:9px;letter-spacing:.3px;background:#f4efeb;color:#7f736c}.tag.new{background:#f5eee4;color:#93763f}.tag.review{background:#efe9f3;color:#7b6288}.tag.approved{background:#e9f0e8;color:#50734e}.tag.rejected{background:#f3e9e7;color:#9b655b}.tag.awaiting{background:#e7edf5;color:#557397}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:31px}.stat{background:#fffdfb;border:1px solid var(--line);border-radius:6px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.stat small{color:var(--muted);font-size:11px}.stat strong{display:block;font:29px var(--serif);margin-top:4px}.stat-icon{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#f5efea;color:#937e70}.stat-icon svg{width:16px;height:16px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}.section-top h2{font:21px var(--serif)}.section-top small{font:11px var(--sans);color:var(--muted);margin-left:8px}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search{position:relative}.search svg{position:absolute;left:12px;top:11px;width:16px;height:16px;color:var(--muted)}.search input{width:200px;border:1px solid var(--line);border-radius:5px;background:#fffdfb;padding:9px 12px 9px 36px;font-size:11px}.filters select{border:1px solid var(--line);border-radius:5px;background:#fffdfb;padding:9px 27px 9px 12px;font-size:11px;color:var(--muted);max-width:220px}.chips{display:flex;gap:7px;margin-bottom:21px;overflow:auto;padding-bottom:2px}.chips button{border:1px solid var(--line);background:#fffdfb;color:#8b7d75;border-radius:20px;padding:6px 13px;font-size:10px;white-space:nowrap}.chips button.active{background:var(--wine);border-color:var(--wine);color:white}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.image-card{background:#fffdfb;border:1px solid var(--line);border-radius:7px;overflow:hidden;cursor:pointer;transition:box-shadow .15s,transform .15s;position:relative;text-align:left;padding:0}.image-card:hover{box-shadow:0 7px 18px #412e2112;transform:translateY(-2px)}.card-photo{aspect-ratio:4/5;position:relative;overflow:hidden;background:#ebe6df}.card-photo img{width:100%;height:100%;object-fit:contain;background:#f3efe9}.card-photo .tag{position:absolute;top:12px;left:12px;box-shadow:0 1px 4px #0000000b}.card-content{padding:14px 14px 13px}.card-content h3{font-size:12px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:5px}.card-content p{color:#9c8f87;font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:13px;color:#9c8f87;font-size:10px}.card-footer .arrow{color:var(--wine);font-size:16px}.empty{background:#fffdfb;border:1px dashed #d9ccc0;min-height:230px;display:grid;place-content:center;text-align:center;padding:28px;border-radius:7px}.empty svg{margin:0 auto 15px;width:32px;height:32px;color:#ab9381}.empty h3{font:22px var(--serif);margin-bottom:8px}.empty p{font-size:12px;color:var(--muted);max-width:350px;margin:0 auto 20px}.empty .button-row{justify-content:center}.footnote{font-size:10px;color:#a5968c;margin-top:25px;display:flex;gap:6px;align-items:center}.footnote svg{width:12px;height:12px}.banner{padding:14px 17px;background:#fff9e9;border:1px solid #ecdfbf;color:#8d7442;border-radius:5px;font-size:12px;margin-bottom:20px}.error-banner{background:#f8ece8;border-color:#e7c9bf;color:#9a483a}.panel{background:#fffdfb;border:1px solid var(--line);border-radius:7px;padding:25px;margin-bottom:18px}.panel h2{font:24px var(--serif);margin-bottom:10px}.panel p{font-size:12px;color:var(--muted);margin-bottom:18px}.link-field{display:flex;gap:9px;margin:18px 0;align-items:center}.link-field input{flex:1;min-width:0;padding:12px;border:1px solid var(--line);background:var(--paper);border-radius:4px;font-size:12px}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.flow div{background:#f4eee6;padding:20px;border-radius:5px}.flow b{display:block;font-size:12px;margin:8px 0}.flow p{font-size:11px;margin:0}.flow span{font:24px var(--serif);color:#a48b70}.batches{display:grid;gap:10px}.batch-row{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:#fffdfb;border:1px solid var(--line);border-radius:5px;gap:15px}.batch-row b{font-size:13px;font-weight:500}.batch-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.batch-actions{display:flex;gap:8px}.upload-page{max-width:590px;margin:0 auto;padding:45px 24px 60px;text-align:center}.upload-logo{width:158px;background:var(--wine);margin-bottom:33px;border-radius:2px}.upload-page h1{font:36px var(--serif);margin-bottom:12px}.upload-page>p{font-size:14px;color:var(--muted);margin-bottom:30px}.drop-zone{border:1.5px dashed #ccb8ac;border-radius:9px;background:#fffdfa;padding:45px 25px;transition:background .2s}.drop-zone.drag{background:#eee3dc;border-color:var(--wine)}.drop-zone svg{width:35px;height:35px;color:#9c7b68;margin-bottom:14px}.drop-zone h2{font:23px var(--serif);margin-bottom:10px}.drop-zone p{color:var(--muted);font-size:12px;margin-bottom:24px}.drop-zone small{display:block;color:#a2958c;font-size:10px;margin-top:16px}.upload-list{margin-top:22px;display:grid;gap:9px;text-align:left}.upload-file{display:flex;gap:12px;align-items:center;background:#fffdfa;border:1px solid var(--line);border-radius:5px;padding:10px 13px}.upload-file img{width:44px;height:53px;object-fit:cover;border-radius:2px}.upload-file div{flex:1;min-width:0}.upload-file b{display:block;font-size:12px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.upload-file small{font-size:10px;color:var(--muted)}.upload-file.failed small{color:#a44e3c}.upload-file.success .receipt{color:var(--green)}.upload-file .receipt{font-size:17px}.upload-progress{margin:24px 0;text-align:left}.upload-progress p{font-size:12px;margin-bottom:9px}.progress-track{height:4px;background:#e8ded3;border-radius:5px;overflow:hidden}.progress-bar{height:100%;background:var(--wine);transition:width .2s}.upload-success{background:#ecf2e8;border:1px solid #d6e3cb;padding:22px;border-radius:8px;margin-top:24px}.upload-success h2{font:24px var(--serif);margin-bottom:8px}.upload-success p{font-size:12px;color:#6a7c61}.upload-success .btn{margin-top:17px}.hide{display:none!important}dialog{padding:0;border:1px solid #d4c4b7;border-radius:10px;width:min(1180px,calc(100% - 38px));max-height:calc(100vh - 45px);background:var(--paper);color:var(--ink)}dialog::backdrop{background:#241c19a6;backdrop-filter:blur(3px)}.review-head{display:flex;align-items:center;justify-content:space-between;padding:17px 24px;background:#fffdfb;border-bottom:1px solid var(--line)}.review-head h2{font:21px var(--serif);max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button{width:32px;height:32px;display:grid;place-items:center;background:#f3ece5;color:#877167;border-radius:50%}.icon-button svg{width:16px;height:16px}.review-layout{display:grid;grid-template-columns:1fr 310px;min-height:600px}.review-visual{padding:22px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-label{font-size:10px;color:var(--muted);margin-bottom:9px;text-transform:uppercase;letter-spacing:1px}.compare figure{margin:0;min-width:0}.compare-photo{height:430px;background:#eee7df;border:1px solid var(--line);border-radius:4px;display:grid;place-items:center;overflow:hidden}.compare-photo img{width:100%;height:100%;object-fit:contain}.compare-photo p{padding:22px;font:19px var(--serif);text-align:center;color:#a68e7a}.preview-tabs{display:flex;gap:6px;margin:17px 0 12px}.preview-tabs button{border:1px solid var(--line);background:#fffdfb;border-radius:4px;padding:6px 10px;font-size:10px;color:var(--muted)}.preview-tabs button.active{background:var(--wine-soft);color:var(--wine)}.versions{display:flex;gap:8px;overflow:auto;padding:4px 0}.version{border:1px solid var(--line);background:#fffdfb;padding:4px;border-radius:4px;flex:none}.version.active{border:2px solid var(--wine);padding:3px}.version img{width:50px;height:60px;object-fit:contain}.review-controls{border-left:1px solid var(--line);background:#fffdfb;padding:22px;overflow:auto}.review-controls h3{font:18px var(--serif);margin-bottom:11px}.review-controls label.field{display:block;color:var(--muted);font-size:10px;margin:13px 0 5px}.review-controls select,.review-controls textarea{width:100%;border:1px solid var(--line);background:var(--paper);padding:9px 10px;border-radius:4px;font-size:11px;color:var(--ink);resize:vertical}.review-controls .btn{width:100%;margin-top:9px}.review-controls .hint{font-size:10px;color:#a19388;margin-top:8px}.divider{border-top:1px solid var(--line);margin:21px 0}.check{display:flex;gap:8px;align-items:flex-start;font-size:11px;margin:9px 0;color:#83736c}.check input{accent-color:var(--wine);margin-top:3px}.download-row{display:flex;gap:7px}.download-row .btn{width:auto;flex:1;padding:9px 5px;font-size:10px}.review-controls .tag{margin-bottom:10px}.reject{color:#a27467;background:transparent;margin-top:11px;font-size:10px;text-decoration:underline;display:block;width:100%}.review-controls .field textarea{width:100%}.modal-banner{font-size:11px;color:#9e644c;padding:10px;background:#f7eae4;border-radius:4px;margin:10px 0}.spinner{width:15px;height:15px;border:2px solid #ffffff50;border-top-color:white;display:inline-block;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--wine);color:white;border-radius:6px;padding:12px 19px;font-size:12px;z-index:20;box-shadow:0 4px 14px #0002;opacity:0;transition:opacity .2s;pointer-events:none;max-width:85vw;text-align:center}#toast.visible{opacity:1}.fatal{max-width:500px;margin:100px auto;padding:30px;text-align:center}.fatal h1{font:30px var(--serif);margin-bottom:18px}.fatal p{margin-bottom:20px;color:var(--muted)}.mobile-brand{display:none}.export-actions{margin:15px 0;display:flex;gap:8px}.no-scroll{overflow:hidden}
@media(min-width:1500px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1150px){.sidebar{width:196px}.workspace{margin-left:196px}.main{padding:28px}.topbar{padding:0 28px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.review-layout{grid-template-columns:1fr 280px}.compare-photo{height:370px}.hero{grid-template-columns:1fr 210px}.hero-copy{padding:24px}.hero-photo{padding-right:15px;gap:8px}.stats{gap:10px}.stat{padding:14px}.section-top{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:32px}}
@media(max-width:850px){.sidebar{position:static;width:auto;display:block;padding:0;border-bottom:1px solid var(--line);border-right:0}.wordmark,.nav-label,.sidebar-bottom{display:none}.mobile-brand{display:block;background:var(--wine);padding:10px;text-align:center}.mobile-brand img{height:48px}.nav{display:flex;overflow:auto;padding:8px}.nav button{padding:9px 11px;font-size:11px;white-space:nowrap;gap:7px}.nav button span:last-child:not(:first-child){display:none}.workspace{margin-left:0}.topbar{height:53px;padding:0 22px}.main{padding:24px 22px}.hero{grid-template-columns:1fr 180px}.hero h2{font-size:25px}.hero-photo img{height:220px}.stats{grid-template-columns:repeat(2,1fr)}.grid{gap:12px}.review-layout{grid-template-columns:1fr}.review-controls{border-left:0;border-top:1px solid var(--line)}.compare-photo{height:330px}.review-controls .btn{max-width:none}.flow{grid-template-columns:1fr}.top-right>span{display:none}}
@media(max-width:540px){.main{padding:22px 16px}.topbar{padding:0 16px}.page-heading{align-items:flex-start}.page-heading h1{font-size:29px}.page-heading p{max-width:210px;line-height:1.7}.page-heading .btn{padding:9px;font-size:10px}.hero{display:block;min-height:0}.hero-copy{padding:23px}.hero-photo{display:none}.hero h2{font-size:28px}.stats{gap:9px;margin-bottom:25px}.stat{padding:14px}.stat-icon{display:none}.filters{width:100%}.search{flex:1}.search input{width:100%}.filters select{max-width:135px;min-width:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-content{padding:10px}.card-content h3{font-size:11px}.card-content p{font-size:9px}.card-footer{font-size:9px}.card-photo .tag{top:8px;left:8px;font-size:8px}.link-field{flex-wrap:wrap}.link-field input{flex-basis:100%}.panel{padding:20px}.batch-row{padding:15px;align-items:flex-start}.batch-actions{flex-direction:column;gap:5px}.upload-page{padding:35px 18px}.drop-zone{padding:35px 18px}dialog{width:calc(100% - 16px);max-height:calc(100dvh - 18px)}.review-visual{padding:14px}.review-head{padding:15px}.review-head h2{font-size:18px}.compare{gap:8px}.compare-photo{height:280px}.compare-label{font-size:8px}.review-controls{padding:20px}.preview-tabs button{font-size:9px}.export-actions{flex-wrap:wrap}.review-layout{min-height:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.upload-meter{width:100%;height:5px;appearance:none;border:0;border-radius:4px;background:#e8ded3}.upload-meter::-webkit-progress-bar{background:#e8ded3;border-radius:4px}.upload-meter::-webkit-progress-value{background:var(--wine);border-radius:4px}.upload-meter::-moz-progress-bar{background:var(--wine);border-radius:4px}

.compare-photo{position:relative}.compare-photo img{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0}.nav button span:nth-child(2){margin-left:0;background:transparent;padding:0}.nav button span:nth-child(3){margin-left:auto;background:white;padding:0 7px}@media(max-width:850px){.nav button span:nth-child(2){display:inline}.nav button span:nth-child(3){display:none}}
.nav button span:nth-child(2){display:inline!important;}

.batch-name-input{width:100%;min-width:120px;padding:9px;border:1px solid var(--line);border-radius:4px;background:var(--paper)}

/* Upload page: single action, generous touch targets, safe areas, small preview list. */
.upload-v2{max-width:600px;padding:38px 24px max(32px,env(safe-area-inset-bottom));min-height:100vh;min-height:100dvh}
.upload-v2 .upload-logo{width:142px;margin-bottom:24px}
.upload-v2 h1{font-size:42px;line-height:1.15;letter-spacing:-1px;margin:9px 0 14px}
.upload-v2 .upload-intro{font-size:16px;line-height:1.65;margin-bottom:25px}
.upload-v2 .drop-zone{padding:24px 22px;background:#fffdfb}
.upload-v2 .drop-zone>svg{width:31px;height:31px;margin:0 auto 18px;display:block}
.upload-v2 #choose-photos{display:flex;width:100%;min-height:60px;align-items:center;justify-content:center;font-size:17px;font-weight:600;border-radius:8px;touch-action:manipulation}
.upload-v2 .drop-zone p{margin:17px 0 0;font-size:13px;line-height:1.6}
.upload-v2 .drop-zone small{font-size:12px;margin-top:6px;line-height:1.5;color:#82736b}
.upload-status-panel{padding:22px 20px;margin-top:22px;text-align:left;border:1px solid var(--line);background:#fffdfb;border-radius:10px}
.upload-status-heading{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.upload-status-heading h2{font:24px var(--serif);line-height:1.25;min-width:0}
.upload-counter{font-size:12px;white-space:nowrap;background:#f2ece5;padding:5px 9px;border-radius:20px}
.upload-status-panel>p{font-size:13px;line-height:1.7;color:var(--muted);margin:11px 0 15px}
.upload-status-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin-top:8px}
.upload-text-button{background:transparent;text-decoration:underline;color:var(--wine);min-height:44px;min-width:44px;padding:9px 4px;font-size:14px;touch-action:manipulation}
.upload-v2 .upload-list{margin-top:14px;gap:8px}
.upload-v2 .upload-file{min-height:72px;padding:12px;gap:12px;border-radius:8px}
.upload-v2 .upload-file b{font-size:14px;line-height:1.5}
.upload-v2 .upload-file small{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.upload-file-icon{flex:0 0 40px!important;width:40px;height:44px;display:grid;place-items:center;border-radius:5px;background:#f5efe9;color:#987b68}
.upload-file-icon svg{height:23px;width:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.upload-v2 .upload-file-icon img{height:44px;width:40px;object-fit:cover}
.upload-v2 .success .upload-file-icon{background:#edf3e9;color:var(--green)}
.upload-v2 .footnote{font-size:12px;line-height:1.7;margin:25px 0 0}
.upload-v2 .all-files{margin-top:10px}
.video-visual video{display:block;width:100%;max-height:520px;background:#241c19;border-radius:6px;object-fit:contain}
.video-visual .hint{font-size:12px;color:var(--muted);margin:14px 0;line-height:1.6}
.review-controls input[type=number]{width:100%;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:5px;background:var(--paper);font-size:16px}
.saved-issues{margin-bottom:20px}.saved-issues p{margin:8px 0 14px}
.saved-issue{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:12px 0}
.saved-issue div{min-width:0}.saved-issue b{display:block;overflow-wrap:anywhere;font-size:13px}.saved-issue small{display:block;margin-top:5px;color:var(--muted)}.saved-issue .btn{flex:none}
@media(max-width:540px){
  .upload-v2{padding:24px max(18px,env(safe-area-inset-left)) max(28px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-right))}
  .upload-v2 .upload-logo{width:128px;margin-bottom:20px}.upload-v2 h1{font-size:38px}
  .upload-v2 .drop-zone{padding:22px 17px}.upload-status-panel{padding:20px 16px}
  .upload-status-heading h2{font-size:23px}.saved-issue{align-items:flex-start;flex-direction:column}
  .review-controls select,.review-controls textarea,.batch-name-input,.link-field input,.search input{font-size:16px}
  .nav button,.icon-button,.preview-tabs button,.version,.btn{min-height:44px;touch-action:manipulation}
}

.login-page{max-width:420px;margin:8vh auto;padding:32px 24px;text-align:center}.login-page>img{width:160px;margin-bottom:30px}.login-page h1{margin:12px 0}.login-page form{text-align:left;margin:28px 0}.login-page label{display:block;margin-bottom:9px}.login-page input{width:100%;font:inherit;border:1px solid #d8c9c4;border-radius:6px;padding:14px;background:white}.login-page .btn{width:100%;margin-top:16px;justify-content:center}.login-page small{color:#806b6a}#login-error{color:#9c3038;min-height:24px}