:root{--bg:#fff;--fg:#1f2328;--muted:#6b7280;--side:#f7f7f5;--line:#e6e6e3;--hover:#ececea;--sel:#e4e4e1;--accent:#2f6fed;--side-w:264px}@media (prefers-color-scheme:dark){:root{--bg:#191919;--fg:#e6e6e6;--muted:#9a9a9a;--side:#202020;--line:#2e2e2e;--hover:#2a2a2a;--sel:#333;--accent:#6ea0ff}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:14px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}#shell{grid-template-columns:var(--side-w) 1fr;height:100%;display:grid}#side{background:var(--side);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex;position:relative}.ws{text-align:left;align-items:center;gap:8px;width:100%;padding:12px 14px;font-weight:600;display:flex}.ws:hover{background:var(--hover)}.ws #wsname{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ico{justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.caret{color:var(--muted);font-size:11px}#wsmenu{z-index:5;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:4px;position:absolute;top:48px;left:8px;right:8px;box-shadow:0 6px 24px #0000002e}#wsmenu button{text-align:left;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}#wsmenu button:hover,#wsmenu button.on{background:var(--hover)}#wsmenu hr{border:0;border-top:1px solid var(--line);margin:4px 0}#tree:focus{outline:none}#tree{flex:1;padding:4px 6px;overflow:auto}.row{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:2px;min-height:28px;padding-right:4px;display:flex;position:relative}.row:hover{background:var(--hover)}.row.sel{background:var(--sel);font-weight:600}#tree:focus-visible .row.focus{outline:2px solid var(--accent);outline-offset:-2px}.row .chev{width:20px;height:20px;color:var(--muted);border-radius:4px;flex:none;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.row .chev:hover{background:var(--line)}.row .chev.leaf{visibility:hidden}.row .pico{text-align:center;flex:none;width:20px}.row .label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.row .acts{gap:2px;display:none}.row:hover .acts,.row.sel .acts{display:flex}.row .acts button{width:22px;height:22px;color:var(--muted);border-radius:4px}.row .acts button:hover{background:var(--line);color:var(--fg)}.row.drop-before:before,.row.drop-after:after{content:"";background:var(--accent);height:2px;position:absolute;left:8px;right:8px}.row.drop-before:before{top:-1px}.row.drop-after:after{bottom:-1px}.row.drop-into{outline:2px solid var(--accent);outline-offset:-2px}.row.dragging{opacity:.4}.foot{border-top:1px solid var(--line);flex-direction:column;padding:6px;display:flex}.ghost{text-align:left;color:var(--muted);border-radius:6px;padding:6px 10px}a.ghost{text-decoration:none}.ghost:hover{background:var(--hover);color:var(--fg)}#main{flex-direction:column;min-width:0;min-height:0;display:flex}#top{flex:none;align-items:center;gap:8px;height:44px;padding:0 14px;display:flex}#burger{padding:4px 8px;font-size:18px;display:none}#codebtn{border:1px solid var(--line);margin-left:auto;padding:4px 10px}#codebtn[aria-pressed=true]{background:var(--sel);color:var(--fg)}#crumbs{color:var(--muted);white-space:nowrap;gap:6px;display:flex;overflow:hidden}#crumbs a{color:inherit;cursor:pointer;text-decoration:none}#crumbs a:hover{color:var(--fg);text-decoration:underline}#titlebar{flex:none;align-items:center;gap:8px;padding:8px 24px 0;display:flex}#pageicon{cursor:pointer;font-size:28px}#title{color:inherit;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:30px;font-weight:700}#stage{flex:1;min-height:0;position:relative}#frame{background:var(--bg);border:0;width:100%;height:100%;position:absolute;inset:0}#empty{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}#empty button{background:var(--accent);color:#fff;border-radius:8px;padding:8px 14px}#trash{left:calc(var(--side-w) + 8px);background:var(--bg);border:1px solid var(--line);z-index:10;border-radius:10px;width:320px;max-height:60vh;padding:8px;position:fixed;bottom:48px;overflow:auto;box-shadow:0 8px 28px #0003}#trash .trow{border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}#trash .trow:hover{background:var(--hover)}#trash .trow span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}#trash .none{color:var(--muted);padding:8px}#scrim{z-index:20;background:#00000059;position:fixed;inset:0}@media (max-width:760px){#shell{grid-template-columns:1fr}#side{z-index:30;width:min(86vw,320px);transition:transform .18s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}body.drawer #side{transform:none}#burger{display:block}#titlebar{padding:4px 16px 0}#title{font-size:24px}#trash{width:calc(100vw - 16px);bottom:56px;left:8px}}[hidden]{display:none!important}kbd{color:var(--muted);border:1px solid var(--line);background:var(--bg);white-space:nowrap;border-bottom-width:2px;border-radius:4px;padding:2px 5px;font:11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.grow{flex:1}.find{border:1px solid var(--line);width:calc(100% - 16px);color:var(--muted);background:var(--bg);text-align:left;border-radius:8px;align-items:center;gap:8px;margin:0 8px 4px;padding:6px 8px;display:flex}.find:hover{color:var(--fg);background:var(--hover)}.foot .ghost{align-items:center;gap:8px;display:flex}.overlay{z-index:40;background:#00000059;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.overlay .box{background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:min(640px,100vw - 24px);max-height:70vh;display:flex;overflow:hidden;box-shadow:0 16px 48px #00000047}#q{color:inherit;border:0;border-bottom:1px solid var(--line);background:0 0;outline:0;padding:14px 16px;font-size:16px}.results{min-height:60px;padding:4px 6px;overflow:auto}.results .section{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:8px 8px 4px;font-size:11px}.results .item{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:7px 8px;display:flex}.results .item.on{background:var(--sel)}.results .item .label{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;overflow:hidden}.results .item .path{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.results .item .keys,.results .item .label~kbd{margin-left:auto}.results mark{color:var(--accent);background:0 0;font-weight:600}.results .none{color:var(--muted);padding:14px 10px}.hints{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:flex}.hints span{margin-right:8px}.hints .tip{margin:0}#help .box{padding:18px 22px 16px;overflow:auto}#help h2{margin:0 0 4px;font-size:18px}#help .lede{color:var(--muted);margin:0 0 14px}#help .cols{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:6px 28px;display:grid}#help h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:12px 0 6px;font-size:12px}#help .row{justify-content:space-between;align-items:center;gap:12px;padding:4px 0;display:flex}#help .chips{gap:4px;display:inline-flex}#help .close{border:1px solid var(--line);border-radius:8px;align-self:flex-end;margin-top:14px;padding:6px 14px}body.side-hidden #shell{grid-template-columns:1fr}body.side-hidden #side{display:none}body.side-hidden #burger{display:block}@media (max-width:760px){.overlay{padding-top:8vh}#helpbtn,#findbtn kbd,#newkeys,.hints .tip{display:none}}#iconpicker{z-index:20;background:var(--bg);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(5,32px);gap:2px;padding:6px;display:grid;position:fixed;box-shadow:0 6px 24px #0000002e}#iconpicker button{border-radius:6px;height:32px;font-size:18px}#iconpicker button:hover,#iconpicker button.on{background:var(--hover)}#iconpicker button:last-child{grid-column:span 5;height:26px;font-size:12px}#account{left:calc(var(--side-w) + 8px);background:var(--bg);border:1px solid var(--line);z-index:10;border-radius:10px;flex-direction:column;gap:8px;width:300px;padding:12px;display:flex;position:fixed;bottom:48px;box-shadow:0 8px 28px #0003}#account h2{margin:0;font-size:15px}#account p{margin:0;font-size:13px}#account .muted{color:var(--muted)}#account .note{color:#b3261e}#account button{border:1px solid var(--line);text-align:center;border-radius:8px;padding:8px 10px}#account button.primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}#account button.ghost{color:var(--muted);border-color:#0000}#account button:disabled{opacity:.45}#account .lrow{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}#account .lrow button{padding:2px 8px}@media (max-width:720px){#account{width:auto;bottom:56px;left:8px;right:8px}}#wsmenu .mhead{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:8px 8px 4px;font-size:11px}#wsmenu .mnone{color:var(--muted);padding:2px 8px 6px;font-size:12px}#wsmenu .cloud{color:var(--muted);margin-left:auto;font-size:12px}.row .badge{color:var(--muted);border:1px solid var(--line);background:var(--bg);border-radius:8px;flex:none;padding:2px 5px;font-size:10px;line-height:1}.row .rdot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;margin:0 2px}.row.hosted{cursor:pointer}#hostednote{color:var(--muted);flex:none;margin:0;padding:2px 24px 6px;font-size:12px}#syncstatus{color:var(--muted);white-space:nowrap;flex:none;font-size:12px}#syncstatus.bad{color:#b3261e}#conflict{border:1px solid #d98e04;border-radius:10px;flex-wrap:wrap;flex:none;align-items:center;gap:8px 16px;margin:0 24px 8px;padding:10px 12px;display:flex}#conflict .rtext{flex-direction:column;flex:240px;min-width:0;display:flex}#conflict .rtext span{color:var(--muted);font-size:12px}#conflict .racts{flex-wrap:wrap;gap:8px;display:flex}#conflict button{border:1px solid var(--line);border-radius:8px;padding:6px 12px}#conflict button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}#conflict button:disabled{opacity:.5;cursor:default}#conflicterr{color:#b3261e;width:100%;margin:0;font-size:13px}#review{border:1px solid var(--accent);border-radius:10px;flex-wrap:wrap;flex:none;align-items:center;gap:8px 16px;margin:0 24px 8px;padding:10px 12px;display:flex}#review .rtext{flex-direction:column;flex:240px;min-width:0;display:flex}#review .rtext span{color:var(--muted);font-size:12px}#review .racts{flex-wrap:wrap;gap:8px;display:flex}#review button{border:1px solid var(--line);border-radius:8px;padding:6px 12px}#review button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}#review button:disabled{opacity:.5;cursor:default}#reviewerr{color:#b3261e;width:100%;margin:0;font-size:13px}#account .intro{font-weight:600}@media (max-width:760px){#hostednote{padding:2px 16px 6px}#review,#conflict{margin:0 16px 8px}#syncstatus{text-overflow:ellipsis;max-width:40vw;overflow:hidden}}