/* LENZ SELECT STUDIO — Atelier Edition: cinematic visual refinement.
   All edits are visual; media processing, exports, and session logic stay in app.js/studio.js. */
:root {
  --ink:#242525;
  --muted:#7f807d;
  --paper:#f1efe9;
  --white:#fffefa;
  --line:#dfdcd4;
  --dark:#191b1c;
  --dark2:#27292a;
  --gold:#c1a17f;
  --cream:#ebe2d7;
  --good:#6f7471;
  --studio-dark:#1b1d1e;
  --studio-cream:#f5f2ec;
  --studio-gold:#bf9e7a;
  --studio-rule:#e4e0d8;
  --atelier-shadow: 0 24px 60px rgba(28,26,23,.075);
}
html{scroll-behavior:smooth}
body{background:var(--paper);background-image:radial-gradient(circle at 92% -4%,rgba(198,174,144,.08),transparent 30%)}
button,select,input{outline-offset:3px}
button:focus-visible,select:focus-visible,input:focus-visible,.photo-card:focus-visible{outline:2px solid #bb936e;outline-offset:3px}
button{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}
button:not(:disabled):active{transform:translateY(1px)}
::selection{background:#d8bea1;color:#222324}

/* Navigation becomes a quiet charcoal atelier rather than a green dashboard. */
.sidebar{background:linear-gradient(156deg,#1d1f20 0%,#17191b 78%);border-right:1px solid #363637;padding-top:29px}
.brand{border-bottom:1px solid rgba(235,218,193,.12);padding:7px 5px 34px;margin-bottom:35px}
.brand-symbol{border-color:#c3a583;color:#ede0cc;background:radial-gradient(circle at 100% 0%,rgba(200,165,123,.09),transparent 65%)}
.brand-symbol i{border-color:#c3a583}
.brand-wordmark b{font-size:16px;letter-spacing:4.6px;color:#f3f0e9}
.brand-wordmark>span{color:#c5aa89}
.brand-wordmark small{color:#797b7a}
.sidebar-label,.sidebar-section{color:#898783}
.nav-link{border-radius:9px;color:#a2a4a0;position:relative}
.nav-link:hover{background:#292b2d;color:#eee8e0}
.nav-link.active{background:#303032;color:#f4eee5;box-shadow:inset 2px 0 #b99b77}
.nav-link.active .nav-icon,.nav-link.active em{color:#d5b694}
.sidebar-steps>div{color:#adb0ae}
.step-index{color:#c3a17d}
.sidebar-footer{background:linear-gradient(155deg,rgba(206,177,136,.075),rgba(245,244,240,.015));border:1px solid #3b3a39;border-radius:10px}
.sidebar-footer>span{color:#d7b998}
.sidebar-footer p{color:#a2a19e}
.sidebar-footer-line{border-top-color:#3d3b39}
.sidebar-footer-line .version{color:#c2a17d}
.status-dot{background:#c0ab8f;box-shadow:0 0 0 3px rgba(192,171,143,.15)}

/* Cream parchment and deliberate architectural typography. */
.topbar{background:rgba(255,253,248,.93);backdrop-filter:blur(18px);border-bottom:1px solid #e5e1d9;position:relative;z-index:5;min-height:74px}
.top-left .eyebrow{color:#91908a}
.top-location{color:#3b3d3e}
.privacy-label{color:#86837b}
.top-outline{border:1px solid #b9ab99;color:#393838;background:transparent}
.top-outline:hover{background:#292a2b;color:#f9f6f0;border-color:#292a2b}
.avatar{background:#222425;border-color:#222425;color:#dec4a5;width:35px;height:35px}
.eyebrow,.studio-kicker,.studio-mini-label{color:#9f7959;letter-spacing:2.15px}
.workspace-top h1,.studio-header h1{letter-spacing:-1.8px}
.workspace-top h1 i,.studio-header h1 i,.batch-intro h2 i{color:#b68d68}
.ghost-btn,.dark-btn,.studio-header-buttons button{border-radius:2px}
.dark-btn,.studio-header-buttons .studio-back{background:#232627;color:#f9f1e9;border-color:#232627}
.dark-btn:hover,.studio-header-buttons .studio-back:hover{background:#4a4845;border-color:#4a4845}

/* A cinematic cover: matte print, hairline frame, oversized film-style type. */
.welcome-area{padding:23px 25px 30px}
.welcome-hero{min-height:650px;grid-template-columns:48% 52%;box-shadow:0 24px 60px rgba(27,25,23,.13);background:#202223;position:relative}
.welcome-hero::before{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.09);z-index:4;pointer-events:none}
.hero-art{min-height:650px;background:radial-gradient(ellipse at 54% 48%,#9f897455,transparent 48%),linear-gradient(135deg,#59564f,#2d3030 72%,#1c2021);isolation:isolate}
.hero-art::before{content:"LENZ";position:absolute;left:-7%;bottom:6%;font-family:var(--serif);font-size:clamp(160px,22vw,390px);line-height:.8;letter-spacing:-.15em;color:rgba(255,246,229,.055);transform:rotate(-90deg);transform-origin:left bottom;z-index:1;pointer-events:none}
.hero-art::after{content:"";position:absolute;inset:6% 6%;border:1px solid rgba(233,214,190,.22);pointer-events:none;z-index:1}
.hero-edition{position:absolute;top:28px;left:31px;z-index:3;letter-spacing:2px;font-size:9px;color:#dfd2bf;font-weight:700}
.art-halo{border-color:rgba(240,222,192,.42);box-shadow:0 0 100px rgba(219,186,145,.22),0 0 0 35px rgba(255,255,255,.018)}
.art-window{border:14px solid rgba(220,205,181,.49);background:radial-gradient(circle at 60% 22%,#dad3be,#aba99b 33%,#757b72 65%,#414748);box-shadow:-25px 30px 0 rgba(16,18,19,.42),12px 30px 85px rgba(14,15,15,.65)}
.arch{border-color:#292d2bbf}
.arch-two{border-color:#b6ad9bb8}
.arch-three{border-color:#2a3030bc}
.art-caption{color:#e5dbcc;bottom:30px;left:32px}
.hero-frame-number{position:absolute;right:30px;bottom:26px;z-index:5;font:italic 24px var(--serif);color:#e5d5be}
.hero-frame-number i{font-size:13px;opacity:.55;margin:0 5px}
.hero-copy{padding:60px 9% 56px 10%;background:radial-gradient(ellipse at 100% 0%,rgba(205,182,147,.12),transparent 55%),linear-gradient(155deg,#292b2c,#191b1d)}
.hero-copy h1{font-size:clamp(45px,4.75vw,77px);line-height:1.14;letter-spacing:-2.9px;margin:30px 0 27px}
.hero-copy h1 i{color:#dab894}
.hero-copy>p{color:#b8b7b2;line-height:1.85;font-size:13px;max-width:440px}
.eyebrow.light{color:#d2b28d}
.primary-light{background:#dfc3a2;border-color:#dfc3a2;min-height:56px;color:#212324;letter-spacing:1.4px}
.primary-light:hover{background:#f3d9b7;border-color:#f3d9b7;box-shadow:0 8px 25px rgba(194,154,105,.24)}
.text-link-light{color:#e6e1d9;border-bottom-color:#7c756c}
.text-link-light:hover{color:#f0cba1}
.hero-small{color:#96948f}
.hero-small span{color:#ddbb91}
.welcome-bottom{padding-top:62px;gap:33px}
.welcome-intro h2 i{color:#b38a65}
.welcome-feature{border-left-color:#d8d3c8}
.welcome-feature span{color:#ad8968}
.welcome-feature h3{font-size:19px}

/* The image contact sheet is the product, not an afterthought. */
.workspace-top{padding-top:43px}
.stats-grid{gap:12px}
.stat-tile{border:1px solid #e3dfd6;background:#fffcf7;box-shadow:0 8px 25px rgba(36,32,25,.035);min-height:144px;position:relative;overflow:hidden}
.stat-tile::after{content:"";position:absolute;top:20px;right:20px;width:18px;height:18px;border-top:1px solid #c8c1b5;border-right:1px solid #c8c1b5;opacity:.6}
.stat-tile strong{font-size:46px;letter-spacing:-2px;color:#282a2b}
.selected-stat{background:linear-gradient(145deg,#303132,#202224);border-color:#232526;color:#f7f2e8}
.selected-stat strong{color:#f8eee1}
.selected-stat>span,.selected-stat small{color:#c4b8aa}
.selected-stat::after{border-color:#ba9e7d}
.gallery-and-inspector{background:#faf9f5;border:1px solid #e1ddd4;box-shadow:var(--atelier-shadow);align-items:stretch}
.gallery-panel{padding:29px 25px 23px;background:#fffcf7}
.gallery-title h2{font-size:31px}
.gallery-title h2 span{color:#96928a}
.gallery-controls{flex-wrap:wrap}
.density-control{display:flex;align-items:center;gap:3px;background:#f3f0ea;border:1px solid #e3ded4;padding:4px 5px 4px 10px;border-radius:4px;min-height:38px}
.density-control>span{font-size:8px;letter-spacing:1.4px;color:#8e887c;font-weight:800;margin-right:6px}
.density-button{display:grid;place-items:center;width:30px;height:29px;border:0;background:transparent;color:#92918c;border-radius:3px;padding:0}
.density-button svg{stroke:currentColor;stroke-width:1.2}
.density-button.active{background:#292a2b;color:#ead3b7}
.density-button:hover:not(.active){background:#e1ddd5;color:#333332}
.search-box{background:#fcfaf6}
.filter-strip{border-bottom-color:#e4dfd6;margin-top:18px}
.pill.active{border-bottom-color:#b5926c;color:#232528}
.photo-grid{gap:18px 12px}
.photo-visual{border:1px solid #e8e2d8;background:#dfdad2;border-radius:2px;box-shadow:0 5px 10px rgba(30,28,25,.035)}
.photo-visual img{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .25s ease}
.photo-card:hover .photo-visual{box-shadow:0 9px 24px rgba(30,28,25,.11)}
.photo-card:hover img{transform:scale(1.035)}
.photo-card.current .photo-visual{border-color:#b38a5f;box-shadow:0 0 0 2px #fffefa,0 0 0 4px #b38a5f,0 10px 26px #0001}
.photo-card.status-keep .photo-visual::after{border:2px solid #be9975}
.group-label{background:rgba(29,29,29,.80);color:#fcf3e8;backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.13)}
.score-label{background:rgba(250,245,236,.95);color:#303030}
.status-stamp{background:#ead7bb;color:#37312a}
.photo-grid[data-density="compact"]{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px 8px}
.photo-grid[data-density="compact"] .photo-visual{aspect-ratio:4/3.7}
.photo-grid[data-density="compact"] .photo-card-info{font-size:9px}
.photo-grid[data-density="compact"] .group-label{font-size:7px;padding:4px}
.photo-grid[data-density="compact"] .score-label{padding:4px;font-size:9px}
.photo-grid[data-density="compact"] .status-stamp{padding:5px;font-size:8px}
.inspector{background:linear-gradient(180deg,#f6f3ed,#f7f5f0);border-left:1px solid #e0dbd1;padding:26px 19px;box-shadow:inset 5px 0 14px rgba(36,32,25,.015)}
.inspector-preview-wrap{background:#222526;border-radius:2px;box-shadow:0 12px 25px rgba(18,18,17,.09);height:235px}
.inspector-verdict{background:#eae5dc;border:1px solid #ddd7cc}
.inspector-verdict strong{color:#373838}
.inspector-filename{font-size:13px}
.workspace-footer{padding-top:29px}
.workspace-footer button.export-btn{background:#282a2a;border-color:#282a2a}

/* The color atelier: central image floats against a deep theater wall. */
.studio-mode-bar{border-bottom:1px solid #dbd6cd}
.mode-link{color:#989690}
.mode-link.active{color:#242525;border-bottom-color:#ae8865}
.studio-header{padding:33px 10px 29px}
.studio-header h1{font-size:clamp(38px,3.9vw,60px)}
.studio-localtabs{background:#e9e5dd;border-color:#ded9d0}
.studio-localtabs>button.active{color:#262728;border-color:#bd9770}
.studio-editor{grid-template-columns:minmax(195px,245px) minmax(0,1fr) minmax(255px,290px);background:#d6d2ca;border-color:#d6d2ca;gap:1px;min-height:760px;box-shadow:var(--atelier-shadow)}
.preset-rail,.studio-control-rail{background:#fdfbf7}
.preset-rail{padding:27px 17px}
.rail-title h3,.rail-control-head h3{font-size:26px;letter-spacing:-.7px}
.rail-control-head h3 i{color:#b68d68}
.preset-list{gap:8px}
.preset-item{min-height:70px;border:1px solid #e6e0d5;background:#fffefa;border-radius:4px;box-shadow:0 2px 6px rgba(30,26,22,.018)}
.preset-item.active{background:#f2eae0;border-color:#b99572;box-shadow:inset 3px 0 #b99572,0 4px 12px rgba(30,26,22,.035)}
.preset-item:hover{border-color:#b99572;transform:translateX(2px)}
.preset-swatch{border-radius:3px;width:43px;height:48px;flex-basis:43px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 3px 8px rgba(37,29,21,.1)}
.preset-info strong{color:#363636;font-size:11px}
.preset-info small{color:#969187}
.rail-primary,.studio-header-buttons .studio-back{background:#242728;border-color:#242728;color:#f6ecdc}
.rail-primary:hover{background:#474443;border-color:#474443}
.rail-secondary{border-color:#d5cec3;color:#6e6a65}
.rail-note{background:#f2ece2;color:#b58f67;border-radius:4px}
.rail-note p{color:#6a6760}
.studio-canvas-area{background:linear-gradient(180deg,#edebe6,#e5e1d9);padding:27px 24px 22px}
.canvas-topbar{padding-bottom:22px}
.canvas-topbar h3{color:#2c2c2d;font-size:27px;letter-spacing:-.6px}
.studio-look-pill{color:#987757;border-color:#cdb89e;background:#f8f0e7;border-radius:2px}
.studio-photo-stage{background:radial-gradient(ellipse at 50% 45%,#454445,#1f2224 75%);min-height:470px;max-height:700px;border:10px solid #252729;box-shadow:0 17px 32px rgba(37,36,34,.18),inset 0 0 60px rgba(0,0,0,.25);transition:border-color .2s}
.studio-photo-stage::after{content:"";position:absolute;inset:0;border:1px solid rgba(250,239,222,.16);z-index:5;pointer-events:none}
.studio-photo-stage canvas{object-fit:contain}
.stage-tag{background:rgba(25,26,27,.84);color:#f8eee0;letter-spacing:1.8px;border:1px solid rgba(224,203,173,.24);top:18px}
.studio-split-line{background:#f8ead7;width:2px;box-shadow:0 0 0 1px rgba(0,0,0,.13),0 0 16px rgba(0,0,0,.65)}
.studio-split-line::after{content:"⇆";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:#f5e8d5;color:#282a2b;font-size:13px;box-shadow:0 4px 20px rgba(0,0,0,.4)}
.stage-border-mark{position:absolute;width:17px;height:17px;z-index:6;pointer-events:none;opacity:.75}
.stage-border-mark.tl{top:7px;left:7px;border-top:1px solid #dfc5a4;border-left:1px solid #dfc5a4}
.stage-border-mark.tr{top:7px;right:7px;border-top:1px solid #dfc5a4;border-right:1px solid #dfc5a4}
.stage-border-mark.bl{bottom:7px;left:7px;border-bottom:1px solid #dfc5a4;border-left:1px solid #dfc5a4}
.stage-border-mark.br{bottom:7px;right:7px;border-bottom:1px solid #dfc5a4;border-right:1px solid #dfc5a4}
.studio-empty-art{background:radial-gradient(ellipse at 66% 30%,rgba(197,169,136,.21),transparent 43%),linear-gradient(150deg,#464548,#202326 78%);color:#eeeae1}
.empty-photo-window{border-color:rgba(193,173,142,.43);box-shadow:25px 15px 55px rgba(13,13,14,.6)}
.studio-empty-art h2 i{color:#e0b993}
.studio-empty-art p{color:#c3c0b8}
.studio-empty-art button{background:#ead1b3;color:#272829;border-color:#ead1b3}
.studio-empty-art button+button{background:transparent;color:#eee9e0;border-color:#d6c2a8}
.studio-viewbar{border-bottom-color:#d4cec2;padding:15px 2px 16px}
.split-control span{color:#79756c}
.split-control input,.studio-slider input{accent-color:#b89471}
.studio-viewbar-actions{flex-wrap:wrap}
.studio-viewbar-actions button{color:#5b5650}
.studio-viewbar-actions button:first-child{border:1px solid #b9ab99;padding:9px 12px;background:#f9f5ee;color:#52483c;border-radius:2px}
.studio-viewbar-actions button:first-child:hover{background:#28292a;color:#f1dec5;border-color:#28292a}
.studio-viewbar-actions button+button{color:#55514b}
.studio-photo-choice select{background:#fffcf7;border-color:#d7d0c5}
.studio-pick-actions button.active{background:#282b2c;color:#f1e5d4}
.studio-stage-footnote{color:#88847d}
.control-tabs{background:#eae5db}
.control-tabs button.active{background:#2b2c2d;color:#f7e9d7}
.ctrl-section-head,.rail-control-head>span,.rail-title span{color:#a37e5b}
.slider-title label{color:#56534f}
.slider-title output{color:#98704e}
.curve-chart{background:#ede9e2}
.studio-controls-body{scrollbar-color:#c0a995 transparent}

/* A clean darkroom/fullscreen canvas with a visible exit affordance. */
body.theater-on{overflow:hidden}
body.theater-on::before{content:"";position:fixed;inset:0;z-index:205;background:rgba(15,16,17,.93);backdrop-filter:blur(14px)}
.studio-photo-stage.is-theater{position:fixed;inset:16px;z-index:210;width:auto;height:auto;max-height:none;min-height:0;border:11px solid #27292a;box-shadow:0 0 0 1px rgba(229,203,169,.3),0 30px 100px #000d}
.theater-close{display:none;position:absolute;right:19px;bottom:18px;z-index:20;border:1px solid rgba(235,206,172,.65);background:rgba(24,25,26,.88);color:#f5e4d1;font-size:10px;font-weight:800;letter-spacing:1.4px;padding:14px 17px;border-radius:2px}
.is-theater .theater-close{display:flex}
.is-theater .stage-tag{top:23px}

/* Batch editing as a thoughtfully typeset production sheet. */
.studio-batch{background:#faf7f1;border-color:#ded7cb;padding:39px 43px;box-shadow:var(--atelier-shadow)}
.batch-intro h2{font-size:clamp(35px,3.2vw,50px)}
.batch-block{border-bottom-color:#e2dcd2}
.batch-scope button{background:#fffefa;border-color:#ded8cd;border-radius:3px;min-height:100px}
.batch-scope button.active{background:#eee7dd;border-color:#b6916c;color:#303030;box-shadow:inset 0 3px #b6916c}
.batch-scope b{font-size:33px}
.batch-recipe{background:#ede8df;border-radius:3px}
.batch-recipe-icon{background:#2a2c2d;color:#d6b68e}
.batch-main-button,.batch-export-button{background:#272a2b;color:#f9efdf;border-radius:2px;min-height:59px}
.batch-main-button:hover,.batch-export-button:hover{background:#454341}
.batch-right{background:#efebe3;border:1px solid #e3ddd3}
.batch-recap{background:linear-gradient(140deg,#333335,#222426);color:#f3e8d9}
.batch-recap>span{color:#d1b38c}
.batch-recap>div{border-bottom-color:#52504d}
.batch-recap small{color:#c8b9a5}
.batch-mini-preview img{filter:saturate(.9);border:3px solid #fffefa;border-radius:2px}

/* Subtle micro-interactions, clean modals, readable mobile touch targets. */
.modal{background:#fffcf7;border:1px solid #dcd3c5;box-shadow:0 25px 110px rgba(0,0,0,.32)}
.modal-backdrop{background:rgba(17,19,19,.75)}
.export-option{border-color:#e3ddd3;border-radius:3px}
.export-option:hover{background:#f3e9dd;border-color:#b89b79}
.toast{border-left-color:#d2b28e;background:#262829;border-radius:3px}
.focus-backdrop{background:rgba(17,18,19,.96)}
.focus-view img{filter:drop-shadow(0 12px 40px rgba(0,0,0,.22))}

@media(max-width:1450px){
  .studio-editor{grid-template-columns:195px minmax(0,1fr) 255px}
  .studio-canvas-area{padding:22px 16px}
}
@media(max-width:1170px){
  .studio-editor{grid-template-columns:190px minmax(0,1fr)}
  .studio-control-rail{grid-column:1/-1}
  .photo-grid[data-density="compact"]{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1050px){
  .brand{border-bottom:0;padding-bottom:33px;margin-bottom:0}
  .sidebar{padding-top:24px}
  .photo-grid[data-density="compact"]{grid-template-columns:repeat(4,minmax(0,1fr))}
  .welcome-hero{min-height:560px}
  .hero-art{min-height:560px}
  .hero-copy h1{font-size:clamp(38px,5vw,59px)}
}
@media(max-width:800px){
  .studio-editor{display:flex;flex-direction:column}
  .preset-rail{order:2}
  .studio-canvas-area{order:1;padding:18px 14px}
  .studio-control-rail{order:3}
  .studio-photo-stage{min-height:390px}
  .studio-batch{padding:25px 18px}
  .photo-grid[data-density="compact"]{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 6px}
  .density-control{min-height:37px}
  .gallery-header{gap:15px}
}
@media(max-width:770px){
  .welcome-area{padding:11px}
  .welcome-hero{min-height:0}
  .hero-copy{padding:40px 26px 35px}
  .hero-art{min-height:270px}
  .hero-edition{top:17px;left:18px;font-size:8px}
  .art-caption{bottom:17px;left:18px;font-size:8px}
  .hero-frame-number{right:18px;bottom:13px;font-size:21px}
  .welcome-hero::before{inset:5px}
  .hero-copy h1{font-size:clamp(44px,10vw,62px)}
  .studio-header h1{font-size:40px}
  .gallery-panel{padding:17px 12px}
  .gallery-and-inspector{box-shadow:none}
  .inspector{width:100%;min-height:0;border-left:0;border-top:1px solid #e0dbd1}
  .inspector-preview-wrap{height:270px}
  .photo-grid[data-density="compact"]{grid-template-columns:repeat(4,minmax(0,1fr))}
  .gallery-controls{justify-content:flex-start;gap:7px}
  .density-control{order:3}
  .studio-photo-stage{border-width:7px;min-height:360px}
  .studio-photo-stage.is-theater{inset:8px;border-width:7px;min-height:0}
}
@media(max-width:520px){
  .topbar{min-height:67px}
  .top-outline{font-size:8px}
  .hero-copy h1{letter-spacing:-2px;font-size:clamp(43px,10vw,54px)}
  .hero-copy>p{font-size:12px}
  .hero-buttons{gap:11px 19px}
  .primary-light{min-width:100%;min-height:52px}
  .welcome-bottom{grid-template-columns:1fr 1fr;gap:20px}
  .welcome-feature{padding-left:12px}
  .welcome-feature h3{font-size:16px}
  .workspace-top h1{letter-spacing:-1px}
  .photo-grid[data-density="airy"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .photo-grid[data-density="compact"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 6px}
  .photo-grid[data-density="compact"] .photo-card-info{font-size:8px}
  .photo-grid[data-density="compact"] .group-label{display:none}
  .gallery-controls .search-box{order:1;flex:1 1 150px}
  .gallery-controls .select-input{order:2;flex:1 1 120px}
  .gallery-controls .density-control{order:3}
  .studio-photo-stage{min-height:315px}
  .studio-photo-stage.is-theater{min-height:0}
  .studio-canvas-area{padding:13px 10px}
  .studio-viewbar-actions{width:100%;gap:4px}
  .studio-viewbar-actions button{flex:1;font-size:8px;padding:10px 4px}
  .studio-viewbar-actions button:first-child{padding:9px 6px}
  .studio-header-buttons{flex-wrap:wrap}
  .studio-header-buttons button{min-height:43px}
  .studio-batch{padding:20px 13px}
  .batch-right{padding:19px 15px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}