.desktop-icon[data-app="moth"] .glyph{color:#d8d8d8;font-size:24px}

#mothWin{left:28%;top:16%;width:min(660px,72vw);height:min(500px,66vh)}
.moth-menu{display:flex;align-items:center;gap:12px;padding:2px 5px}
.moth-menu button{border:0;background:transparent;padding:3px 5px;font:11px var(--sans);cursor:pointer;color:#111}
.moth-menu button:hover{background:#111;color:#fff}
#mothMode{margin-left:auto!important;font:10px var(--mono);color:#555}
.moth-body{position:relative;height:calc(100% - 50px);overflow:hidden;background:#ddd;padding-bottom:22px}
#mothText{width:100%;height:100%;resize:none;border:0;outline:0;padding:10px;background:#f3f3eb;color:#111;font:12px/1.45 var(--mono);white-space:pre;overflow:auto}
.moth-status{position:absolute;left:0;right:0;bottom:0;height:22px;background:#ccc;border-top:1px solid #888;display:flex;align-items:center;justify-content:space-between;padding:0 7px;font:10px var(--mono);color:#333}
.moth-dialog{position:absolute;inset:34px 38px 46px 38px;background:#d1d1d1;border:2px solid #f2f2f2;border-right-color:#555;border-bottom-color:#555;box-shadow:5px 5px 18px rgba(0,0,0,.35);z-index:20;display:flex;flex-direction:column}
.moth-dialog-title{background:#111;color:#fff;padding:5px 7px;font:bold 11px var(--sans)}
.moth-drive-row{display:flex;align-items:center;gap:7px;margin:6px 6px 0;font:11px var(--sans)}
.moth-drive-row label{width:36px}
.moth-drive-row select{flex:1;height:24px;border:1px inset #888;background:#fff;color:#111;padding:2px 4px;font:11px var(--mono)}
.moth-dialog-path{background:#fff;border:1px inset #888;margin:6px;padding:5px 7px;font:11px var(--mono);min-height:25px}
.moth-dialog-list{flex:1;margin:0 6px;background:#f5f5f5;border:1px inset #888;overflow:auto;padding:3px}
.moth-drive-error{padding:12px;color:#555;font:11px/1.4 var(--mono)}
.moth-file-row{display:grid;grid-template-columns:24px 1fr auto;gap:5px;align-items:center;padding:5px 6px;font:11px var(--mono);cursor:default;border-bottom:1px dotted #ccc}
.moth-file-row:hover{background:#dcdcdc}
.moth-file-row.locked{color:#777}
.moth-file-icon{font-size:14px}
.moth-file-meta{font-size:9px;color:#777}
.moth-dialog-actions{height:34px;display:flex;align-items:center;padding:4px 6px;gap:5px}
.moth-dialog-actions .spacer{flex:1}
.moth-dialog-actions button{min-width:66px;height:23px;background:#c8c8c8;border:1px solid #fff;border-right-color:#555;border-bottom-color:#555;font:11px var(--sans)}

@media (max-width:720px){
  #mothWin{left:2vw!important;top:5vh!important;width:96vw!important;height:78vh!important}
  .moth-dialog{inset:32px 10px 44px 10px}
}