:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#242424;background:#eeeee8;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{background:#e8e8e1;border:1px solid #777;box-shadow:inset 1px 1px #fff,1px 1px #555;color:#202020;padding:7px 11px;cursor:pointer}button:hover:not(:disabled){background:#f4f4ef}button:active:not(:disabled){box-shadow:inset 1px 1px #666}button:disabled{opacity:.45;cursor:default}input,textarea{border:1px solid #777;background:#fff;padding:9px;outline:none}input:focus,textarea:focus{border-color:#202020}header{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#efefea;background:#252525;border-bottom:3px double #999}.brand{font-size:19px;font-weight:700;letter-spacing:2px}.brand span{font-size:12px;font-weight:400;letter-spacing:0;margin-left:14px;color:#b5b5ac}.header-right{display:flex;align-items:center;gap:16px;font-size:12px}.header-right button{padding:3px 9px}.app{height:100vh;height:100dvh;display:flex;flex-direction:column}.error{background:#fff0e8;border-bottom:1px solid #a44;padding:10px 20px;color:#78230f;cursor:pointer}.error span{float:right}.login{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.window{background:#f4f4ee;border:2px solid #333;box-shadow:5px 5px #777}.login .window{width:min(460px,100%)}.titlebar{height:32px;display:flex;align-items:center;justify-content:space-between;background:#313131;color:#fff;padding:0 11px;font-weight:700;border-bottom:2px solid #111}.titlebar button{background:transparent;box-shadow:none;border:1px solid #aaa;color:#fff;padding:0 7px;font-size:19px}.login-body{padding:30px 33px 34px;display:flex;flex-direction:column;gap:13px}.login-body h1{font-size:23px;margin:0}.login-body p{margin:0;line-height:1.6}.login-body .primary{background:#303030;color:#fff;padding:12px}.hint{font-size:12px}.divider{border-top:1px solid #aaa;padding-top:16px;margin-top:13px;font-weight:700}.workspace{flex:1;min-height:0;display:flex}aside{width:190px;background:#e5e5dc;border-right:2px solid #555;padding:17px 10px;display:flex;flex-direction:column;gap:3px}.side-heading{text-transform:uppercase;letter-spacing:2px;color:#666;font-size:11px;padding:5px 8px 11px}.side-heading.second{margin-top:21px}aside button{text-align:left;border:0;box-shadow:none;background:transparent;padding:9px 11px}aside button.active{background:#333;color:#fff}aside button:hover:not(.active){background:#d3d3cb}.side-bottom{margin-top:auto;border-top:1px solid #999;padding:13px 8px;color:#666;font-size:11px;line-height:1.6}.files{flex:1;min-width:0;display:flex;flex-direction:column}.pathbar{height:48px;background:#f4f4ed;border-bottom:1px solid #999;padding:8px 16px;display:flex;align-items:center;overflow:auto;white-space:nowrap}.pathbar button{border:0;background:none;box-shadow:none;padding:4px 5px;font-weight:700}.pathbar b{padding:0 7px;color:#777}.toolbar{padding:9px 16px;background:#ebebe4;border-bottom:2px solid #555;display:flex;gap:7px;flex-wrap:wrap}.toolbar button{padding:5px 8px}.spacer{flex:1}.listing{flex:1;overflow:auto;background:#f8f8f3}.list-head,.file-row{display:grid;grid-template-columns:minmax(200px,1fr) 100px 190px;align-items:center;gap:10px;padding:0 18px}.list-head{height:34px;background:#dddcd3;border-bottom:1px solid #888;font-size:12px;font-weight:700}.file-row{height:40px;border-bottom:1px solid #e5e5dc;cursor:pointer;white-space:nowrap}.file-row:hover{background:#eeeede}.file-row.chosen{background:#343434;color:#fff}.file-row span{overflow:hidden;text-overflow:ellipsis}.file-kind{flex-shrink:0;padding:1px 4px;border:1px solid currentColor;border-radius:2px;font-size:10px;line-height:1.4;opacity:.75}.empty{padding:38px 20px;color:#777;text-align:center}.statusline{height:30px;background:#e2e2d8;border-top:1px solid #999;display:flex;justify-content:space-between;align-items:center;padding:0 16px;font-size:11px;color:#555;gap:14px;overflow:hidden}.statusline span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay{position:fixed;inset:0;background:#0009;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;padding:25px}.preview{width:min(950px,100%);height:min(760px,100%);min-width:0;min-height:0;max-height:100%;display:flex;flex-direction:column}.preview>.titlebar{flex-shrink:0}.preview>.titlebar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-body{flex:1;min-width:0;min-height:0;background:#fff;overflow:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center}.preview-body img{max-width:100%;max-height:100%;object-fit:contain}.preview-body iframe{width:100%;height:100%;border:0}.preview-body pre{width:100%;height:100%;overflow:auto;margin:0;padding:24px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.preview-body textarea{width:100%;height:100%;resize:none;border:0;padding:24px;line-height:1.55}.preview-actions{display:flex;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:8px;padding:10px;border-top:1px solid #888;background:#ecece5}.share-window{width:min(540px,100%)}.share-body{padding:20px}.share-body input{width:100%;margin:10px 0}.overlay.copy-links-overlay{z-index:120}.copy-links-overlay textarea{width:100%;resize:vertical;font-family:monospace;font-size:13px}.share-body .preview-actions{padding:15px 0 0}.share-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #aaa;font-size:12px}.login-body input[type=file]{width:100%}.login-body [role=alert],.dropbox-error{color:#78230f}.dropbox-intro,.dropbox-new{padding:18px;border-bottom:1px solid #aaa;line-height:1.5}.dropbox-intro strong,.dropbox-item strong{overflow-wrap:anywhere}.dropbox-intro p{margin:8px 0 0}.dropbox-new{background:#eeeee7}.dropbox-new input{display:block;width:100%;margin:9px 0}.dropbox-error{padding:12px 18px;border-bottom:1px solid #aaa}.dropbox-heading{padding:10px 18px;background:#dddcd3;border-bottom:1px solid #888;font-size:12px;font-weight:700}.dropbox-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid #dddcd3}.dropbox-item div{display:flex;flex-direction:column;min-width:0;gap:4px}.dropbox-item span{color:#555;font-size:12px}.system-rows{max-width:760px}.system-row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;padding:12px 18px;border-bottom:1px solid #dddcd3}.system-row span{color:#555}.system-row strong{overflow-wrap:anywhere}@media(max-width:650px){header{padding:0 12px}.brand span,.header-right span,aside{display:none}.toolbar{padding:7px}.list-head,.file-row{grid-template-columns:minmax(110px,1fr) 80px;padding:0 9px}.list-head>span:last-child,.file-row>span:last-child{display:none}.statusline span:last-child{display:none}}:root{font-family:Tahoma,"MS Sans Serif",Arial,sans-serif;color:#262820;background:#c9ccc1;--line: #a1a493}button{border:1px solid #777d6e;border-radius:0;background:#e8e8dc;box-shadow:inset 1px 1px #fffef5,inset -1px -1px #b4b7a8,1px 1px #454b40;transition:none}button:hover:not(:disabled){background:#f2f2e7}button:active:not(:disabled){box-shadow:inset 1px 1px #777d6e;transform:translate(1px,1px)}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:1px dotted #252a20;outline-offset:3px}header{height:43px;flex-shrink:0;background:#dee7e8;color:#343b39;border-bottom:3px double #828777;padding:0 17px}.brand{display:flex;align-items:center;gap:9px;font-family:Georgia,Times New Roman,serif;font-size:22px;letter-spacing:-.6px;font-weight:400}.brand-wordmark{display:block;width:92px;height:auto;max-height:34px;object-fit:contain}.brand-wordmark-large{width:204px;max-height:none}.login-brand{margin:0 0 24px}.header-right{font-size:11px;color:#646a59}.header-right button{color:#333a2b;background:#e8e8dc}.workspace{flex-direction:column;background:#718b87}aside{order:2;flex:none;width:100%;display:flex;flex-direction:row;align-items:center;gap:7px;padding:7px 10px;background:#d6d8cb;border:0;border-top:2px solid #f9faef;box-shadow:0 -1px #6f7966}aside>button{min-width:95px;display:flex;align-items:center;gap:7px;border:1px solid #7a826c;box-shadow:inset 1px 1px #fafbef,1px 1px #666e5a;padding:6px 13px;background:#e6e8db;font-size:12px}aside>button>span{font-size:18px;width:21px;text-align:center}aside button.active{background:#c4cbbb;color:#26301e;box-shadow:inset 1px 1px #747d66;font-weight:700}aside button:hover:not(.active){background:#f3f4e9}.nav-folders{display:none}.window{border:2px solid #737a67;border-radius:0;box-shadow:inset 1px 1px #fff,4px 4px #283a3355}.titlebar{background:#c9d0bd;color:#2c3824;height:31px;border-bottom:1px solid #7d866d;font-size:12px}.titlebar button{color:#303b26;background:#e1e5d6;border:1px solid #7c866c;font-size:16px}.login{background:#7c8f90}.login-body{background:#eeeee2}.login-body .primary{background:#475640;color:#fff;border-color:#273520}main.files{margin:12px;min-height:0;border:2px solid #687560;box-shadow:inset 1px 1px #fff,3px 3px #2b413d44;background:#e8e9dc}.pathbar{background:#e2e5d6;height:42px;padding:6px 12px;font-size:12px;border-bottom:1px solid #9aa48a}.pathbar>button{border:1px solid #9da78e;padding:3px 7px;margin-right:4px}.toolbar{background:#dcdfcf;border-bottom:1px solid #8b967d;padding:8px 12px}.toolbar button{font-size:12px}.file-filter{width:150px;min-width:80px;padding:4px 6px;font-size:12px;background:#f8f8ee;box-shadow:inset 1px 1px #abb29c}.directory-address{display:flex;align-items:center;flex-wrap:wrap;gap:7px;flex-shrink:0;background:#e2e5d6;border-bottom:1px solid #9aa48a;padding:5px 12px}.directory-address form{display:flex;align-items:center;flex:1 1 360px;min-width:0;flex-wrap:wrap;gap:7px}.directory-navigation,.directory-location,.directory-actions{display:flex;align-items:center;gap:5px}.directory-location{flex:1 1 200px;min-width:0}.directory-navigation button{min-width:30px}.directory-address input:focus-visible{outline:2px solid #536747;outline-offset:1px}.directory-address input[aria-invalid=true]{outline:2px solid #8f332d;outline-offset:1px}.directory-address input{flex:1;min-width:0;padding:5px 7px;font-family:monospace;font-size:12px;background:#f8f8ee;box-shadow:inset 1px 1px #abb29c}.directory-address button{flex-shrink:0;font-size:12px;padding:4px 7px}.directory-path-error{flex-basis:100%;color:#8f332d;font-size:12px;padding-top:5px}.list-head{background:#d8deca;border-color:#9ca78a}.listing{background:#f7f7ec}.file-row{height:39px;font-size:13px}.file-row.chosen{background:#445b4a;color:#fff}.statusline{background:#dce0cf;border-color:#9aa488}.desktop{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;background:#718b87}.desktop-bar{height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 17px;background:#d0d7c4;border-bottom:1px solid #526752}.desktop-bar>div{display:flex;align-items:center;gap:11px}.desktop-bar h1{font-size:12px;font-weight:400;margin:0}.desktop-count{color:#667257;font-size:10px}.desktop-actions button{font-size:11px;padding:3px 8px}.save-state{color:#607054;font-size:10px;max-width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.canvas-scroll{flex:1;overflow:auto;min-height:0;background:#718b87}.canvas-plane{position:relative;height:100%}.desktop-shortcuts{position:absolute;left:20px;top:24px;width:110px;display:flex;flex-direction:column;gap:12px}.desktop-shortcuts button{width:110px;min-height:44px;padding:10px 12px;border:1px solid #d9e3cd55;background:#30483f44;box-shadow:none;color:#fffde9;font-size:13px;text-align:left;text-shadow:1px 1px #405950}.desktop-shortcuts button:hover:not(:disabled){background:#ffffff0d;border:1px dotted #d9e3cd}.desktop-empty{position:absolute;inset:0 0 0 140px;display:grid;place-items:center;color:#d5e0d2;pointer-events:none;font-size:12px}.desktop-foot{display:flex;justify-content:space-between;padding:6px 15px;font-size:10px;color:#dae5d4}.desktop-card{position:absolute;width:242px;height:208px;display:flex;flex-direction:column;background:#f7f0ce;border:1px solid #5c6855;box-shadow:inset 1px 1px #fffbe9,2px 3px #344e4640}.desktop-card:hover,.desktop-card:focus-within{z-index:1}.card-top{height:26px;display:flex;align-items:center;justify-content:space-between;padding:2px 5px;border-bottom:1px solid #b4b79d;background:#d8dac4}.drag-handle{display:flex;align-items:center;gap:6px;flex:1;text-align:left;border:0;box-shadow:none;background:transparent;padding:1px 5px;color:#626b50;cursor:grab;touch-action:none;font-size:10px}.drag-handle:active{cursor:grabbing}.card-open{border:1px solid #8a9377;box-shadow:inset 1px 1px #fafbe9;background:#e4e6d3;color:#425335;padding:0 4px;font-size:13px}.card-content{background:transparent;border:0;box-shadow:none;border-radius:0;flex:1;min-height:0;padding:12px 15px;overflow:hidden;text-align:left;display:flex;flex-direction:column;color:#474b37}.card-content:hover:not(:disabled){background:#ffffff18}.card-content p{margin:0;line-height:1.7;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;overflow:hidden}.card-content img{width:100%;min-height:0;flex:1;object-fit:cover}.card-filename{font-size:12px;overflow-wrap:anywhere;width:100%;margin-top:6px}.card-bottom{display:flex;justify-content:space-between;padding:5px 12px 7px;font-family:monospace;color:#939275;font-size:9px}.desktop-file{width:110px;height:112px;background:transparent;border:0;box-shadow:none}.desktop-file .card-top{height:16px;background:transparent;border:0;opacity:0}.desktop-file:hover .card-top,.desktop-file:focus-within .card-top{opacity:1}.desktop-file .drag-handle{color:#e2e9d6}.desktop-file .drag-handle span:last-child{display:none}.desktop-file .card-open{display:none}.desktop-file .card-content{align-items:center;text-align:center;padding:2px 4px;overflow:visible;color:#fffde9}.desktop-file .card-content img{width:54px;height:48px;flex:none;object-fit:cover;border:2px solid #e3e5d6;box-shadow:2px 2px #30483f55}.desktop-file-kind{padding:4px 8px;color:#f0e8b5;font-size:12px;line-height:24px;text-shadow:1px 1px #405950}.desktop-file .card-filename{font-size:11px;line-height:1.35;max-height:32px;overflow:hidden;text-shadow:1px 1px #405950}.desktop-file.selected .card-filename{background:#304d61;outline:1px dotted white}.desktop-file .card-bottom{display:none}.desktop-menu{position:fixed;width:190px;padding:3px;background:#e4e6d8;border:1px solid #788268;box-shadow:inset 1px 1px #fffef3,3px 3px #233c3355;z-index:30}.desktop-menu button{display:block;width:100%;background:transparent;border:0;box-shadow:none;text-align:left;padding:8px 12px;font-size:12px}.desktop-menu button:hover{background:#3d5d4a;color:#fff}.note-composer{width:min(520px,100%);background:#f7f0ce}.note-composer textarea{border:0;background:transparent;width:100%;height:260px;padding:20px;resize:vertical;line-height:1.8}.note-composer .preview-actions{background:#e5e4ce}.note-composer .preview-actions span{font-size:12px;color:#893f2b}.board-error{padding:8px 15px;color:#752e20;background:#f4e5cb;font-size:12px;display:flex;gap:10px;align-items:center}.board-error button{font-size:11px}@media(max-width:700px){header{height:43px;padding:0 12px}.brand{font-size:21px}aside{padding:6px 7px max(6px,env(safe-area-inset-bottom));gap:5px}aside>button{min-width:0;flex:1;justify-content:center;padding:6px 3px;gap:4px;font-size:11px}aside>button>span{font-size:16px;width:17px}main.files{margin:6px}.desktop-bar{height:auto;min-height:38px;padding:6px 9px;align-items:start}.desktop-bar>div{gap:7px}.desktop-actions{justify-content:flex-end;flex-wrap:wrap}.desktop-actions button{padding:3px 5px;font-size:10px}.save-state{display:none}.canvas-plane{min-width:0!important;min-height:100%!important;height:auto;width:100%;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:16px;padding:14px}.desktop-shortcuts{position:static;width:100%;flex-direction:row;justify-content:space-around;gap:0}.desktop-shortcuts button{width:100px;min-height:44px}.desktop-card{position:relative;left:auto!important;top:auto!important;width:100%;height:210px}.desktop-file{width:100px;height:106px}.desktop-file .card-top{opacity:1}.drag-handle{touch-action:auto;cursor:default}.desktop-empty{position:static;width:100%;margin:65px 0}.desktop-foot{display:none}.toolbar{max-height:100px;overflow:auto}.overlay{padding:12px}.file-filter{width:115px}}.desktop-stage{position:relative;flex:1;min-height:0;isolation:isolate}.desktop-stage>.desktop{position:absolute;inset:0}.window-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.app-window{position:absolute;display:flex;flex-direction:column;min-width:0;min-height:0;pointer-events:auto;background:#dce0cf;border:2px solid #687560;box-shadow:inset 1px 1px #fff,4px 4px #253e3655}.app-window[hidden]{display:none}.app-window.focused{border-color:#374e3b}.app-window.maximized{inset:0!important;width:100%!important;height:100%!important}.app-window-title{height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 5px 3px 10px;background:#c1c9b3;border-bottom:1px solid #8c997b;color:#637258;font-size:12px;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.app-window.focused>.app-window-title{background:#455f4a;color:#f4f5e8}.window-controls{display:flex;gap:4px}.window-controls button{width:23px;height:21px;padding:0;line-height:18px;font-family:monospace;font-size:16px}.app-window-body{flex:1;min-height:0;display:flex;overflow:hidden}.app-window-body>main.files{margin:0;border:0;box-shadow:none;width:100%}.window-resize{position:absolute;right:0;bottom:0;width:13px;height:13px;padding:0;border:0;box-shadow:none;background:repeating-linear-gradient(135deg,transparent 0 3px,#849274 3px 4px);cursor:nwse-resize;touch-action:none}aside button.is-open{border-bottom:3px solid #566e4c}.overlay{z-index:100}.command-overlay{z-index:110}.command-window{width:min(560px,100%);max-height:80vh;display:flex;flex-direction:column;background:#eeeee2}.command-window>input{margin:14px 14px 0;flex-shrink:0}.command-hint{margin:10px 15px;font-size:11px;line-height:1.6;color:#66735c}.command-list{overflow:auto;padding:0 14px 14px}.command-list>button{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;text-align:left;gap:10px;padding:9px}.command-list small{display:inline-block;width:40px;color:#778268;font-size:10px}kbd{font-family:monospace;font-size:11px;white-space:nowrap;padding:2px 5px;background:#f7f8ec;border:1px solid #b0b89e;color:#3e5032}.shortcut-prefix{position:fixed;right:20px;bottom:60px;z-index:120;padding:8px 15px;background:#e8e9da;border:1px solid #677958;box-shadow:2px 2px #3e574555;font-family:monospace}.exchange-panel{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.exchange-tabs{padding:8px 10px 0;display:flex;gap:6px;background:#dce0cf;border-bottom:1px solid #8d9b7b}.exchange-tabs button{border-bottom:0;padding:7px 12px;font-size:12px}.exchange-tabs button[aria-selected=true]{background:#f7f7ec;font-weight:700}.exchange-panel>[role=tabpanel]{flex:1;min-height:0;display:flex}.exchange-panel>[role=tabpanel][hidden]{display:none}.exchange-panel main.files{margin:0;border:0;box-shadow:none}@media(max-width:700px){.app-window{inset:5px!important;width:auto!important;height:auto!important}.app-window[data-active=false]{display:none}.app-window-title{cursor:default;touch-action:auto}.window-resize{display:none}.window-controls button{width:28px;height:23px}.app-window-title{height:34px}.window-controls button:nth-child(2){display:none}}.file-name{display:flex;align-items:center;gap:9px}.file-name input[type=checkbox]{flex:0 0 auto;width:14px;height:14px;margin:0;accent-color:#445b4a}.file-context-menu{position:fixed;z-index:140;min-width:205px;max-height:calc(100vh - 8px);overflow-y:auto;padding:3px;background:#e8e8dc;border:1px solid #67705e;box-shadow:2px 2px #303a3870}.file-context-menu button{display:block;text-align:left;width:100%;padding:7px 12px;border:0;box-shadow:none;background:transparent}.file-context-menu button:hover:not(:disabled),.file-context-menu button:focus-visible{background:#445b4a;color:#fff;outline:0}.markdown-body{width:100%;min-width:0;align-self:start;padding:22px 28px;font-size:15px;line-height:1.8;overflow-wrap:anywhere}.markdown-body h1,.markdown-body h2{border-bottom:1px solid #ccd0bd;padding-bottom:6px;line-height:1.4}.markdown-body h1{font-size:26px}.markdown-body h2{font-size:21px}.preview-body .markdown-body pre{height:auto;padding:12px;background:#e9eade;overflow:auto;white-space:pre}.markdown-body code{background:#e9eade;font-family:monospace;font-size:.9em}.markdown-body blockquote{margin-left:0;padding-left:16px;border-left:3px solid #8d9b7b;color:#626850}.markdown-body table{border-collapse:collapse;display:block;overflow:auto}.markdown-body th,.markdown-body td{border:1px solid #aeb69e;padding:5px 12px;min-width:80px;overflow-wrap:normal}.markdown-body a{color:#315b56;text-decoration:underline}.markdown-body img{max-width:100%;height:auto}.markdown-image-placeholder{color:#777;font-size:12px}@media(max-width:700px){.app-window .toolbar{max-height:160px;flex-shrink:0}.markdown-body{padding:16px}}html,body,#root{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0}html{-webkit-text-size-adjust:100%}.app{position:fixed;left:0;right:0;top:var(--viewport-top, 0px);height:var(--viewport-height, 100dvh);overflow:hidden;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.workspace{overflow:hidden}.listing,.board,.preview-body,.music-queue,.command-list,.login,.toolbar,.share-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.login{min-height:0;overflow:auto}aside{align-items:stretch;flex-shrink:0}aside>button{height:40px;min-height:40px;justify-content:center;line-height:1;padding:0 12px}aside>button:active:not(:disabled){transform:none}.music-player{display:flex;flex-direction:column;width:100%;min-height:0;overflow:auto;overscroll-behavior:contain;background:#e8e8dc;container-type:inline-size}.music-now{padding:14px 14px 0;flex-shrink:0}.music-deck-label,.music-queue-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font:11px monospace;color:#555e55}.music-deck-label{margin-bottom:10px}.music-display{display:flex;align-items:center;gap:16px;min-height:136px;padding:18px 14px;background:#343b39;color:#eff0de;border:1px solid #232a26;box-shadow:inset 1px 1px #17231b,1px 1px #fff}.music-disc{width:84px;height:84px;flex-shrink:0;border-radius:50%;background:repeating-radial-gradient(circle,#171e1b 0 3px,#303832 4px 5px);border:1px solid #596158;display:grid;place-items:center;animation:music-turn 12s linear infinite;animation-play-state:paused}.music-disc>span{width:32px;height:32px;border-radius:50%;background:#a14e38;border:10px solid #a14e38;box-shadow:inset 0 0 0 4px #d9d6b9;position:relative}.music-disc>span:after{content:"";position:absolute;width:2px;height:6px;background:#dfc9b4;left:5px;top:-8px}.music-player[data-playing=true] .music-disc{animation-play-state:running}@keyframes music-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.music-disc{animation:none}}.music-readout{min-width:0;flex:1}.music-readout small{display:flex;align-items:center;gap:7px;font-size:11px;color:#b7bfaf}.music-readout small i{width:5px;height:5px;background:#7c8979}.music-player[data-playing=true] .music-readout small i{background:#daba86}.music-now h1{font-size:18px;line-height:1.5;margin:8px 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.music-now p{font:11px monospace;color:#b7bfaf;margin:0}.music-transport{padding:10px 14px 12px;flex-shrink:0}.music-progress{display:flex;align-items:center;gap:8px;font:11px monospace;font-variant-numeric:tabular-nums}.music-progress input{min-width:0;flex:1;box-shadow:none;border:0;padding:0;height:28px;accent-color:#a14e38;background:transparent}.music-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px}.music-buttons button{min-height:42px;padding:6px;font-size:12px}.music-buttons .music-play{color:#783921;font-weight:700;background:#efe4d5;border-color:#95705d}.music-options{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.music-options select{max-width:55%;background:transparent;border:1px solid #9a9e8c;padding:5px;color:inherit;font:inherit;font-size:12px;min-height:32px}.music-options button{font-size:12px;padding:5px 8px;min-height:32px}.music-queue-heading{padding:9px 14px;border-top:1px solid #929987;border-bottom:1px solid #bec4b0;font-family:inherit}.music-queue{flex:1;overflow:auto;min-height:0;background:#f5f5ec}.music-queue button{display:flex;width:100%;align-items:center;text-align:left;gap:10px;border:0;border-bottom:1px solid #d8dbcf;box-shadow:none;min-height:42px;background:transparent;font-size:12px;padding:9px 14px}.music-queue button>span:first-child{font:11px monospace;opacity:.65}.music-queue button>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-queue button.current{background:#dee4d5;color:#293c2e;box-shadow:inset 3px 0 #a14e38}.music-queue small{white-space:nowrap}.music-queue .music-empty{min-height:90px;color:#67705f}.music-empty small{display:block;font-size:11px;margin-top:5px;color:#828875}.music-player .statusline{flex-shrink:0;height:27px;font-size:10px;padding:0 14px}@container (min-width: 600px){.music-now,.music-transport{padding-left:24px;padding-right:24px}.music-display{min-height:150px}.music-disc{width:106px;height:106px}}@media(max-width:700px){aside{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:6px 7px max(6px,env(safe-area-inset-bottom))}aside>button{width:100%;min-width:0;height:44px;min-height:44px;padding:0;font-size:13px;line-height:1}input:not([type=checkbox]):not([type=range]),textarea,select,.file-filter,.directory-address input{font-size:16px}.music-buttons button,.music-options select,.music-options button{min-height:44px}.music-options select{font-size:16px}}.trash-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #aaa}.trash-item>div{min-width:0;overflow-wrap:anywhere}.trash-item button{flex-shrink:0;min-height:44px}.trash-window .preview-body{display:block;padding:16px;background:var(--paper, #f6f6ed)}.management-window .preview-body{display:block;background:#f6f6ed}.management-body{padding:16px;overflow:auto;min-width:0}.management-body label{display:block;margin:10px 0}.management-body label>input:not([type=checkbox]),.management-body select,.management-body textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;margin-top:4px;font:inherit}.management-body input[type=checkbox]{width:auto;margin-right:8px}.management-body button{min-height:36px}.management-section{padding:12px 0;border-bottom:1px solid #a5a896}.management-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #a5a896}.management-item>div{min-width:0;overflow-wrap:anywhere}.management-item button{flex-shrink:0}.fingerprint{overflow-wrap:anywhere;font-family:monospace}.job-output{white-space:pre-wrap;overflow-wrap:anywhere;max-height:40vh;overflow:auto;background:#222b23;color:#e2e5d6;padding:12px}@media(max-width:700px){.management-body input,.management-body select,.management-body textarea{font-size:16px}.management-body button{min-height:44px}}.cli-instructions{white-space:pre-wrap;overflow-wrap:anywhere}