*:where(:not(dialog)){box-sizing:border-box}:root{color-scheme:dark;--md-bg:#151a1b;--md-surface:#1e2526;--md-high:#293233;--md-on:#e0e3e3;--md-muted:#aab4b4;--md-primary:#8bd5c7;--md-primary-container:#075047;--md-outline:#3f4a49;--md-error:#ffb4ab}html,body{margin:0;height:100%;overflow-x:auto;overflow-y:hidden;background:var(--md-bg);color:var(--md-on);font:14px Roboto,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}[hidden]{display:none!important}#app{display:grid;grid-template-columns:var(--navw,190px) auto 1fr;height:100%;min-height:0;min-width:880px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}nav{background:var(--md-surface);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;padding:0 4px;overflow:hidden;border-right:1px solid var(--md-outline)}nav button{width:182px;height:40px;margin:2px 0;background:none;border:0;border-radius:20px;color:var(--md-muted);font-size:13px;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:0 14px;text-align:left}nav button:active,nav button.on{background:var(--md-primary-container);color:var(--md-primary)}nav button:hover{background:var(--md-high);color:var(--md-on)}nav hr{border:0;border-top:1px solid var(--md-outline);margin:8px 4px}#nav-brand{height:42px;min-height:42px;width:182px;display:flex;align-items:center;gap:8px;padding:0 14px;color:var(--md-on);font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;position:relative}#nav-brand:after{content:"";position:absolute;left:-4px;right:-4px;bottom:0;border-bottom:1px solid var(--md-outline)}#nav-brand img{width:22px;height:22px;flex:0 0 22px;object-fit:contain}#nav-brand span{overflow:hidden;text-overflow:ellipsis}#nav-head{min-height:0;padding-top:8px}#nav-head hr{margin:8px -4px}#nav-foot{min-height:0}#nav-middle{min-height:0;position:relative}#nav-scroll{width:100%;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#nav-scroll::-webkit-scrollbar{display:none}#nav-scrollbar,#tree-scrollbar{position:absolute;top:2px;bottom:2px;left:0;width:4px;background:var(--md-bg);border-radius:2px;z-index:2}#nav-thumb,#tree-thumb{position:absolute;top:0;left:0;width:4px;min-height:28px;border-radius:2px;background:var(--md-muted);cursor:grab;touch-action:none}#nav-thumb:active{background:var(--md-primary)}#nav-foot hr{margin-top:8px}#ver{font-size:10px;line-height:1;color:var(--md-muted);opacity:.45;text-align:center;padding:2px 0 8px;letter-spacing:.04em}nav button.bad:after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--md-error)}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:22px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}.nw{display:none}.m-pv .eb,.m-pv aside,.m-pv #ed,.m-pv #bin,.m-pv #filebar,.m-pv #empty-guide{display:none}.m-pv #app{grid-template-columns:var(--navw,190px) 1fr}.m-edit .pvb,.m-edit #pv{display:none}aside{width:250px;background:var(--md-surface);border-right:1px solid var(--md-outline);display:flex;flex-direction:column;min-height:0}#hd{flex:0 0 auto;height:42px;min-height:42px;padding:14px 16px 10px;font-size:11px;color:var(--md-muted);letter-spacing:.08em;border-bottom:1px solid var(--md-outline)}#tb{flex:0 0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--md-outline);overflow:hidden}#tb button{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:2px;background:none;border:0;border-radius:0;color:var(--md-muted);cursor:pointer;font:inherit;font-size:10px;line-height:1.25}#tb button:hover{background:var(--md-high);color:var(--md-on)}#tb button:active{background:var(--md-primary-container);color:var(--md-primary)}#tb .tl{display:block;max-width:100%;text-align:center;overflow-wrap:anywhere;word-break:break-all}#tree-area{flex:1;min-height:0;position:relative}#tree{width:100%;height:100%;overflow:auto;padding-bottom:40px;scrollbar-width:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#tree::-webkit-scrollbar{display:none}#tree-thumb:active{background:var(--md-primary)}.row{display:flex;align-items:center;gap:8px;padding:8px 6px 8px 8px;white-space:nowrap;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:pointer;border-radius:0 20px 20px 0;margin-right:6px}.row.cur,.row.sel{background:var(--md-primary-container);color:var(--md-primary)}.row.lift{opacity:.4}.row.grab{background:var(--md-high);outline:1px dashed var(--md-primary)}.row .ico{flex:0 0 auto;font-size:20px;color:var(--md-muted)}.row.cur .ico,.row.sel .ico{color:var(--md-primary)}.row .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .fold{flex:0 0 auto;margin-left:auto;padding:2px;border-radius:50%;font-size:20px;color:var(--md-muted)}.row .fold:hover{background:var(--md-high)}.row input{margin:0}#ghost{position:fixed;left:0;top:0;z-index:30;pointer-events:none;display:flex;align-items:center;gap:6px;max-width:260px;padding:6px 12px;border-radius:16px;background:var(--md-high);color:var(--md-on);border:1px solid var(--md-primary);box-shadow:0 4px 16px #0008;font-size:13px;white-space:nowrap}#ghost span:last-child{overflow:hidden;text-overflow:ellipsis}#ghost .material-symbols-rounded{font-size:18px;color:var(--md-primary)}#drop-line{position:fixed;z-index:29;pointer-events:none;border:2px solid var(--md-primary);border-radius:8px}#drop-line.ng{border-color:var(--md-error);border-style:dashed}body.drag{cursor:grabbing}main{min-width:0;min-height:0;position:relative;display:flex;flex-direction:column}#filebar{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;height:42px;min-height:42px;padding:0 16px;border-bottom:1px solid var(--md-outline);background:var(--md-surface);color:var(--md-muted);font-size:12px}#file-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-on)}#file-size{margin-left:16px;white-space:nowrap}#empty-guide{flex:1;display:flex;align-items:center;justify-content:center;color:var(--md-muted);font-size:14px}#ed{flex:1;min-height:0}.cm-editor{height:100%;background:#1e1e1e;color:#ddd}.cm-scroller{overflow:auto;font-size:14px}.cm-gutters{background:#1e1e1e!important;color:#666!important;border:0!important}.cm-activeLine,.cm-activeLineGutter{background:#2a2d2e!important}.cm-content{caret-color:#fff}.cm-editor .cm-cursor{border-left-color:#fff}.cm-editor ::selection,.cm-selectionBackground{background:#264f78!important}#bin{flex:1;display:flex;align-items:center;justify-content:center;padding:12px;overflow:auto}#bin img,#bin video{max-width:100%;max-height:100%}#pv{flex:1;display:flex;flex-direction:column;min-height:0}#previewbar{height:42px;min-height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--md-outline);background:var(--md-surface);color:var(--md-muted)}#previewbar>input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--md-on);font:12px ui-monospace,monospace;padding:8px 4px}#previewbar>button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:16px;background:transparent;color:var(--md-muted);cursor:pointer}#previewbar>button:hover{background:var(--md-high);color:var(--md-on)}#ifr{flex:1;border:0;background:#fff;width:100%;min-height:0}#con{height:35%;display:flex;flex-direction:column;border-top:1px solid var(--md-outline);background:var(--md-surface)}#cc{color:var(--md-on);letter-spacing:0}#ch{display:flex;gap:8px;align-items:center;padding:8px 12px;font-size:11px;color:var(--md-muted)}#ch button{margin-left:auto;background:var(--md-high);color:var(--md-on);border:0;border-radius:18px;padding:6px 12px;cursor:pointer}#ch button+button{margin-left:0;padding:6px}#cl{flex:1;overflow:auto;font:12px ui-monospace,monospace}.l{display:flex;align-items:flex-start;gap:8px;padding:3px 8px;border-bottom:1px solid #2a2a2a}.l .lm{flex:1;min-width:0;white-space:pre-wrap;word-break:break-all}.l .lc{flex:0 0 auto;min-width:18px;height:18px;padding:0 6px;border-radius:9px;background:#555;color:#fff;font-size:11px;line-height:18px;text-align:center}.l .ls{flex:0 0 auto;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-primary);text-decoration:underline;cursor:pointer}.l .ls.ext{color:var(--md-muted);text-decoration:none;cursor:default}.l.warn{color:#e5c07b;background:#2b2615}.l.warn .lc{background:#a87d00}.l.warn .lm:before{content:"⚠ "}.l.error{color:#f48771;background:#2c1b1b}.l.error .lc{background:#b3392c}.l.error .lm:before{content:"✖ "}.l.in{color:#7a7}#ci{border:0;border-top:1px solid var(--md-outline);background:var(--md-surface);color:var(--md-on);padding:10px 12px;font:13px ui-monospace,monospace;outline:0}dialog{border:0;border-radius:28px;background:var(--md-high);color:var(--md-on);padding:24px;min-width:min(360px,calc(100vw - 32px));box-shadow:0 8px 32px #0008}dialog::backdrop{background:#0008}dialog h2{font-size:24px;font-weight:400;margin:0 0 12px}dialog p{color:var(--md-muted);line-height:1.5;margin:0 0 18px;white-space:pre-line}dialog input{width:100%;border:1px solid var(--md-outline);border-radius:4px;background:var(--md-bg);color:var(--md-on);padding:12px;outline:0;margin-bottom:20px}dialog input:focus{border-color:var(--md-primary)}dialog .acts{display:flex;justify-content:flex-end;gap:8px}dialog button{border:0;border-radius:20px;padding:10px 18px;background:var(--md-primary);color:#00201b;font-weight:600;cursor:pointer}dialog #dlg-cancel,dialog #c-cancel{background:transparent;color:var(--md-primary)}dialog label{display:flex;align-items:center;margin:0 0 12px;cursor:pointer}dialog input[type=radio]{width:auto;margin:0 10px 0 0;accent-color:var(--md-primary)}#c-quick{display:flex;gap:8px;margin:0 0 20px}#c-quick button{flex:1;background:var(--md-primary-container);color:var(--md-primary)}.fs #ic{display:none}.fs #app{grid-template-columns:1fr;min-width:0}.m-pv:not(.fs) #pb-rl,.m-pv:not(.fs) #pb-fs{display:none}.mo,.ver-m{display:none}@media (orientation:portrait){html,body{overflow:hidden}#app{min-width:0;height:100%;height:100dvh}}@media (orientation:portrait) and (min-width:600px),(orientation:landscape) and (max-width:879px){:root{--navw:56px}body.nopen{--navw:190px}#nav-brand{cursor:pointer}#nav-brand:hover{background:var(--md-high)}body:not(.nopen) #nav-brand{width:48px;padding:0;justify-content:center}body:not(.nopen) #nav-brand span,body:not(.nopen) .nav-label,body:not(.nopen) #ver{display:none}body:not(.nopen) nav button{width:48px;padding:0;gap:0;justify-content:center}}@media (orientation:portrait) and (min-width:600px){aside{width:clamp(180px,32vw,250px)}}@media (orientation:landscape) and (max-width:879px){#app{min-width:746px}body.nopen:not(.fs) #app{min-width:880px}}@media (orientation:portrait) and (max-width:599px){#app{grid-template-rows:auto auto minmax(0,1fr) auto auto auto auto}body:not(.fs) #app{grid-template-columns:1fr 44px 44px 44px}#app:before{content:"";grid-row:1;grid-column:1/-1;background:var(--md-surface);border-bottom:1px solid var(--md-outline)}.fs #app:before{display:none}#ic,main,body.m-pv #pv{display:contents}#ic .nav-label{display:none}#nav-brand{grid-row:1;grid-column:1;width:auto;min-width:0;height:44px;min-height:44px;padding:0 8px 0 12px}#nav-brand:after{display:none}#nav-brand span{flex:0 1 auto;min-width:0}#nav-brand .ver-m{display:block;flex:0 0 auto;font-size:9px;font-weight:400;line-height:1;color:var(--md-muted);opacity:.7;letter-spacing:.04em;white-space:nowrap}#nav-foot{display:contents}#nav-foot hr,#ver{display:none}#nav-foot button{grid-row:1;width:44px;height:44px;margin:0;padding:0;border-radius:0;justify-content:center}#nav-foot [data-a=imp]{grid-column:2}#nav-foot [data-a=exp]{grid-column:3}#nav-foot [data-a=rst]{grid-column:4}#filebar{grid-row:2;grid-column:1/-1}#ed,#bin,#empty-guide{grid-row:3;grid-column:1/-1;min-height:0}#ed{overflow:hidden}aside{grid-row:2/4;grid-column:1/-1;width:auto;border-right:0}.m-edit:not(.dr) aside,.dr #filebar,.dr #ed,.dr #bin,.dr #empty-guide{display:none}#tb{height:60px}.row{padding-top:12px;padding-bottom:12px}#ifr{grid-row:3;grid-column:1/-1;align-self:stretch;justify-self:stretch;min-height:0}#con{grid-row:4;grid-column:1/-1;height:38dvh}#previewbar{grid-row:5;grid-column:1/-1;height:44px;min-height:44px;border-bottom:0;border-top:1px solid var(--md-outline)}.m-pv:not(.fs) #pb-go{display:none}#nav-middle{grid-row:6;grid-column:1/-1;background:var(--md-surface);border-top:1px solid var(--md-outline)}#nav-scroll{height:auto;overflow:hidden;display:flex}#nav-scrollbar{display:none}#nav-scroll button{flex:1 1 0;min-width:0;width:auto;height:56px;margin:0;padding:2px 0;border-radius:0;flex-direction:column;justify-content:center;gap:3px}#nav-scroll .nav-label{display:block;max-width:100%;padding:0 2px;font-size:10px;line-height:1.2;text-align:center;white-space:normal;overflow-wrap:anywhere}.m-pv .mo{display:flex}#nav-head{grid-row:7;grid-column:1/-1;display:flex;padding:0;background:var(--md-surface);border-top:1px solid var(--md-outline)}#nav-head hr{display:none}.nw{display:flex}#nav-head button{flex:1 1 0;min-width:0;width:auto;height:52px;margin:4px 3px;padding:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;border-radius:14px}#nav-head .nav-label{display:block;font-size:11px}#previewbar>input,#ci,dialog input{font-size:16px}.cm-scroller{font-size:16px}}