:root{
  --ink:#0C0D0F; --slab:#141619; --raise:#1C1F23; --edge:#282D33; --edge-soft:#1F2429;
  --chalk:#EDEAE3; --dust:#8D939B; --dust-dim:#5F656D;
  --brass:#C6A664; --brass-dim:#8A7440; --brass-ink:#1A1508;
  --ok:#6D9E78; --warn:#C98A4B;
  --display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --ui:"Golos Text","Helvetica Neue",Arial,sans-serif;
  --r:3px; --gut:22px; --head:62px; --shell:1560px;
  --dust-soft:#B4BAC1;
}
*{box-sizing:border-box}
html{scrollbar-width:thin;scrollbar-color:var(--brass) var(--slab)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--slab)}
::-webkit-scrollbar-thumb{background:var(--brass);border-radius:99px;
  border:2px solid var(--slab)}
::-webkit-scrollbar-thumb:hover{background:#D7B978}
body{margin:0;background:var(--ink);color:var(--chalk);font-family:var(--ui);
  font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:none;cursor:pointer}
input{font:inherit}
:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ── шапка ─────────────────────────────────────────── */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;
  background:rgba(12,13,15,.94);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--edge-soft)}
.top-in{max-width:var(--shell);margin:0 auto;padding:12px var(--gut);
  display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mark{font-family:var(--ui);font-size:26px;font-weight:700;letter-spacing:.012em;
  text-transform:uppercase;white-space:nowrap;line-height:1.05}
@media (max-width:560px){.mark{font-size:19px;white-space:normal}}
.mark span{color:var(--brass)}
.demo{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);
  border:1px solid var(--brass-dim);border-radius:99px;padding:3px 9px;white-space:nowrap}
.search{flex:1 1 240px;min-width:0;position:relative}
.search input{width:100%;background:var(--slab);border:1px solid var(--edge);
  border-radius:var(--r);color:var(--chalk);padding:10px 12px 10px 36px;font-size:15px}
.search input::placeholder{color:var(--dust-dim)}
.search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);
  width:15px;height:15px;stroke:var(--dust-dim);fill:none;stroke-width:2}

/* ── полоса-уведомление ────────────────────────────── */
.notice{background:#191308;border-bottom:1px solid var(--brass-dim);color:#D9C79A;
  font-size:13px;line-height:1.45}
.notice div{max-width:var(--shell);margin:0 auto;padding:9px var(--gut)}
.notice b{color:var(--brass);font-weight:600}

/* ── каркас: разделы слева, каталог справа ─────────── */
.shell{max-width:var(--shell);margin:0 auto;padding:0 var(--gut) 60px;
  display:grid;grid-template-columns:216px minmax(0,1fr);gap:30px;align-items:start}
.rail{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--head) + 14px);
  max-height:calc(100vh - var(--head) - 40px);overflow-y:auto;
  padding:20px 0 30px;scrollbar-width:thin;scrollbar-color:var(--brass) transparent}
.rail::-webkit-scrollbar{width:6px}
.rail::-webkit-scrollbar-track{background:transparent}
.rail::-webkit-scrollbar-thumb{background:var(--brass);border:none;border-radius:99px}
.rail-head{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--dust-dim);padding:0 10px 9px}
.sec{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;
  text-align:left;padding:7px 10px;border-radius:var(--r);color:var(--chalk);
  font-size:14.5px;font-weight:700;line-height:1.25;transition:.12s}
.sec:hover{background:var(--slab)}
.sec[aria-pressed="true"]{background:var(--raise);color:var(--brass)}
.sec b{font-weight:inherit;overflow-wrap:anywhere}
.sec i{font-style:normal;font-size:11.5px;font-weight:500;color:var(--dust);
  font-variant-numeric:tabular-nums;flex:none}
.sec[aria-pressed="true"] i{color:var(--brass-dim)}
.sec.void{color:var(--dust);font-weight:600}
.sub.void{color:var(--dust)}
.sec.void:hover{color:var(--chalk)}
.sub.void:hover{color:var(--chalk)}
.subs{padding:2px 0 6px 12px;margin:0 0 2px;border-left:1px solid var(--edge-soft)}
.sub{width:100%;text-align:left;padding:5px 10px;border-radius:var(--r);
  color:var(--dust-soft);font-size:13.5px;transition:.12s;
  display:flex;justify-content:space-between;gap:8px}
.sub i{font-style:normal;color:var(--dust)}
.sub:hover{color:var(--chalk)}
.sub[aria-pressed="true"]{color:var(--brass);font-weight:600}
.rail-sep{border:none;border-top:1px solid var(--edge-soft);margin:12px 10px}
.layered{width:100%;display:flex;align-items:center;gap:9px;padding:8px 10px;
  border-radius:var(--r);color:var(--dust);font-size:14px;text-align:left;transition:.12s}
.layered:hover{background:var(--slab);color:var(--chalk)}
.box{width:15px;height:15px;border:1px solid var(--dust-dim);border-radius:2px;flex:none;
  display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1}
.layered[aria-pressed="true"]{color:var(--brass)}
.layered[aria-pressed="true"] .box{border-color:var(--brass);background:var(--brass);
  color:var(--brass-ink)}
.rail-note{font-size:11.5px;color:var(--dust-dim);padding:8px 10px 0;line-height:1.4}

.rail-toggle{display:none;width:100%;margin:14px 0 0;padding:11px 14px;
  border:1px solid var(--edge);border-radius:var(--r);text-align:left;
  justify-content:space-between;align-items:center;font-size:14px}
@media (max-width:820px){
  .shell{grid-template-columns:1fr;gap:0}
  .rail-toggle{display:flex}
  .rail{position:static;max-height:none;padding:12px 0 6px;display:none;
    border-bottom:1px solid var(--edge-soft);margin-bottom:6px}
  .rail.open{display:block}
  .rail-head{display:none}
}

/* ── строка счётчика ───────────────────────────────── */
.bar{display:flex;align-items:center;gap:12px;padding:20px 0 0;min-height:44px}
.here{font-family:var(--display);font-size:22px;font-weight:600;line-height:1.1}
.count{font-size:12.5px;color:var(--dust-dim);font-variant-numeric:tabular-nums;
  white-space:nowrap}
.reset{margin-left:auto;font-size:12.5px;color:var(--dust-dim);text-decoration:underline;
  text-underline-offset:3px;white-space:nowrap}
.reset:hover{color:var(--chalk)}

/* ── сетка ─────────────────────────────────────────── */
.grid{padding:14px 0 0;display:grid;gap:16px;
  grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1320px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1020px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:660px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.tile{background:var(--slab);border:1px solid var(--edge-soft);border-radius:var(--r);
  overflow:hidden;text-align:left;display:flex;flex-direction:column;transition:.15s}
.tile:hover{border-color:var(--brass-dim);transform:translateY(-2px)}
.shot{background:#000;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;
  overflow:hidden}
.shot img{max-height:100%;width:auto;object-fit:contain}
.meta{padding:10px 11px 11px;display:flex;flex-direction:column;gap:6px;flex:1}
.name{font-size:14px;font-weight:500;line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sub-line{font-size:11.5px;color:var(--dust-dim);font-variant-numeric:tabular-nums;
  display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.tag{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;
  border:1px solid var(--brass-dim);color:var(--brass);border-radius:2px;padding:1px 5px}
.row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;
  margin-top:auto;padding-top:4px}
.price{font-family:var(--ui);font-size:19px;font-weight:700;letter-spacing:-.01em;
  font-variant-numeric:tabular-nums}
.buy{font-size:12.5px;color:var(--brass);border:1px solid var(--brass-dim);
  border-radius:var(--r);padding:5px 11px;transition:.15s}
.tile:hover .buy{background:var(--brass);border-color:var(--brass);color:var(--brass-ink);
  font-weight:600}
.empty{grid-column:1/-1;text-align:center;padding:56px 0;color:var(--dust-dim)}

/* ── подвал ────────────────────────────────────────── */
.foot{border-top:1px solid var(--edge-soft);background:var(--slab);padding-bottom:34px}
.foot-note{max-width:var(--shell);margin:0 auto;padding:18px var(--gut) 0}
.foot-note div{border:1px solid var(--edge-soft);border-left:2px solid var(--edge);
  border-radius:var(--r);padding:12px 15px;color:var(--dust-dim);
  font-size:12.5px;font-weight:400;line-height:1.5}
.foot-note b{display:block;font-size:10.5px;font-weight:500;letter-spacing:.12em;
  text-transform:uppercase;color:var(--dust-dim);margin-bottom:5px}
.foot-note a{color:var(--dust);text-decoration:underline;text-underline-offset:2px;
  white-space:nowrap}
.foot-note a:hover{color:var(--brass)}
.foot-note p{margin:0 0 7px}
.foot-note p:last-child{margin-bottom:0}

/* ── оверлей ───────────────────────────────────────── */
.nav-arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:70;
  width:46px;height:46px;border-radius:99px;border:1px solid var(--edge);
  background:rgba(20,22,25,.92);color:var(--chalk);font-size:22px;line-height:1;
  display:flex;align-items:center;justify-content:center;transition:.12s}
.nav-arrow:hover{border-color:var(--brass);color:var(--brass)}
.nav-arrow.prev{left:14px}
.nav-arrow.next{right:14px}
.nav-count{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:70;
  font-size:12.5px;color:var(--dust);background:rgba(20,22,25,.92);
  border:1px solid var(--edge);border-radius:99px;padding:6px 14px;
  font-variant-numeric:tabular-nums}
@media (max-width:700px){.nav-arrow{width:38px;height:38px;font-size:18px}
  .nav-arrow.prev{left:6px}.nav-arrow.next{right:6px}}
.veil{position:fixed;inset:0;z-index:60;background:rgba(5,6,7,.8);
  backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;
  padding:var(--gut)}
.sheet{background:var(--slab);border:1px solid var(--edge);border-radius:var(--r);
  width:100%;max-width:880px;max-height:calc(100vh - 32px);overflow-y:auto}
.sheet-x{position:sticky;top:0;display:flex;justify-content:flex-end;padding:10px 10px 0;
  background:linear-gradient(var(--slab),rgba(20,22,25,0))}
.x{width:30px;height:30px;border-radius:99px;border:1px solid var(--edge);
  color:var(--dust);line-height:1;font-size:17px}
.x:hover{border-color:var(--chalk);color:var(--chalk)}
.detail{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;padding:0 24px 26px}
@media (max-width:700px){.detail{grid-template-columns:1fr;gap:18px;padding:0 var(--gut) 22px}}
.detail-shot{background:#000;border:1px solid var(--edge-soft);border-radius:var(--r);
  padding:10px;display:flex;align-items:center;justify-content:center;min-height:200px}
.detail h2{font-family:var(--display);font-size:30px;font-weight:600;margin:0 0 4px;
  line-height:1.15;text-wrap:balance}
.art{font-size:12.5px;color:var(--dust-dim);letter-spacing:.04em;margin-bottom:16px;
  font-variant-numeric:tabular-nums}
.specs{border-top:1px solid var(--edge-soft);margin:0 0 18px}
.specs div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;
  border-bottom:1px solid var(--edge-soft);font-size:13.5px}
.specs dt{color:var(--dust-dim)}
.specs dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.big-price{font-family:var(--ui);font-size:33px;font-weight:700;line-height:1;
  letter-spacing:-.02em;margin-bottom:14px;font-variant-numeric:tabular-nums}
.cta{width:100%;background:var(--brass);color:var(--brass-ink);font-weight:700;
  font-size:15.5px;padding:14px;border-radius:var(--r);transition:.15s}
.cta:hover{background:#D7B978}
.fine{font-size:12px;color:var(--dust-dim);margin-top:10px;line-height:1.45}

/* ── оплата и успех ────────────────────────────────── */
.pay{max-width:430px;padding:0 26px 28px}
.pay h2,.done h2{font-family:var(--display);font-size:27px;font-weight:600;margin:0 0 6px}
.pay-line{display:flex;justify-content:space-between;gap:12px;font-size:14px;
  padding:11px 0;border-top:1px solid var(--edge-soft);border-bottom:1px solid var(--edge-soft);
  margin-bottom:18px;font-variant-numeric:tabular-nums}
.field{margin-bottom:11px}
.field label{display:block;font-size:11.5px;color:var(--dust-dim);margin-bottom:5px;
  letter-spacing:.05em;text-transform:uppercase}
.field input{width:100%;background:var(--raise);border:1px solid var(--edge);
  border-radius:var(--r);color:var(--chalk);padding:11px 12px;font-variant-numeric:tabular-nums}
.pair{display:flex;gap:11px}.pair .field{flex:1}
.tabs{display:flex;gap:7px;margin-bottom:16px}
.tab{flex:1;padding:9px;border:1px solid var(--edge);border-radius:var(--r);
  font-size:13.5px;color:var(--dust);text-align:center}
.tab[aria-pressed="true"]{border-color:var(--brass);color:var(--brass);background:#17130A}
.sbp{text-align:center;padding:26px 0;color:var(--dust);font-size:13.5px}
.qr{width:128px;height:128px;margin:0 auto 14px;background:
  repeating-conic-gradient(var(--chalk) 0 25%,#000 0 50%) 0 0/16px 16px;
  border:7px solid var(--chalk);border-radius:2px}
.done{padding:0 26px 28px;max-width:460px}
.done-art{background:#000;border:1px solid var(--edge-soft);border-radius:var(--r);
  padding:8px;margin-bottom:16px;display:flex;justify-content:center}
.done-art img{max-height:150px;width:auto}
.dl{display:flex;flex-direction:column;gap:9px;margin:16px 0 0}
.dl a{display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:var(--brass);color:var(--brass-ink);font-weight:600;font-size:14.5px;
  padding:13px 16px;border-radius:var(--r);text-decoration:none;transition:.15s}
.dl a:hover{background:#D7B978}
.dl a[aria-disabled="true"]{background:var(--raise);color:var(--dust-dim);
  border:1px solid var(--edge);pointer-events:none;font-weight:400}
.dl small{font-weight:400;font-size:12px;opacity:.75;white-space:nowrap}
.timer{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--warn);
  border:1px solid #3A2D18;background:#191308;border-radius:var(--r);padding:9px 12px;
  margin-top:14px;line-height:1.4}
.again{margin-top:16px;font-size:13px;color:var(--dust);line-height:1.5}
.again a{color:var(--brass)}

/* ── ретушь онлайн ─────────────────────────────────── */
.nav{display:flex;gap:4px;flex-wrap:wrap}
.nav button{font-size:14px;color:var(--dust);padding:7px 13px;border-radius:var(--r);
  border:1px solid transparent;white-space:nowrap}
.nav button:hover{color:var(--chalk)}
.nav button[aria-current="true"]{color:var(--brass-ink);background:var(--brass);font-weight:600}

.banner{max-width:var(--shell);margin:0 auto;padding:16px var(--gut) 0}
.banner-in{display:flex;flex-wrap:wrap;gap:22px;align-items:center;
  background:var(--raise);border:1px solid var(--edge);border-left:3px solid var(--brass);
  border-radius:var(--r);padding:16px 20px;cursor:pointer;transition:.15s}
.banner-in:hover{border-color:var(--brass-dim);border-left-color:var(--brass)}
.banner-pics{display:flex;gap:12px;flex:0 0 auto}
.banner-pics figure{margin:0;width:192px}
@media (max-width:520px){.banner-pics figure{width:calc(50vw - 34px)}}
.banner-pics img{width:100%;border-radius:2px;border:1px solid var(--edge-soft)}
.banner-pics figcaption{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--dust-dim);margin-top:7px;text-align:center;line-height:1.35}
.banner-txt{flex:1 1 320px;min-width:0}
.banner-txt h2{font-family:var(--display);font-size:24px;font-weight:600;margin:0 0 6px;line-height:1.15}
.banner-txt p{margin:0 0 13px;color:var(--dust);font-size:14px;max-width:60ch;line-height:1.5}
.banner-go{background:var(--brass);color:var(--brass-ink);font-weight:600;font-size:14.5px;
  padding:10px 20px;border-radius:var(--r);white-space:nowrap}

.rt-tip{background:var(--slab);border:1px solid var(--edge);
  border-left:3px solid var(--brass-dim);border-radius:var(--r);padding:13px 16px;
  color:var(--dust-soft);font-size:14px;line-height:1.5;margin:0 0 22px}

.rt{max-width:1140px;margin:0 auto;padding:26px var(--gut) 70px}
.rt-h1{font-family:var(--display);font-size:clamp(28px,6vw,40px);font-weight:600;
  margin:0 0 10px;line-height:1.1;text-wrap:balance}
.rt-lead{color:var(--dust);margin:0 0 26px;font-size:15.5px;max-width:62ch}
.rt-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}
@media (max-width:900px){.rt-grid{grid-template-columns:1fr}}
.rt-col{display:grid;gap:14px;align-content:start}
.rt-card{background:var(--slab);border:1px solid var(--edge);border-radius:var(--r);padding:18px;
  width:100%;text-align:left;display:block;transition:.15s}
.rt-card:hover{border-color:var(--brass-dim)}
.rt-card[aria-pressed="true"]{border-color:var(--brass);background:#17130A}
.rt-card .pick{display:block;margin-top:11px;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--dust-dim)}
.rt-card[aria-pressed="true"] .pick{color:var(--brass)}
.rt-card h3{font-family:var(--ui);font-size:15px;font-weight:600;margin:0 0 6px}
.rt-card .rub{font-family:var(--display);font-size:30px;color:var(--brass);line-height:1;margin:8px 0 6px}
.rt-card p{margin:0;color:var(--dust);font-size:13.5px}
.rt-card .rub small{font-family:var(--ui);font-size:13px;font-weight:500;color:var(--dust)}

.rt-demo{margin:13px 0 0;font-size:12px;color:var(--dust-dim)}
.rt-demo button{font-size:12px;color:var(--dust);text-decoration:underline;
  text-underline-offset:2px;padding:0}
.rt-demo button:hover{color:var(--brass)}

.rt-screen{background:var(--raise);border:1px solid var(--edge);border-radius:var(--r);
  padding:clamp(20px,4vw,32px)}
.rt-url{font-family:var(--ui);font-size:12px;color:var(--dust-dim);border-bottom:1px solid var(--edge-soft);
  padding-bottom:10px;margin-bottom:22px;overflow-x:auto;white-space:nowrap}
.rt-screen h2{font-family:var(--display);font-size:26px;font-weight:600;margin:0 0 12px;line-height:1.15}
.rt-screen p{margin:0 0 13px}
.rt-dim{color:var(--dust);font-size:14px}
.rt-dim a{color:var(--brass)}
.rt-zone{border:2px dashed var(--edge);border-radius:var(--r);padding:32px 16px;text-align:center;margin:20px 0}
.rt-file{display:inline-flex;align-items:center;gap:9px;background:var(--slab);
  border:1px solid var(--edge);border-radius:var(--r);padding:8px 13px;font-size:14px}
.rt-file i{font-style:normal;color:var(--dust-dim);font-size:12.5px}
.rt-go{background:var(--brass);color:var(--brass-ink);font-weight:600;font-size:16px;
  padding:13px 26px;border-radius:var(--r)}
.rt-ghost{border:1px solid var(--edge);color:var(--chalk);font-size:14px;padding:9px 16px;border-radius:var(--r)}
.rt-shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin:22px 0}
.rt-shots figure{margin:0}
.rt-shots img{width:100%;border-radius:var(--r);background:var(--slab)}
.rt-shots figcaption{font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--dust-dim);margin-top:8px}
.rt-shots a{color:var(--brass);font-size:14px;display:inline-block;margin-top:3px}
.rt-wait{display:flex;align-items:center;gap:14px;margin:22px 0}
.rt-track{flex:1;height:6px;background:var(--slab);border:1px solid var(--edge-soft);
  border-radius:3px;overflow:hidden}
.rt-track i{display:block;height:100%;width:0;background:var(--brass);border-radius:3px;
  transition:width .95s linear}
.rt-left{font-size:13px;color:var(--dust);white-space:nowrap;text-align:right;min-width:17ch}
.rt-flag{background:#191308;border-left:3px solid var(--brass);color:#D9C79A;
  padding:12px 15px;margin:18px 0;font-size:14px;line-height:1.5}
.rt-slot{border:1px dashed var(--edge);border-radius:var(--r);background:var(--slab);
  aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;text-align:center;
  padding:14px;color:var(--dust-dim);font-size:13px;line-height:1.4}
.rt-link{background:none;border:1px solid var(--brass-dim);color:var(--brass);font-size:14.5px;
  font-weight:600;padding:11px 18px;border-radius:var(--r);margin-top:4px}
.rt-link:hover{border-color:var(--brass)}
.rt-ask{margin:20px 0}
.rt-ask label{display:block;font-size:13px;color:var(--dust);margin-bottom:8px}
.rt-ask textarea{width:100%;min-height:150px;resize:vertical;background:var(--slab);
  border:1px solid var(--edge);border-radius:var(--r);padding:14px 15px;
  color:var(--chalk);font:inherit;font-size:14.5px;line-height:1.55}
.rt-ask textarea:focus{outline:none;border-color:var(--brass-dim)}
.rt-ask textarea::placeholder{color:var(--dust-dim)}
.rt-quote{color:var(--dust-soft);font-size:14px;line-height:1.55;margin:16px 0}
.rt-quote b{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--brass);font-weight:400;margin-bottom:7px}
.rt-foot{border-top:1px solid var(--edge-soft);margin-top:24px;padding-top:13px}
.rt-file{cursor:pointer}
.rt-file:hover{border-color:var(--brass-dim)}
.rt-crop{display:none;margin:20px 0;grid-template-columns:330px minmax(230px,320px);
  gap:0 26px;align-items:start}
.rt-crop>.rt-dim{grid-column:1/-1}
.fmt-col{grid-column:2;grid-row:2/span 3}
.rt-stage,.rt-zoom,.rt-crop-btns{grid-column:1}
@media (max-width:760px){.rt-crop{grid-template-columns:minmax(0,330px)}
  .fmt-col,.rt-stage,.rt-zoom,.rt-crop-btns{grid-column:1;grid-row:auto}}
/* рамка неподвижна, пропорцию выбирает человек; двигается сама фотография */
.fmt-head{font-size:12px;color:var(--dust-dim);margin:0 0 7px;
  letter-spacing:.05em;text-transform:uppercase}
.sel{position:relative;max-width:330px;margin:0 0 18px}
.sel-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;
  border:1px solid var(--edge);border-radius:var(--r);background:var(--slab);
  padding:10px 12px;color:var(--chalk);text-align:left}
.sel-btn[aria-expanded="true"]{border-color:var(--brass)}
.sel-arrow{color:var(--dust-dim);font-size:11px}
.sel-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;
  background:var(--raise);border:1px solid var(--edge);border-radius:var(--r);
  max-height:320px;overflow-y:auto;padding:4px}
.sel-opt{width:100%;display:flex;align-items:center;gap:11px;padding:8px 10px;
  border-radius:var(--r);color:var(--dust);text-align:left}
.sel-opt:hover{background:var(--slab);color:var(--chalk)}
.sel-opt[aria-pressed="true"]{color:var(--brass);background:#17130A}
.sel-row{display:flex;align-items:center;gap:11px;min-width:0}
.fmt-slot{width:42px;flex:none;display:flex;align-items:center;justify-content:center}
.fmt-box{display:block;border:1.5px solid currentColor;border-radius:2px;
  background:rgba(255,255,255,.04)}
.sel b{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;min-width:42px}
.sel i{font-style:normal;font-size:12.5px;color:var(--dust-dim)}
.sel-opt[aria-pressed="true"] i{color:var(--brass-dim)}
.rt-fmt label{display:block;font-size:12px;color:var(--dust-dim);margin-bottom:5px}
.rt-fmt select{width:100%;font-size:14.5px;padding:9px 11px;border-radius:var(--r);
  border:1px solid var(--edge);background:var(--slab);color:var(--chalk)}
.rt-stage{position:relative;width:100%;max-width:330px;aspect-ratio:3/4;margin:0 0 14px;
  overflow:hidden;background:#000;border:2px solid var(--edge);border-radius:var(--r);
  touch-action:none;user-select:none;cursor:grab}
.rt-stage.grab{cursor:grabbing}
.rt-stage img{position:absolute;left:0;top:0;transform-origin:0 0;max-width:none;display:block}
.rt-zoom{display:flex;align-items:center;gap:12px;max-width:330px;margin:0 0 14px}
.rt-zoom input{flex:1;accent-color:var(--brass);background:transparent}
.rt-zoom button{border:1px solid var(--edge);color:var(--chalk);border-radius:var(--r);
  font-size:18px;line-height:1;padding:6px 14px}
.rt-crop-btns{display:flex;gap:10px;flex-wrap:wrap}
.rt-done{display:none;margin:18px 0;align-items:center;gap:14px}
.rt-done img{max-width:130px;border-radius:2px;border:1px solid var(--edge-soft)}