:root{--ink:#111;--platinum:#ddd;--plat-light:#f0f0f0;--plat-dark:#8a8a8a;--edge:#262626;--accent:#3d6fb6;--accent-ink:#fff;--desk:#6b7c99}*{box-sizing:border-box}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--accent-ink)}a{color:#1a3fa3}.bevel{background:var(--platinum);border:1px solid var(--edge);box-shadow:inset 1px 1px 0 #fff, inset -1px -1px 0 var(--plat-dark)}.well{border:1px solid var(--plat-dark);background:#fff;box-shadow:inset 1px 1px #bbb}.pbtn{cursor:pointer;background:linear-gradient(#fff,#ececec 45%,#cfcfcf 55%,#dcdcdc);border:1px solid #1f1f1f;border-radius:5px;min-height:24px;padding:3px 14px;box-shadow:inset 1px 1px #fff,inset -1px -1px #a6a6a6,0 1px #fff9}.pbtn:active{background:linear-gradient(#bdbdbd,#d8d8d8)}.pbtn.default{box-shadow:0 0 0 2px var(--platinum), 0 0 0 3px #1f1f1f, 0 0 0 4px #b3b3b3, inset 1px 1px 0 #fff, inset -1px -1px 0 #a6a6a6;font-weight:700}.pbtn[disabled]{color:#8a8a8a;cursor:default}.bar{border:1px solid var(--edge);background:#eee;height:12px;overflow:hidden;box-shadow:inset 1px 1px #9a9a9a,inset -1px -1px #fff}.bar span{background:linear-gradient(#ffffff8c,#fff0 50%,#00000026),repeating-linear-gradient(120deg,#8fa6dc 0 5px,#6f8ad0 5px 10px);border-right:1px solid #2a3f70;width:0;height:100%;transition:width .4s;display:block}.win{border-color:#111;min-width:240px;max-width:calc(100vw - 20px);padding:0 5px 5px;position:absolute;box-shadow:inset 1px 1px #fff,inset -1px -1px #9c9c9c,0 10px 24px #00000047,0 2px 5px #00000040}.win:not(.front){box-shadow:inset 1px 1px #fff,inset -1px -1px #a8a8a8,0 4px 12px #0000002e}.win[hidden]{display:none}.win:after{content:"";pointer-events:none;clip-path:polygon(100% 0,100% 100%,0 100%);background:repeating-linear-gradient(135deg,#0000 0 2px,#fff 2px 3px,#7a7a7a 3px 4px);width:13px;height:13px;position:absolute;bottom:1px;right:1px}.titlebar{cursor:move;touch-action:none;justify-content:center;align-items:center;height:22px;margin:0 -4px 4px;padding:0 46px;display:flex;position:relative}.titlebar:before{content:"";background:repeating-linear-gradient(#fff 0 1px,#9d9d9d 1px 2px);position:absolute;inset:5px 4px;box-shadow:0 -1px #bdbdbd}.titlebar .t{z-index:1;text-overflow:ellipsis;background:var(--platinum);letter-spacing:.01em;white-space:nowrap;min-width:0;padding:0 9px;font-weight:700;position:relative;overflow:hidden}.win:not(.front) .titlebar:before{display:none}.win:not(.front) .titlebar .t{color:#8b8b8b;font-weight:400}.titlebar .close,.titlebar .zoom,.titlebar .shade{z-index:2;width:13px;height:13px;box-shadow:0 0 0 1px var(--platinum), 1px 1px 0 1px #fff, -1px -1px 0 1px #8f8f8f, inset 1px 1px 0 #fff, inset -1px -1px 0 #8a8a8a;background:linear-gradient(135deg,#fff 0%,#e2e2e2 35%,#a9a9a9 100%);border:1px solid #2b2b2b;padding:0;position:absolute;top:4px}.titlebar .close{cursor:pointer;left:8px}.titlebar .zoom{right:25px}.titlebar .shade{right:8px}.titlebar .zoom:after{content:"";border:1px solid #3a3a3a;width:5px;height:5px;position:absolute;top:2px;left:2px;box-shadow:1px 1px #fff}.titlebar .shade:after{content:"";border-top:1px solid #3a3a3a;border-bottom:1px solid #3a3a3a;height:3px;position:absolute;top:4px;left:1px;right:1px}.titlebar .close-label{display:none}.titlebar .close:after{content:"";position:absolute;inset:-5px}.win:not(.front) .titlebar .close,.win:not(.front) .titlebar .zoom,.win:not(.front) .titlebar .shade{opacity:0;pointer-events:none}@media (max-width:700px){.titlebar .shade,.win:after{display:none}}.win .body{-webkit-user-select:text;user-select:text;border-color:#5a5a5a;max-height:60vh;padding:12px 14px;line-height:1.5;overflow:auto;box-shadow:0 0 0 1px #f4f4f4,inset 1px 1px #d6d6d6}.win .body h3{margin:0 0 6px;font-size:14px}.win .body p{margin:0 0 10px}
html:has(.desktop){height:100%}body:has(.desktop){height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;background-color:var(--desk);background-image:radial-gradient(120% 90% at 30% 10%,#ffffff1a,#0000002e 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.16 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(#ffffff12 1px,#0000 1px);background-size:100% 100%,160px 160px,3px 3px;margin:0;font-family:Charcoal,Chicago,Geneva,Helvetica Neue,sans-serif;font-size:12px;overflow:hidden}.desktop{position:fixed;inset:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.menubar{z-index:5000;background:linear-gradient(#fbfbfb,#e4e4e4 55%,#d4d4d4);border-bottom:1px solid #1b1b1b;align-items:stretch;height:22px;padding:0 6px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px #ffffff59,0 2px 6px #0000002e}.menu{position:relative}.menu>button{cursor:pointer;background:0 0;border:none;align-items:center;height:100%;padding:0 10px;font-weight:700;display:flex}.menu ul{background:linear-gradient(#f8f8f8,#e6e6e6);border:1px solid #1b1b1b;min-width:200px;margin:0;padding:3px 0;list-style:none;position:absolute;top:22px;left:0;box-shadow:inset 1px 1px #fff,1px 4px 10px #00000052}.menu li button{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:3px 18px;font-weight:400}.menu li button:hover,.menu li button:focus-visible{background:var(--accent);color:var(--accent-ink);outline:none}.menu.open>button{background:var(--accent);color:var(--accent-ink)}.menu li.sep{border-top:1px solid #aaa;margin-top:3px;padding-top:3px}.menubar .right{align-items:center;gap:14px;margin-left:auto;padding-right:8px;display:flex}.menubar .right button{cursor:pointer;background:0 0;border:none;padding:0}.icons{z-index:1;flex-flow:column wrap-reverse;align-content:flex-start;gap:14px 4px;display:flex;position:fixed;top:30px;bottom:6px;right:8px}.icon{text-align:center;cursor:default;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;width:92px;padding:3px 0;display:flex}.icon svg{filter:drop-shadow(1px 2px 1.2px #00000073);width:32px;height:32px;overflow:visible}.icon .label{color:#111;background:#fff;padding:0 3px;font-size:12px;line-height:15px;display:inline-block}.icon.selected svg{filter:brightness(.52)saturate(1.1)drop-shadow(1px 2px 1.2px #00000073)}.icon.selected .label{color:#fff;background:#1b1b1b}.row{align-items:flex-start;gap:12px;display:flex}.folder-grid{grid-template-columns:repeat(3,100px);gap:8px 6px;display:grid}.info{color:#444;border-bottom:1px solid #ccc;padding-bottom:3px;font-size:11px}.tag{background:#f4f4f4;border:1px solid #999;margin-right:4px;padding:0 6px;font-size:11px;display:inline-block}.open-hint{color:#444;margin-top:10px;font-size:11px}@media (prefers-reduced-motion:reduce){body:has(.desktop) *{transition:none!important}}