body{#md_area_sort{display:flex;align-items:center;min-height:100vh;margin:0 auto;.modal-title{font-weight:initial;}.modal-content{width:100%;ul{display:flex;flex-direction:column;gap:1rem;li{padding:1rem 2rem;border:var(--border-style);border-radius:var(--blok-radius);background-color:var(--main-bg);position:relative;display:flex;justify-content:space-between;gap:1rem;&.delete{--dc:#b71313;color:var(--dc);border-color:var(--dc);i{color:var(--dc);}&:after{content:"";background:#a3232340;position:absolute;top:0;bottom:0;left:0;right:0;}}button{display:flex;align-items:center;border:none;opacity:.8;background:none;&[name=clean]{z-index:1;}&:first-of-type{margin-left:auto;}}}}}}#md_area_text{textarea{font-size:15px;height:calc(100vh - 20rem);border:none;padding:.5rem 1rem;}}main{fieldset[name=sel_files]{display:flex;align-items:center;justify-content:center;text-align:center;background-color:var(--mist-bg-ye);border:1px solid var(--control-border-color);border-radius:var(--blok-radius);padding:4rem;font-size:1.5em;cursor:pointer;margin-top:1rem;&.dragmov{position:absolute;top:0;left:0;right:0;border:0;height:100%;background:#000000a1;color:#fff;}&>label{cursor:pointer;span{white-space:nowrap;}br{@media( width<= 500px){display:none;}}}@media( width<= 500px){padding:2rem;}}section.imgs{display:flex;flex-direction:column;gap:2rem;.wrap_imgs{position:relative;border:var(--control-border-style) !important;border-radius:var(--blok-radius);.wrap_img{position:relative;width:fit-content;margin:auto;.area{position:absolute;border:3px solid #00000080;background:#ff03;display:grid;grid-template-areas:"a b c""d e f""g h i";grid-template-columns:2rem auto 2rem;grid-template-rows:2rem auto 2rem;&.active{border-color:#ff000080;z-index:500;}&:before{content:attr(data-txt);position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2em;font-weight:bold;-webkit-text-stroke:1px #91912a;}>div{z-index:10;border:1px dotted #0003;&:nth-child(1){cursor:nwse-resize}&:nth-child(2){cursor:ns-resize}&:nth-child(3){cursor:nesw-resize}&:nth-child(4){cursor:ew-resize}&:nth-child(5){cursor:move}&:nth-child(6){cursor:ew-resize}&:nth-child(7){cursor:nesw-resize}&:nth-child(8){cursor:ns-resize}&:nth-child(9){cursor:nwse-resize}}}canvas{width:100%;height:100%;}}.btn-gr{display:flex;justify-content:center;position:sticky;top:0;background:var(--mist-bg);gap:1rem;padding:5px;z-index:1000;>button{display:flex;align-items:center;gap:5px;>span{@media(width<= 500px){display:none;}}}}}}section.result{display:flex;flex-direction:column;gap:1rem;>button[name=cut]{width:100%;font-size:1.5em;cursor:pointer;padding:4rem;background-color:var(--mist-bg-ye);border-radius:var(--blok-radius);@media( width<= 600px){padding:2rem;}@media( width<= 400px){font-size:1.3em;}}>div.figures{--blok-bg:#97a9af;display:flex;flex-direction:column;gap:1rem;figure{padding:1rem;background:var(--blok-bg);border:var(--border-style);border-radius:var(--blok-radius);gap:1rem;&.easy{display:flex;flex-direction:row-reverse;justify-content:space-between;background:var(--blok-bg);>figcaption{background:none;margin:-1rem 0 -1rem -1rem;padding-right:0;width:100%;text-align:left;>div.btn-gr{>button{&[name=size],&[name=persp]{display:none;}.glyphicon-zoom-out:before {content:"\e015"}}}@media( width<= 500px){margin:-.5rem 0 -.5rem -.5rem;}}>div.pic{max-height:12rem;min-width:15rem;max-width:15rem;overflow:hidden;>textarea{display:none;}}>div.prop{display:none;}}&:not(.easy){>div.pic{gap:.5rem;>div.img{position:relative;margin:auto;width:fit-content;height:fit-content;>img{.grh >&{max-width:50%;}}>i{figure.text-img &{display:none;}--size:.5em;--half_size:-.25em;width:var(--size);height:var(--size);display:block;background:rgb(253 255 122 / 50%);position:absolute;cursor:pointer;clip-path:circle(50%);&.active{background:rgb(253 0 0 / 50%);}&.top{top:var(--half_size);}&.bottom{bottom:var(--half_size);}&.left{left:var(--half_size);}&.right{right:var(--half_size);}}}>textarea{width:100%;font-size:14px;line-height:1.4;padding:.5rem 1rem;border:none;}}}>figcaption{display:flex;align-items:baseline;background:var(--mist-bg);gap:1rem;padding:1rem 2rem;margin:-1rem -1rem 0 -1rem;@media( width<= 500px){gap:.5rem;padding:.5rem 1rem;margin:-.5rem -.5rem 0 -.5rem;}span{margin-right:auto;overflow:hidden;text-overflow:ellipsis;word-break:break-all;width:100%;text-align:left;}>div.btn-gr{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;button{display:flex;padding:.8rem;justify-content:center;border-radius:var(--btn-radius);width:3.2rem;height:3.2rem;&[name=clean]{padding-right:1rem;}&.active{color:var(--control-color-active);}}}}>progress{width:100%;}>div.prop{position:sticky;bottom:0;padding:1rem;background:var(--body-bg);border:var(--border-style);border-radius:var(--blok-radius);z-index:1000;.grhl {flex-direction:initial;flex-wrap:wrap;>*{width:calc(50% - 0.5rem);@media( width<=500px ){width:100%;}.prop.persp &[data-name=p]{flex:0 0 100%;}label.form-control-static[data-role=performance]{min-width:8rem;}}}div.control{@media( width<=500px ){zoom:.8;}}}}}>div.btn-gr{display:flex;width:100%;flex-direction:column;gap:1rem;>button{font-size:1.1em;cursor:pointer;padding:2.5rem 4rem;background-color:var(--mist-bg-ye);width:100%;border-radius:var(--blok-radius);white-space:break-spaces;word-break:break-word;>span{white-space:nowrap;}@media( width<= 600px){font-size:.9em;padding:2rem;}@media( width<= 400px){font-size:.8em;}}}}details.mist{padding:2rem;margin-top:1rem;}}}