/* PIXELDOCK — швейцарская графика и интерфейс настольной программы: Oswald + Libre Franklin + IBM Plex Mono; чёрный, красный, жёлтый на светлом бетоне */
:root{--bg:#f4f4ef;--bg2:#e8e8e1;--ink:#0b0b0b;--mute:#5d5d57;--red:#ff3d1f;--yel:#ffd400;--line:#0b0b0b;--soft:rgba(11,11,11,.16);--disp:'Oswald','Arial Narrow',Impact,sans-serif;--sans:'Libre Franklin','Segoe UI',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,Consolas,monospace;--gut:clamp(16px,3.4vw,48px);--max:1400px;--bar:56px;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}
button,input,select{font:inherit;color:inherit;border-radius:0}button{cursor:pointer;background:none;border:0;padding:0}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:8px;top:-60px;z-index:400;background:var(--yel);color:#000;padding:10px 16px;font-weight:600}.skip:focus{top:8px}
.mono{font-family:var(--mono)}.small{font-size:.72rem}.muted{color:var(--mute)}
.ic{width:1.2em;height:1.2em;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter}.ic.big{width:44px;height:44px;stroke-width:1.5}
.wrapx{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}.wrapx.wide{max-width:1560px;padding-inline:clamp(8px,2vw,28px)}
.tag{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}

/* меню в виде программной строки */
.mbar{position:sticky;top:0;z-index:100;height:var(--bar);display:flex;align-items:stretch;justify-content:space-between;background:var(--ink);color:var(--bg);border-bottom:3px solid var(--red)}
.logo{display:flex;align-items:center;gap:12px;padding:0 var(--gut);text-decoration:none;color:inherit}.logo .mark{width:26px;height:26px}.logo b{font:700 1.35rem/1 var(--disp);letter-spacing:.06em}.logo i{font-style:normal;color:var(--red)}
.mbar .logo{border-right:1px solid #333}
.menu ul{display:flex;height:100%}.menu li{display:flex}.menu a{display:flex;align-items:center;gap:10px;padding:0 20px;text-decoration:none;font:500 .8rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;border-right:1px solid #333;color:#cfcfc8;transition:background .12s,color .12s}
.menu a:hover{background:#222;color:#fff}.menu a[aria-current=page]{background:var(--bg);color:var(--ink)}.menu kbd{font:500 .62rem/1 var(--mono);border:1px solid currentColor;padding:2px 4px;opacity:.6}
.macts{display:flex;align-items:stretch}.cloud,.signin{display:flex;align-items:center;gap:8px;padding:0 18px;text-decoration:none;font:500 .76rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#cfcfc8;border-left:1px solid #333}
.cloud em{font:500 .6rem/1 var(--mono);font-style:normal;background:#333;color:#aaa;padding:3px 5px}.cloud:hover,.signin:hover{background:#222;color:#fff}.signin{background:var(--red);color:#fff;border-left:0}.signin:hover{background:#ff5a40}
.mburger{display:none}.sheet{display:none}
/* кнопки */
.b{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 20px;border:2px solid var(--ink);background:var(--bg);font:500 .78rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:background .12s,color .12s,transform .1s}
.b:hover{background:var(--ink);color:var(--bg)}.b:active{transform:translate(1px,1px)}.b.red{background:var(--red);color:#fff;border-color:var(--ink)}.b.red:hover{background:var(--ink)}.b[disabled]{opacity:.35;pointer-events:none}
.link{font:500 .78rem/1 var(--mono);text-decoration:underline;text-underline-offset:4px;text-transform:uppercase}

/* главная */
.hero{position:relative;border-bottom:2px solid var(--ink);overflow:hidden}
.cols12{position:absolute;inset:0 var(--gut);display:grid;grid-template-columns:repeat(12,1fr);pointer-events:none;max-width:calc(var(--max) - 2 * var(--gut));margin-inline:auto}.cols12 i{border-left:1px solid var(--soft)}.cols12 i:last-child{border-right:1px solid var(--soft)}
.hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);gap:clamp(24px,4vw,64px);align-items:end;max-width:var(--max);margin-inline:auto;padding:clamp(36px,6vw,92px) var(--gut)}
.hero h1{font:700 clamp(3rem,7.2vw,7rem)/.92 var(--disp);text-transform:uppercase;letter-spacing:-.01em;margin:18px 0 24px}.hero h1 span{color:var(--red)}
.lead{font-size:clamp(1.02rem,1.5vw,1.2rem);color:var(--mute);max-width:56ch}
.dz{position:relative;background:#fff;border:2px solid var(--ink);padding:22px;display:grid;gap:14px;box-shadow:8px 8px 0 var(--ink);cursor:pointer;transition:background .15s}
.dz:hover,.dz.drag{background:var(--yel)}.dz-i{display:grid;gap:14px;justify-items:start;border:2px dashed var(--ink);padding:26px 20px}.dz-i b{font:700 clamp(1.6rem,3vw,2.3rem)/1 var(--disp);text-transform:uppercase}.dz-i>span,.dz-a>span{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.dz.has .dz-i{border-style:solid}.dz-b{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dz-a{display:grid;gap:10px}
.idx,.how,.fmt{border-bottom:2px solid var(--ink);padding-block:clamp(40px,6vw,88px)}
.idx-h{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:28px;border-bottom:3px solid var(--ink);padding-bottom:10px}.idx-h h2{font:700 clamp(2rem,4vw,3.4rem)/1 var(--disp);text-transform:uppercase}.idx-h .mono{font-size:.72rem;color:var(--mute);text-transform:uppercase;letter-spacing:.1em}
.trows{border-top:2px solid var(--ink)}.trows a{display:grid;grid-template-columns:70px minmax(140px,.7fr) minmax(0,1.4fr) 50px;gap:20px;align-items:center;padding:20px 12px;border-bottom:1px solid var(--ink);text-decoration:none;transition:background .1s,color .1s,padding .15s}
.trows a:hover{background:var(--ink);color:var(--bg);padding-left:22px}.trows .n{font-size:.82rem;color:var(--red)}.trows b{font:700 clamp(1.6rem,3vw,2.6rem)/1 var(--disp);text-transform:uppercase}.trows .d{color:var(--mute);font-size:.98rem}.trows a:hover .d{color:#bbb}.trows .ar{justify-self:end}.trows a:hover .ar{color:var(--red)}
.trows li.off a{background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(11,11,11,.05) 10px 20px);color:var(--mute)}.trows li.off a:hover{background:var(--ink);color:var(--bg)}
.trows.big a{padding-block:28px}
.flow{display:flex;align-items:stretch;gap:0;flex-wrap:wrap;margin-bottom:28px}.flow i{display:grid;place-items:center;padding:0 16px;font-style:normal;font-size:1.6rem}.fb1{border:2px solid var(--ink);padding:18px 24px;background:#fff;display:grid;gap:4px;min-width:200px}.fb1 b{font:700 1.4rem/1 var(--disp);text-transform:uppercase}.fb1 span{font-size:.76rem;color:var(--mute)}.fb1.red{background:var(--red);color:#fff}.fb1.red span{color:#ffe0da}
.how-t{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,60px);color:var(--mute);max-width:1000px}
.tbl{border:2px solid var(--ink);background:#fff}.tr{display:grid;grid-template-columns:90px 1.2fr 1fr 1.6fr 1.8fr;gap:16px;padding:14px 16px;border-bottom:1px solid var(--soft);font-size:.95rem}.tr:last-child{border:0}.tr.th{background:var(--ink);color:var(--bg);font:500 .72rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em}

/* внутренние страницы */
.ph{padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(18px,2.6vw,32px)}.ph.slim{padding-bottom:12px}.ph h1{font:700 clamp(2.4rem,6vw,5.2rem)/.94 var(--disp);text-transform:uppercase;margin-top:14px}.ph.slim h1{font-size:clamp(2rem,4.4vw,3.6rem)}.ph h1 .n{font-size:.4em;color:var(--red);vertical-align:top;margin-right:6px}.badge{display:inline-block;font:500 .9rem/1 var(--mono);background:var(--yel);padding:6px 10px;vertical-align:middle}
.ph .lead{margin-top:16px}
.crumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--red)}.crumbs i{font-style:normal}
/* рабочий стол */
.bench{border:2px solid var(--ink);background:var(--bg);display:flex;flex-direction:column;box-shadow:8px 8px 0 var(--ink);margin-bottom:12px}
.bar{display:flex;align-items:center;gap:16px;padding:8px 12px;background:var(--ink);color:var(--bg);flex-wrap:wrap}.fname{font:500 .86rem/1 var(--mono);max-width:34ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fdim{font-size:.72rem;color:#aaa}.bacts{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}
.bar .b{min-height:38px;padding:0 14px;background:transparent;color:var(--bg);border-color:#555;font-size:.72rem}.bar .b:hover{background:var(--bg);color:var(--ink)}.bar .b.red{background:var(--red);color:#fff;border-color:var(--red)}.bar .b.red:hover{background:#fff;color:var(--ink)}
.bb{display:grid;grid-template-columns:290px minmax(0,1fr) 250px;min-height:min(72vh,680px)}
.panel,.info{padding:16px;display:grid;gap:12px;align-content:start;background:var(--bg);overflow:auto}.panel{border-right:2px solid var(--ink)}.info{border-left:2px solid var(--ink)}
.panel h2,.info h2{font:500 .7rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:6px;padding-top:12px;border-top:1px solid var(--soft)}.panel h2:first-child,.info h2{border-top:0;padding-top:0;margin-top:0}
.fld{display:grid;gap:6px}.fld label,.lbl{font:500 .74rem/1.2 var(--mono);letter-spacing:.04em}.fld label b{float:right;color:var(--red);font-weight:500}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
input[type=number],input[type=text],select,input[type=file]{width:100%;min-height:42px;padding:0 10px;background:#fff;border:2px solid var(--ink);font:400 .92rem/1 var(--sans)}input[type=file]{padding:8px 6px;font-size:.78rem;min-height:0}
select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}
input:focus,select:focus{outline:3px solid var(--red);outline-offset:0}
input[type=color]{width:100%;height:42px;border:2px solid var(--ink);padding:2px;background:#fff;cursor:pointer}
input[type=range]{width:100%;height:28px;appearance:none;-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--ink)}input[type=range]::-moz-range-track{height:3px;background:var(--ink)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:22px;margin-top:-9px;background:var(--red);border:2px solid var(--ink)}input[type=range]::-moz-range-thumb{width:12px;height:18px;background:var(--red);border:2px solid var(--ink);border-radius:0}
.chk{display:flex;gap:10px;align-items:center;font-size:.9rem}.chk input[type=checkbox]{width:20px;height:20px;accent-color:var(--red)}.chk input[type=color]{width:42px;height:28px}
.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{min-height:38px;min-width:44px;padding:0 12px;border:2px solid var(--ink);background:#fff;font:500 .74rem/1 var(--mono);display:inline-flex;align-items:center;justify-content:center}.chip:hover{background:var(--yel)}.chip[aria-pressed=true]{background:var(--ink);color:var(--bg)}.chip[disabled]{opacity:.35;pointer-events:none}.seg{display:flex}.seg .chip{flex:1;min-width:0;padding:0 6px;margin-left:-2px}
.hint{font-size:.82rem;color:var(--mute)}
.stage{position:relative;display:grid;place-items:center;padding:20px;min-width:0;overflow:auto;background:conic-gradient(#dcdcd5 25%,#ececE6 0 50%,#dcdcd5 0 75%,#ececE6 0) 0 0/24px 24px}
.stage.drag{outline:4px dashed var(--red);outline-offset:-10px}
.stage-empty{display:grid;justify-items:center;gap:8px;text-align:center;max-width:42ch;padding:20px;background:var(--bg);border:2px dashed var(--ink)}.stage-empty b{font:700 1.5rem/1.1 var(--disp);text-transform:uppercase}.stage-empty p{color:var(--mute);font-size:.92rem}.stage-empty .small{color:var(--ink)}
.prev,.stage>canvas{max-width:100%;max-height:68vh;width:auto;height:auto;box-shadow:0 0 0 2px var(--ink),6px 6px 0 var(--ink);background:#fff}.stage>canvas.cover{max-height:66vh}
.cwrap{position:relative;display:inline-block;line-height:0;max-width:100%;touch-action:none;user-select:none;-webkit-user-select:none}.cwrap canvas{max-width:100%;max-height:68vh;width:auto;height:auto;box-shadow:0 0 0 2px var(--ink)}
.sel{position:absolute;border:2px solid #fff;outline:1px solid var(--ink);box-shadow:0 0 0 9999px rgba(11,11,11,.55);cursor:move;touch-action:none}.sel:focus-visible{outline:3px solid var(--red)}
.sel::before,.sel::after{content:"";position:absolute;pointer-events:none;border:0 solid rgba(255,255,255,.55)}.sel::before{inset:0 33.3%;border-width:0 1px}.sel::after{inset:33.3% 0;border-width:1px 0}
.hd{position:absolute;width:16px;height:16px;background:var(--red);border:2px solid #fff;margin:-8px 0 0 -8px;touch-action:none}.hd.nw{left:0;top:0;cursor:nwse-resize}.hd.n{left:50%;top:0;cursor:ns-resize}.hd.ne{left:100%;top:0;cursor:nesw-resize}.hd.e{left:100%;top:50%;cursor:ew-resize}.hd.se{left:100%;top:100%;cursor:nwse-resize}.hd.s{left:50%;top:100%;cursor:ns-resize}.hd.sw{left:0;top:100%;cursor:nesw-resize}.hd.w{left:0;top:50%;cursor:ew-resize}
.rows div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dotted var(--ink);font:400 .78rem/1.3 var(--mono)}.rows span{color:var(--mute)}.rows b{font-weight:500;text-align:right}.rows .muted{font:400 .84rem/1.4 var(--sans);border:0}
.status{padding:12px 16px;background:var(--yel);border-top:2px solid var(--ink);font:500 .84rem/1.4 var(--mono)}.status[data-kind=error]{background:var(--red);color:#fff}.dz .status{border:2px solid var(--ink);margin-top:2px}
/* текстовый блок под инструментом */
.doc{padding-block:clamp(32px,5vw,70px)}.doc-g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);margin-bottom:40px}.doc h2,.h2{font:700 clamp(1.5rem,2.6vw,2.2rem)/1 var(--disp);text-transform:uppercase;margin-bottom:16px;padding-bottom:8px;border-bottom:3px solid var(--ink)}.h2{margin-top:44px}
.steps{display:grid;gap:12px;counter-reset:s}.steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:12px}.steps li::before{content:counter(s,decimal-leading-zero);font:500 .86rem/1.6 var(--mono);color:var(--red)}
.dots{display:grid;gap:10px}.dots li{position:relative;padding-left:22px}.dots li::before{content:"";position:absolute;left:0;top:.65em;width:8px;height:8px;background:var(--red)}
.faq{display:grid;border-top:2px solid var(--ink);max-width:900px}.faq details{border-bottom:1px solid var(--ink);padding:16px 0}.faq summary{cursor:pointer;font:700 1.2rem/1.2 var(--disp);text-transform:uppercase;list-style:none;display:flex;justify-content:space-between;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--red);font-size:1.6rem;line-height:1}.faq details[open] summary::after{content:"−"}.faq p{margin-top:10px;color:var(--mute);max-width:70ch}
.more{display:flex;gap:10px 24px;flex-wrap:wrap;margin-top:44px;padding-top:18px;border-top:2px solid var(--ink)}.more a{text-decoration:none;font:700 1.15rem/1 var(--disp);text-transform:uppercase}.more a:hover{color:var(--red)}.more .mono{font-size:.7rem;color:var(--red);margin-right:4px}
.tpls{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:24px}.tpls a{display:grid;gap:6px;text-decoration:none}.tpls canvas{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;transition:transform .12s,box-shadow .12s}.tpls a:hover canvas{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--red)}.tpls .mono{font-size:.72rem;color:var(--red)}.tpls b{font:700 1.3rem/1 var(--disp);text-transform:uppercase}.tpls small{color:var(--mute);font-size:.8rem}
.prose{max-width:68ch;display:grid;gap:1em;margin-bottom:60px}.prose h2{font:700 1.6rem/1 var(--disp);text-transform:uppercase;margin-top:1em}.prose a{color:var(--red)}.note{border-left:4px solid var(--red);padding:6px 0 6px 16px;margin-top:20px;max-width:70ch}
.nf{padding-block:clamp(50px,9vw,120px);display:grid;gap:16px;justify-items:start}.nf h1{font:700 clamp(3rem,9vw,8rem)/.9 var(--disp);text-transform:uppercase}.nf h1 span{color:var(--red)}.acts{display:flex;gap:12px;flex-wrap:wrap}
.foot{border-top:3px solid var(--red);background:var(--ink);color:var(--bg);padding:clamp(30px,5vw,60px) var(--gut) 24px;margin-top:40px}.fg{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:clamp(20px,4vw,56px);max-width:var(--max);margin-inline:auto}.foot .logo{padding:0}.foot h2{font:500 .7rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:14px}.foot a:not(.logo){display:block;padding:4px 0;text-decoration:none;color:#bdbdb6;font-size:.92rem}.foot a:not(.logo):hover{color:#fff}.foot p{color:#9d9d96;margin-top:12px;max-width:34ch;font-size:.9rem}.fb{max-width:var(--max)!important;margin:34px auto 0!important;padding-top:16px;border-top:1px solid #333;font-size:.68rem!important;text-transform:uppercase;letter-spacing:.08em}
dialog{border:3px solid var(--ink);background:var(--bg);padding:0;max-width:min(480px,92vw);box-shadow:10px 10px 0 var(--ink)}dialog::backdrop{background:rgba(11,11,11,.6)}.dlg{padding:clamp(22px,4vw,34px);display:grid;gap:14px}.dlg h2{font:700 1.9rem/1 var(--disp);text-transform:uppercase}.dlg p{color:var(--mute)}.dlg .row{display:flex;gap:10px;flex-wrap:wrap}.dlg-ic{width:48px;height:48px;border:2px solid var(--ink);display:grid;place-items:center;background:var(--yel)}
.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);z-index:500;background:var(--ink);color:var(--bg);padding:12px 20px;font:500 .8rem/1 var(--mono);text-transform:uppercase;opacity:0;transition:all .25s;pointer-events:none}.toast.on{opacity:1;transform:translate(-50%,0)}
[hidden]{display:none!important}

@media (max-width:1100px){.bb{grid-template-columns:260px minmax(0,1fr)}.info{grid-column:1/-1;border-left:0;border-top:2px solid var(--ink);grid-template-columns:1fr}.hero-in{grid-template-columns:1fr}.doc-g,.how-t{grid-template-columns:1fr}.tr{grid-template-columns:70px 1fr 1fr}.tr span:nth-child(n+4){display:none}.fg{grid-template-columns:1fr 1fr}.trows a{grid-template-columns:50px 1fr 40px}.trows .d{display:none}.menu a{padding:0 12px}.cloud span{display:none}}
@media (max-width:860px){
  .menu,.cloud,.signin{display:none}.mbar{height:52px}.mbar .logo{border-right:0}
  .mburger{display:flex;align-items:center;gap:8px;padding:0 16px;color:var(--bg);font:500 .78rem/1 var(--mono);text-transform:uppercase;background:var(--red)}
  .sheet:not([hidden]){display:block;position:fixed;inset:52px 0 0 0;z-index:99;background:var(--ink);color:var(--bg);overflow:auto;padding:12px var(--gut) 40px}.sheet nav{display:grid}.sheet a{display:flex;align-items:baseline;gap:16px;padding:18px 0;border-bottom:1px solid #333;text-decoration:none;font:700 clamp(2rem,9vw,3.2rem)/1 var(--disp);text-transform:uppercase}.sheet a i{font:500 .8rem/1 var(--mono);color:var(--red);font-style:normal}.sheet a small{font:500 .7rem/1 var(--mono);background:#333;padding:4px 6px;color:#aaa;text-transform:uppercase}.sheet a[aria-current=page]{color:var(--yel)}.sheet-open{overflow:hidden}
  .wrapx.wide{padding-inline:0}.bench{box-shadow:none;border-inline:0}.bb{display:flex;flex-direction:column}.stage{order:1;min-height:46vh;padding:12px}.panel{order:2;border-right:0;border-top:2px solid var(--ink)}.info{order:3}.bar{position:sticky;bottom:0;order:4;z-index:40;border-top:2px solid var(--red)}.bench{display:flex}.bar .fname{max-width:22ch}.bacts{width:100%}.bacts .b{flex:1;padding:0 8px}.bar .fdim{display:none}.status{order:3}
  .bench{flex-direction:column}.bench>.bb{order:1}.bench>.status{order:2}.bench>.bar{order:3}
  .hero h1{font-size:clamp(2.6rem,12.5vw,4rem)}.dz{box-shadow:5px 5px 0 var(--ink)}.dz-b{grid-template-columns:1fr}.trows a{padding:16px 6px}.tr{grid-template-columns:70px 1fr}.tr span:nth-child(n+3){display:none}.fg{grid-template-columns:1fr}.two{grid-template-columns:1fr 1fr}.prev,.stage>canvas,.cwrap canvas{max-height:52vh}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation:none!important}}