*: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: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:190px auto 1fr;height:100%;min-height:0;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-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}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: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)}#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:6px;padding:8px;white-space:nowrap;user-select:none;-webkit-user-select:none;cursor:pointer;border-radius:0 20px 20px 0;margin-right:6px}.row.cur{background:var(--md-high)}.row.sel{background:var(--md-primary-container);color:var(--md-primary)}.row.over{outline:1px solid var(--md-primary)}.row .h{color:var(--md-muted);touch-action:none;padding:0 4px;font-size:18px}.row .fold{font-size:18px;vertical-align:middle}.row input{margin:0}.row>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}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)}#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{padding:3px 8px;border-bottom:1px solid #2a2a2a;white-space:pre-wrap;word-break:break-all}.l.warn{color:#e5c07b}.l.error{color:#f48771}.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}#back{display:none;position:fixed;top:calc(env(safe-area-inset-top) + 6px);right:6px;z-index:9;width:40px;height:40px;border-radius:20px;border:0;background:var(--md-high);color:var(--md-on);overflow:hidden;white-space:nowrap;align-items:center;justify-content:flex-start;flex-direction:row-reverse;gap:8px;padding:0 10px;transition:width .28s ease,color .2s ease}.back-label{opacity:0;transform:translate(8px);transition:opacity .2s ease,transform .28s ease;font-size:12px}.fs #back:hover{width:150px;color:var(--md-primary)}.fs #back:hover .back-label{opacity:1;transform:translate(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}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 form>div{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{background:transparent;color:var(--md-primary)}.fs #ic{display:none}.fs #back{display:block}.fs #app{grid-template-columns:1fr}@media (max-width:767px){.m-edit .nw{display:block}aside{position:fixed;left:calc(190px + env(safe-area-inset-left));top:0;bottom:0;z-index:5;transform:translate(-120%);transition:transform .2s;width:min(280px,80vw)}.dr aside{transform:none}#app{grid-template-columns:190px 1fr}}