/* BYKLD 24: extend the existing geometry, palette and window chrome. */
:root{--extra-radius:13px}.catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:16px}.tool-card{display:grid;gap:12px;padding:20px;border:1px solid var(--line);border-radius:var(--extra-radius);background:var(--base);overflow-wrap:anywhere}.tool-card>.icon{width:30px;height:30px;color:var(--accent)}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sheet-wrap{overflow:auto;flex:1}.sheet{border-collapse:collapse;font-size:.85rem}.sheet th{padding:7px;background:var(--panel2);position:sticky;top:0}.sheet td{border:1px solid var(--line);min-width:135px;max-width:190px;vertical-align:top}.sheet input{border:0;border-radius:0;background:var(--base);padding:9px;min-width:135px}.sheet output{display:block;padding:3px 9px;color:var(--accent);font-size:.75rem}.idea-board{position:relative;min-height:1100px;min-width:1400px;background:radial-gradient(var(--line) 1px,transparent 1px);background-size:22px 22px;flex:1}.idea-card{position:absolute;width:225px;min-height:150px;background:var(--panel2);border:1px solid var(--line);border-radius:11px;box-shadow:0 8px 25px #0003;overflow:hidden}.idea-card header{padding:8px 12px;background:var(--glass);display:flex;align-items:center;justify-content:space-between;cursor:move;touch-action:none}.idea-card header button{padding:2px 7px}.idea-card textarea{border:0;min-height:105px;resize:vertical;background:transparent}.idea-card img{width:100%;max-height:230px;object-fit:contain}.pdf-preview{width:100%;min-height:390px;border:1px solid var(--line)!important}.qr-output{max-width:100%;height:auto;max-height:400px;justify-self:center;background:white}.diff-result{padding:15px;overflow:auto}.diff-result>div{display:flex;gap:12px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:monospace;padding:4px 8px}.diff-result b{width:20px;flex-shrink:0}.diff-add{background:#16564455;border-left:3px solid #7bdfb0}.diff-remove{background:#732f3b55;border-left:3px solid #ffacaf}.media-player{background:var(--base);display:grid;place-items:center;min-height:140px}.media-player audio{width:90%;margin:25px}.media-player video{width:100%;max-height:360px}.notes-layout{display:grid;grid-template-columns:230px 1fr;gap:0;flex:1;min-height:380px}.notes-layout>[data-list]{overflow:auto;border-right:1px solid var(--line);padding:12px}.notes-layout>[data-list]>button{display:block;width:100%;text-align:left;margin-bottom:9px;overflow-wrap:anywhere}.notes-layout small{display:block;color:var(--muted);margin-top:6px}.note-editor{padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}.note-editor textarea{flex:1;min-height:230px;line-height:1.7;resize:vertical}.file-content{flex:1;display:flex;flex-direction:column;overflow:auto;min-height:220px}.file-content>img,.file-content>video{max-height:550px;max-width:100%;object-fit:contain}.file-content audio{margin:35px auto;max-width:90%}.file-name{background:transparent;text-align:left;flex:1;overflow-wrap:anywhere}.file-choice>select{max-width:190px}.upload-status{display:grid;gap:8px;padding:12px 18px;border-top:1px solid var(--line);font-size:.8rem}.upload-status button{justify-self:start}progress{width:100%;height:9px;accent-color:var(--accent)}#desktop-widgets{position:absolute;right:20px;top:18px;width:240px;display:grid;gap:14px;padding:22px;border:1px solid #7ba4b038;border-radius:18px;background:var(--glass);color:var(--text);box-shadow:0 12px 40px #0002}#desktop-widgets>b{font-size:1rem;font-weight:500}#desktop-widgets>small{color:var(--muted);font-size:.78rem}#folder-strip{position:absolute;left:0;bottom:8px;display:flex;flex-wrap:wrap;gap:8px;max-width:65%}#folder-strip>button{display:flex;align-items:center;gap:8px;background:var(--glass);font-size:.8rem;max-width:180px}#folder-strip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#desk-switch{display:flex;gap:4px;flex-shrink:0}#desk-switch button{font-size:.7rem;padding:6px 8px;background:transparent;color:var(--muted)}#desk-switch button[aria-pressed=true]{background:var(--panel2);color:var(--accent)}body[data-icons=large] .desktop-shortcut .icon{width:44px;height:44px}body[data-rail=left] #rail{right:auto;left:19px}body[data-rail=left] #surface{left:103px;right:18px}body[data-rail=left] #launcher{left:100px;right:auto}body[data-rail=bottom] #rail{top:auto;bottom:48px;left:50%;right:auto;transform:translateX(-50%);width:auto;max-width:calc(100% - 35px);max-height:74px;flex-direction:row;padding:6px 10px;overflow:auto}body[data-rail=bottom] #rail #pinned-apps,body[data-rail=bottom] #rail #running-apps{display:flex;flex-direction:row}body[data-rail=bottom] #rail .rail-rule{width:1px;height:28px;flex-shrink:0}body[data-rail=bottom] #surface{right:18px;bottom:130px}body[data-rail=bottom] #launcher{bottom:126px;right:20px}.toolbar>input{flex:1;min-width:150px}.os-window-body>form{margin:0}.os-window-body [data-add]{display:grid;gap:15px}.tool-card .row>button{flex:1;min-width:0}.catalog>.tool-card .row{align-items:stretch}.catalog>.tool-card small{color:var(--muted)}
@media(max-width:900px){#desktop-widgets{width:205px;padding:17px;right:6px}#desk-switch button{font-size:.65rem;padding:5px}.desktop-footer>span{display:none}.two-columns{grid-template-columns:1fr}.notes-layout{grid-template-columns:170px 1fr}.catalog{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}
@media(max-width:600px){#desktop-widgets{display:none}#folder-strip{max-width:100%;bottom:0}.notes-layout{display:flex;flex-direction:column}.notes-layout>[data-list]{max-height:150px;display:flex;gap:8px;border-right:0;border-bottom:1px solid var(--line)}.notes-layout>[data-list]>button{min-width:160px}.catalog{grid-template-columns:1fr}.file-choice{gap:7px;padding:10px}.file-choice>button{padding:7px}.file-choice>.icon{display:none}#desk-switch button{font-size:0;min-width:25px}#desk-switch button::first-letter{font-size:.8rem}body[data-rail=left] #surface{left:73px;right:6px}body[data-rail=left] #rail{left:7px}body[data-rail=left] #launcher{left:72px}body[data-rail=bottom] #surface{left:6px;right:6px;bottom:115px}body[data-rail=bottom] #rail{max-height:60px;bottom:44px}#folder-strip>button{font-size:.7rem;max-width:130px}}