*,:after,:before{box-sizing:border-box}*{margin:0}html{text-size-adjust:none}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin-block-end:0}ol,ul{padding-left:0;list-style:none}body{min-height:100vh;line-height:1.5}button,h1,h2,h3,h4,input,label{line-height:1.1}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:3em}canvas,img,picture,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}dialog{padding:0;position:relative}button{background:0;border:0}:root{--bg:#fefefe}#root{flex-direction:column;max-width:100vw;min-height:100vh;display:flex}.hstack,.vstack{align-items:center;display:flex}.hstack{flex-direction:row}.vstack{flex-direction:column}.vscroll{overflow-x:scroll}.st_gap1{gap:4px}.st_gap2{gap:8px}.st_gap3{gap:12px}.st_gap4{gap:16px}.stc_fill{align-self:stretch}.stc_grow{flex-grow:1}.stc_shrink0{min-width:0}.stc_noshrink{flex-shrink:0}.btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s}.iconbtn{padding:8px 12px;display:block;& .icon,& span{vertical-align:middle}& .icon{width:24px;height:24px;margin-right:8px;display:inline-block}}.circleiconbtn{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;& .icon{flex-shrink:0;width:24px;min-width:24px;height:24px;display:block}}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.btn.btn1:disabled{color:#999;background:linear-gradient(#e0e0e0,#d0d0d0);border:1px solid silver}.btn.btn2:disabled,.btn.btn3:disabled{color:#aaa;background:#f5f5f5;border-color:#e0e0e0}.btn.btn1{color:#fff;background:linear-gradient(#e94f9c,#d94088);border:1px solid #c93b7d;box-shadow:0 2px 4px #e94f9c40}.btn.btn1:enabled:hover{background:linear-gradient(#ed5ea5,#dd4890);box-shadow:0 3px 6px #e94f9c59}.btn.btn1:enabled:active{background:linear-gradient(#d94088,#c93b7d);box-shadow:inset 0 1px 2px #0003}.btn.btn2{color:#333;background:linear-gradient(#fff,#f8f8f8);border:1px solid silver;box-shadow:0 1px 3px #0000001f}.btn.btn2:enabled:hover{background:linear-gradient(#fff,#f0f0f0);border-color:#b0b0b0;box-shadow:0 2px 4px #00000026}.btn.btn2:enabled:active{background:linear-gradient(#f0f0f0,#e8e8e8);box-shadow:inset 0 1px 2px #0000001a}.btn.btn3{box-shadow:none;color:#666;background:0 0;border:1px solid #d0d0d0}.btn.btn3:enabled:hover{color:#333;background:#f5f5f5;border-color:silver}.btn.btn3:active{background:#e8e8e8;box-shadow:inset 0 1px 2px #00000014}.dirbrowser_layout{background-color:#eff0f1;flex-direction:row;flex:1 0 auto;display:flex}.dirbrowser_sidebar{padding:12px 0;font-size:14px}.dirbrowser_places{min-width:192px}.dirbrowser_places .place_section{opacity:.5;margin-left:8px;display:block}.dirbrowser_places .place{color:#1c1f22;cursor:pointer;text-align:left;width:100%;padding:4px;line-height:20px;text-decoration:none;display:block}.dirbrowser_places .place:focus,.dirbrowser_places .place:hover{background-color:#ffb6c1}.dirbrowser_places .place.active{background-color:#ff69b4}.dirbrowser_places .place .icon{vertical-align:top;width:24px;height:24px;margin:0 4px;display:inline-block;& path{stroke:#333}}.dirbrowser_layout main{flex-direction:row;flex:auto;min-width:0;display:flex}.dirbrowser_props{flex-direction:column;width:384px;display:flex}.dirbrowser_props_thumb{border-radius:4px;justify-content:center;align-items:center;width:100%;max-height:537.6px;margin:24px 8px;display:flex;overflow:hidden}.dirbrowser_props_thumb img{max-height:inherit;-o-object-fit:contain;object-fit:contain;max-width:100%}.dirbrowser_props_icon{align-self:center;width:256px;height:auto;margin:24px 8px;display:block}.dirbrowser_props_name{text-align:center;font-weight:700}.dirbrowser_props_table{border-top:1px solid #d3d3d3;margin:16px 8px;padding-top:16px}.dirbrowser_props_table th{text-align:right;vertical-align:top;white-space:nowrap;width:1%;font-weight:300}.dirbrowser_props_table .icon{vertical-align:bottom;height:1.3em;margin-right:4px;display:inline-block}.dirbrowser_filedrop_area{border:8px dashed #000;border-radius:16px;justify-content:center;align-items:center;gap:12px;margin:12px;padding:24px;font-size:18px;display:none;& .icon{vertical-align:middle;width:32px;display:inline}}.filegrid .dirbrowser_filedrop_area{grid-column:1/-1}body.is_dropping_files .dirbrowser_filedrop_area{display:flex}.dirbrowser_filedrop_area.is_dropping_files{background-color:#00000010;border-style:solid}.dirbrowser_filepane{flex-direction:column;flex:auto;min-width:0;display:flex}.dirbrowser_crumbs{scroll-behavior:smooth;white-space:nowrap;background-color:#fff;border:1px solid #c6c8c9;border-radius:.4em;justify-content:flex-end;margin:8px 0;padding:4px 8px;font-size:14px;display:flex;overflow-x:hidden}.dirbrowser_crumbs ol{white-space:nowrap;flex-direction:row;margin-right:auto;padding-left:0;list-style:none;display:flex}.dirbrowser_crumbs ol li .crumb,.dirbrowser_crumbs ol li span:last-child{color:initial;user-select:none;background:0 0;border:1px solid #0000;border-radius:.25em;margin-left:.1em;padding:.3em;line-height:1.5em;text-decoration:none;display:block;position:relative}.dirbrowser_crumbs ol li span:last-child{font-weight:700}.dirbrowser_crumbs ol li:not(:last-child) .crumb:hover{cursor:pointer;border-color:#add8e6}.dirbrowser_crumbs ol li:not(:last-child) .crumb:after{color:gray;content:"›";margin-left:8px;text-decoration:none;display:inline-block}.dirbrowser_dirview{background-color:#fff;border:1px solid #c6c8c9;border-top-left-radius:.4em;border-top-right-radius:.4em;flex:auto}.filegrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));place-content:start flex-start;gap:8px;margin:8px 0;padding:16px;font-size:14px;display:grid}.filegrid_item{user-select:none;justify-self:center;width:150px;position:relative}.filegrid_item.is_anchor .filegrid_itemlabel{outline:1px solid #ff1493}.filegrid_item.is_selected .filegrid_itemlabel{background-color:#ff69b4}.filegrid_item.is_selected img{filter:grayscale()contrast(.95)brightness(.92)}.filegrid_item.is_selected:after{content:" ";mix-blend-mode:color;opacity:.4;pointer-events:none;background-color:red;width:100%;height:100px;display:block;position:absolute;top:0;left:0}.filegrid_item.is_being_dragged :is(img,.filegrid_itemlabel){opacity:.2}.filegrid_item img{transition:transform .2s}.filegrid_item.is_dropping img{transform:scale(1.2)}.filegrid_itemlabel{color:#010101;overflow-wrap:anywhere;text-align:center;text-wrap:balance;width:150px;max-height:4.2em;margin-top:.1em;line-height:1.4em}.filegrid_item_icon{width:100px;height:100px;margin-left:auto;margin-right:auto}.filegrid_item_thumb{width:150px;height:100px;display:flex;&>img{-o-object-fit:contain;object-fit:contain}}.filelist_item_label{color:#010101}.filelist_item_icon{width:32px;height:32px;margin-left:auto;margin-right:auto}.filegrid_item>a,.filelist_item>td>a{text-decoration:none}.filegrid_item:hover .filegrid_itemlabel{background-color:#ffb6c1}.filegrid_item_selector{appearance:none;cursor:pointer;visibility:hidden;background:#fff;border:.1em solid #555;border-radius:.2em;width:1em;height:1em;padding:0;font-size:2em;position:absolute;top:0}.filegrid_item:hover>.filegrid_item_selector{visibility:visible}.filegrid_item.is_selected>.filegrid_item_selector{visibility:visible;background-color:#ff69b4;border-color:purple}.filegrid_item.is_selected>.filegrid_item_selector:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:.25em;height:.5em;position:absolute;top:.08em;left:.27em;transform:rotate(45deg)}.filegrid_item_selector:focus-visible{outline-offset:2px;outline:2px solid #007bff88}.dirbrowser_toolbar{flex-direction:row;display:flex}.dirbrowser_filepane .toolbutton:not(:first-child){margin-left:4px}@media (width<=1000px){.dirbrowser_sidebar{z-index:1000;background:#fff;width:250px;transition:transform .3s;position:fixed;top:0;bottom:0;overflow-y:auto;box-shadow:0 0 10px 10px #0000004d}.dirbrowser_places:not(.active){transform:translate(-105%)}.dirbrowser_props{left:auto;right:0}.dirbrowser_props:not(.active){transform:translate(105%)}}.dirbrowser_menunew{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.dirbrowser_menunew_col{flex-direction:column;gap:4px;padding:16px;display:flex}.dirbrowser_menunew_button{text-align:left;white-space:nowrap;background-color:#eff0f1;border:0;border-radius:4px;padding:8px 12px;font-size:16px;display:block;& .icon,& span{vertical-align:middle}& .icon{width:32px;height:32px;margin-right:8px;display:inline-block}}.dirbrowser_menunew_button:hover{background-color:#ff69b4}header nav{background-color:#dee0e2;border-bottom:1px solid #ced0d2;flex-direction:row;justify-content:space-between;align-items:center;padding:1em;display:flex}header .site_logo{color:#ff69b4;-webkit-text-decoration:italic;text-decoration:italic;font-size:2em;font-weight:1000;line-height:1em}header nav .left,header nav .right{flex-direction:row;flex:0 auto;align-items:stretch;display:flex;&>div{outline:1px solid #ff69b4;max-height:100%}}header nav .middle{text-align:center;white-space:nowrap;flex:0 auto;margin:0 auto;position:absolute;left:50%;transform:translate(-50%)}header nav .middle form{text-align:center;width:100%}header nav .middle form input{width:100%;max-width:40em;padding:.5em}header .upload_centre{margin:4px;padding:8px;&>.status{min-width:96px;font-size:14px;&>span{text-align:center;flex:1 0}}& .icon{width:32px}}.modal{background-color:#f3f3f3;border:1px solid #ccc;border-radius:8px;box-shadow:0 8px 16px #999}.modal_header{background-color:#dee0e2;border-bottom:1px solid #ced0d2;flex-direction:row;align-items:center;padding:24px;display:flex;& h2{font-size:18px;font-weight:700}}.modal_header_slim{padding:8px;& h2{margin:8px;font-size:16px}}.modal_header>:nth-child(2){flex:1}.modal_body{padding:16px 16px 16px 12px}.modal_container,.modal_underlay{width:100%;height:100%;position:fixed;top:0;left:0}.modal_underlay{opacity:.2;background-color:#111}.modal_container{justify-content:center;align-items:center;display:flex}.modal_buttons{flex-direction:row;justify-content:flex-end;gap:8px;display:flex}.modal_arrow{color:#f3f3f3}.progress{background-color:gray;border:1px solid #d3d3d3;border-radius:8px;height:24px;overflow:hidden}.progress-slim{height:12px}.progress-xslim{height:8px}.progress div{background-color:#008b8b;height:100%}.upload_centre_list{width:90vw;max-width:512px;min-height:384px;margin:12px 0}.upload_centre_upload{white-space:nowrap;padding:12px 32px}.upload_centre_upload>.ucu_icon{width:48px;height:48px}.upload_centre_upload .ucu_name,.upload_centre_upload .ucu_subline li:last-child{text-overflow:ellipsis;min-width:0;overflow-x:hidden}.upload_centre_upload .ucu_subline{color:#777;display:flex;& .icon{vertical-align:bottom;height:1.3em;margin-right:4px;display:inline-block}}.upload_centre_upload .ucu_subline>li:not(:first-child):before{content:"•";margin:0 8px}.pswp{contain:layout style size;opacity:.003;touch-action:none;z-index:100000;-webkit-tap-highlight-color:#0000;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.pswp,.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{will-change:opacity;transform:translateZ(0)}.pswp__bg{opacity:.005;background:#000}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__bg,.pswp__container,.pswp__content,.pswp__img,.pswp__item,.pswp__scroll-wrap,.pswp__zoom-wrap{width:100%;height:100%;position:absolute;top:0;left:0}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:zoom-out}.pswp__button,.pswp__container,.pswp__counter,.pswp__img{user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none!important}.pswp__content{pointer-events:none}.pswp__content>*{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{color:#fff;margin:auto;font-size:1em;line-height:1}.pswp .pswp__hide-on-close{opacity:.005;pointer-events:none;transition:opacity var(--pswp-transition-duration)cubic-bezier(.4,0,.22,1);will-change:opacity;z-index:10}.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto}.pswp__button{-webkit-appearance:none;box-shadow:none;cursor:pointer;opacity:.85;-webkit-touch-callout:none;background:0 0;border:0;width:50px;height:60px;margin:0;padding:0;display:block;position:relative;overflow:hidden}.pswp__button:active,.pswp__button:focus,.pswp__button:hover{box-shadow:none;opacity:1;background:0 0;border:0;padding:0;transition:none}.pswp__button:disabled{cursor:auto;opacity:.3}.pswp__icn{fill:#fff;color:#4f4f4f;pointer-events:none;width:32px;height:32px;position:absolute;top:14px;left:9px;overflow:hidden}.pswp__icn-shadow{stroke:#4f4f4f;stroke-width:2px;fill:none}.pswp__icn:focus{outline:0}.pswp__img--with-bg,div.pswp__img--placeholder{background:#222}.pswp__top-bar{z-index:10;flex-direction:row;justify-content:flex-end;width:100%;height:60px;display:flex;position:absolute;top:0;left:0;pointer-events:none!important}.pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:6px}.pswp__button--arrow{width:75px;height:100px;margin-top:-50px;position:absolute;top:50%}.pswp__button--arrow:disabled{cursor:default;display:none}.pswp__button--arrow .pswp__icn{background:0 0;border-radius:0;width:60px;height:60px;margin-top:-30px;top:50%}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{left:0;right:auto}.pswp__button--arrow--next{right:0}.pswp__button--arrow--next .pswp__icn{left:auto;right:14px;transform:scaleX(-1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{width:50px;height:60px;margin-right:auto;position:relative;overflow:hidden}.pswp__preloader .pswp__icn{opacity:0;transition:opacity .2s linear;animation:.6s linear infinite pswp-clockwise}.pswp__preloader--active .pswp__icn{opacity:.85}@keyframes pswp-clockwise{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.pswp__counter{color:#fff;margin-top:15px;opacity:.85;text-shadow:1px 1px 3px #4f4f4f;height:30px;margin-inline-start:20px;font-size:14px;line-height:30px}.pswp--one-slide .pswp__counter{display:none}.pswp__img{max-width:none}.filepreview_container{justify-content:center;align-items:center;width:100px;height:100px;padding:32px;display:flex;&>b{color:#fff}}.cmt_1{grid-template-rows:auto 1fr;grid-template-columns:192px minmax(600px,auto);width:min(900px,90vw);display:grid}.cmt_buttons{grid-template-columns:auto 1fr auto;width:100%;display:grid}.nfd_TEMP{padding:12px 0 16px 8px}body{background-color:var(--bg);font-family:system-ui,sans-serif}