:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#35353e;background:#fcfcfa;font-synthesis:none;--purple:#6756d7;--line:#e9e9e5;--muted:#93939c}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.3;cursor:default}button,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b2a7ef;outline-offset:3px}button{color:inherit}svg{width:18px;height:18px;flex-shrink:0}[hidden]{display:none!important}
.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:650;letter-spacing:-.9px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:var(--purple);color:#fff;border-radius:9px;font-size:23px;font-weight:450;letter-spacing:0}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 50% 40%,#f1effc 0,transparent 58%)}.login-card{width:300px;display:flex;flex-direction:column;gap:12px}.login-brand{justify-content:center;margin-bottom:26px;font-size:28px}.login-brand .brand-mark{width:41px;height:41px;border-radius:12px;font-size:30px}.login-card input{width:100%;padding:15px 17px;border:1px solid var(--line);background:#fff;border-radius:12px;font-size:14px}.login-card input::placeholder{color:#a0a0aa}.login-submit{margin-top:4px;display:flex;justify-content:space-between;align-items:center;border:0;background:var(--purple);color:white;padding:14px 17px;border-radius:12px;font-size:14px;font-weight:550}.login-submit span{font-size:21px;font-weight:300}.error{min-height:20px;font-size:12px;color:#af4545;text-align:center}
.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);height:100dvh}.sidebar{background:#f5f5f1;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.sidebar-head{height:80px;padding:23px 24px;display:flex;justify-content:space-between;align-items:center}.tree-actions{display:flex;align-items:center;gap:3px;margin:5px 15px 17px}.icon-button{display:grid;place-items:center;width:31px;height:32px;border:0;border-radius:7px;background:transparent;color:#81818b}.icon-button:hover:not(:disabled){background:#eae8f1;color:var(--purple)}.divider{height:17px;border-left:1px solid #ddddd9;margin:0 5px}.tree{overflow:auto;padding:0 12px 20px;flex:1}.tree-row{width:100%;display:flex;align-items:center;gap:8px;background:transparent;border:0;min-height:36px;text-align:left;border-radius:7px;padding:6px 10px;font-size:12px;color:#74747d;margin:1px 0}.tree-row:hover{background:#eeeee9}.tree-row.selected{background:#e8e4f8;color:var(--purple)}.tree-row.active-note .tree-name{font-weight:600}.tree-row svg{width:15px;height:15px}.tree-row.root-row{font-size:15px;margin-bottom:9px}.tree-row .chevron{width:10px;height:10px;transition:transform .14s}.chevron.opened{transform:rotate(90deg)}.chevron-spacer{width:10px;flex-shrink:0}.tree-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.tree-tag-mark{font-size:13px;color:#b1a5df}.sidebar-footer{padding:15px 21px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}.tiny-mark{font-size:7px;color:#b8b8bd}
.document{display:flex;flex-direction:column;min-width:0;min-height:0}.document-head{height:80px;display:flex;justify-content:space-between;align-items:center;padding:18px 35px;gap:15px;flex-shrink:0}.breadcrumbs{font-size:11px;color:#9e9ea6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-actions{display:flex;align-items:center;gap:19px}.save-status{width:6px;height:6px;border-radius:50%;background:#a5beaa}.save-status[data-state=dirty]{background:#d9b474}.save-status[data-state=saving]{background:#ada2db;animation:pulse 1s infinite}.save-status[data-state=error]{background:#d88a8a}.editor-wrap{padding:25px 52px 18px;display:flex;flex-direction:column;flex:1;min-height:0}.note-title{width:100%;color:#3c3c45;background:transparent;border:0;font-size:25px;font-weight:550;letter-spacing:-.7px;padding:0 0 20px;outline:0;border-radius:3px}.note-title:focus{color:var(--purple)}#editor{width:100%;flex:1;resize:none;border:0;background:transparent;outline:0;font-family:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:14px;line-height:1.9;color:#55555e;padding:5px 0 20px;tab-size:2;min-height:120px}#editor::placeholder{color:#c6c5d0}.tags{display:flex;gap:7px;flex-wrap:wrap;min-height:28px;padding:12px 0 3px}.tag{border:0;border-radius:5px;padding:5px 8px;background:#f0edf9;color:#9180c2;font-size:11px}.tag:hover,.tag.selected{background:#dfd8f6;color:var(--purple)}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:80px;gap:18px}.empty-symbol{font-size:62px;font-weight:250;color:#e1deec;line-height:1}.empty-create{border:1px solid #e4deef;border-radius:9px;padding:9px 18px;font-size:12px;color:#9383b4;background:transparent}.empty-create:hover{background:#f3eff9}
dialog{width:min(360px,calc(100vw - 36px));border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff;box-shadow:0 20px 100px #2f254e15}dialog::backdrop{background:#302b4538;backdrop-filter:blur(3px)}dialog h2{font-size:15px;font-weight:550;margin:0 0 20px}dialog input,dialog select{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;font-size:13px;background:#fcfcfa}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.dialog-actions button{border:0;background:#f3f2f6;border-radius:7px;font-size:12px;padding:10px 15px}#dialog-ok{background:var(--purple);color:white}.toast{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);background:#3b354b;color:white;padding:12px 18px;border-radius:10px;font-size:12px;z-index:30;box-shadow:0 5px 25px #302b451c}.mobile-menu,.mobile-close,.sidebar-overlay{display:none}.sidebar-overlay{position:fixed;inset:0;border:0;background:#302b4540;z-index:10}
.depth-0{padding-left:10px}.depth-1{padding-left:22px}.depth-2{padding-left:34px}.depth-3{padding-left:46px}.depth-4{padding-left:58px}.depth-5{padding-left:70px}.depth-6{padding-left:82px}.depth-7{padding-left:94px}.depth-8{padding-left:106px}.depth-9{padding-left:118px}.depth-10{padding-left:130px}.depth-11{padding-left:142px}.depth-12{padding-left:154px}.depth-13{padding-left:166px}.depth-14{padding-left:178px}.depth-15{padding-left:190px}.depth-16{padding-left:202px}
@keyframes pulse{50%{opacity:.3}}@media(min-width:1600px){.editor-wrap{padding-left:calc((100% - 780px)/2);padding-right:calc((100% - 780px)/2)}}@media(max-width:1100px){.workspace{grid-template-columns:220px minmax(0,1fr)}.editor-wrap{padding-left:30px;padding-right:30px}.sidebar-head{padding-left:20px}.document-head{padding-left:30px;padding-right:25px}}@media(max-width:800px){.workspace{grid-template-columns:210px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.sidebar{grid-row:1}.editor-wrap{padding-top:12px}.document-head{height:66px}.empty{padding-bottom:30px}}@media(max-width:600px){.workspace{display:flex;flex-direction:column}.sidebar{position:fixed;inset:0 auto 0 0;width:min(290px,85vw);z-index:20;transform:translateX(-100%);transition:transform .2s}.sidebar-open .sidebar{transform:none}.sidebar-open .sidebar-overlay{display:block}.mobile-menu,.mobile-close{display:grid}.document{flex:1}.document-head{padding:14px 20px;justify-content:flex-start;gap:16px}.document-actions{margin-left:auto}.editor-wrap{padding:12px 25px 16px}.note-title{font-size:23px}#editor{font-size:13px;line-height:1.85}.tree-actions{gap:8px}.sidebar-head{padding-left:24px}.root-row{margin-bottom:12px!important}.tree-row{min-height:41px}.icon-button{width:34px;height:34px}.dialog-actions button{padding:12px 17px}.login-card input{font-size:16px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.view-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:0 14px 16px}.view-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:53px;padding:8px 3px;border:0;border-radius:9px;background:transparent;color:#99939f;font-size:10px}.view-tab svg{width:17px;height:17px}.view-tab:hover{background:#eeecef}.view-tab.selected{color:var(--purple);background:#eae5f7}.workspace:not([data-view=notes]){grid-template-columns:250px minmax(0,1fr)}.workspace:not([data-view=notes]) .tree-actions,.workspace:not([data-view=notes]) .tree,.workspace:not([data-view=notes]) .editor-wrap,.workspace:not([data-view=notes]) .empty,.workspace:not([data-view=notes]) #download{display:none}.workspace:not([data-view=notes]) .sidebar-footer{margin-top:auto}
.agenda-wrap{padding:23px 42px 35px;flex:1;overflow:auto}.agenda-row{display:grid;grid-template-columns:24px 132px 98px minmax(100px,1fr) 32px 28px;align-items:center;gap:10px;min-height:60px;border-bottom:1px solid var(--line)}.agenda-row input{width:100%;min-width:0;background:transparent;border:0;outline:0;border-radius:4px;padding:9px 1px;color:#696673;font-size:12px}.agenda-row input:focus{background:#f4f1fc}.agenda-row input[type=date],.agenda-row input[type=time]{color:#a6a0ad;font-size:11px}.agenda-row input::-webkit-calendar-picker-indicator{opacity:.35;cursor:pointer}.agenda-text{font-size:13px!important}.agenda-text::placeholder{color:#b4adbd}.todo-check{width:17px;height:17px;padding:0;border:1px solid #d7d1e0;border-radius:50%;background:transparent;font-size:10px;color:var(--purple)}.agenda-row.done .todo-check{background:#e9e2f8;border-color:#c9bceb}.agenda-row.done .agenda-text{text-decoration:line-through;color:#b0aab7}.agenda-row .icon-button{width:28px;height:29px;color:#b0a7bc}.agenda-row .icon-button.enabled{color:var(--purple);background:#ece6f9}.agenda-row .icon-button[aria-label="Eliminar renglón"]{opacity:.35}.agenda-row:hover .icon-button[aria-label="Eliminar renglón"]{opacity:1}.agenda-add{border:0;background:transparent;border-radius:6px;color:#9d90b3;font-size:23px;width:30px;height:34px;margin-top:16px}.agenda-add:hover{background:#f1ebf8}
.sheet-wrap{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;padding:7px 28px 28px}.sheet-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:4px 0 18px}.sheet-toolbar select{max-width:200px;border:1px solid #e8e1ef;color:#716283;background:#faf8fd;border-radius:7px;font-size:12px;padding:8px 26px 8px 10px}.sheet-tools{display:flex;gap:5px}.sheet-grid{overflow:auto;flex:1;border:1px solid var(--line);border-radius:9px;background:#fff;min-height:80px}.sheet-grid table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;table-layout:fixed;font-size:11px}.sheet-grid th{font-size:9px;font-weight:400;color:#b2aab9;background:#f8f6fa;padding:7px 9px;min-width:34px;border-right:1px solid #eeebf1;border-bottom:1px solid #eeebf1}.sheet-grid thead th{position:sticky;top:0;z-index:5}.sheet-grid tbody>tr>th{position:sticky;left:0;z-index:4;min-width:34px;width:34px}.sheet-grid td{border-right:1px solid #eeebf1;border-bottom:1px solid #eeebf1;min-width:125px;width:125px;padding:0;vertical-align:middle;background:#fff}.sheet-grid td textarea{display:block;resize:none;min-height:38px;max-height:130px;width:100%;min-width:125px;border:0;outline:0;background:transparent;color:#716776;font-size:11px;line-height:1.5;padding:10px 9px;font-family:inherit;white-space:pre-wrap}.sheet-grid td textarea:focus{background:#f5f0fe;box-shadow:inset 0 0 0 1px #c2afe8}.sheet-grid td.attendance-cell,.sheet-grid td.date-column{width:68px;min-width:68px}.sheet-grid td.date-column textarea{width:68px;min-width:68px;font-size:10px;text-align:center;padding-left:2px;padding-right:2px}.sheet-grid .sheet-heading td{background:#f9f7fc}.sheet-grid .sheet-heading textarea{font-weight:550;color:#9987ae}.sheet-grid .sticky-column{position:sticky;z-index:3;min-width:135px;width:135px;background:#fff}.sheet-grid thead .sticky-column{z-index:6;background:#f8f6fa}.sheet-grid .column-0{left:34px}.sheet-grid .column-1{left:169px}.sheet-grid .sticky-column textarea{min-width:135px;width:135px}.attendance-mark{border:0;background:transparent;display:block;width:100%;height:38px;text-align:center;color:#b2a8bc;font-size:12px}.attendance-mark:hover{background:#f2eef9}.attendance-mark[data-mark=p]{color:#79a68a;background:#f3f8f4}.attendance-mark[data-mark=a]{color:#c38c94;background:#fcf5f6}
@media(max-width:1100px){.workspace:not([data-view=notes]){grid-template-columns:220px minmax(0,1fr)}.agenda-wrap{padding-left:27px;padding-right:27px}.agenda-row{grid-template-columns:20px 118px 88px minmax(70px,1fr) 27px 24px;gap:6px}}@media(max-width:800px){.workspace:not([data-view=notes]){grid-template-columns:210px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.agenda-row{grid-template-columns:20px minmax(90px,1fr) 29px 24px;grid-template-rows:35px 27px;gap:0 8px;padding:9px 0}.agenda-row .todo-check{grid-column:1;grid-row:1}.agenda-row .agenda-text{grid-column:2;grid-row:1}.agenda-row .agenda-date{grid-column:2;grid-row:2;max-width:135px}.agenda-row .agenda-time{grid-column:2;grid-row:2;max-width:83px;justify-self:end}.agenda-row .icon-button{grid-row:1}.agenda-row .icon-button[aria-label=Recordatorio]{grid-column:3}.agenda-row .icon-button[aria-label="Eliminar renglón"]{grid-column:4;opacity:.5}.sheet-wrap{padding-left:16px;padding-right:16px}.sheet-grid .sticky-column{min-width:110px;width:110px}.sheet-grid .column-1{left:144px}.sheet-grid .sticky-column textarea{min-width:110px;width:110px}}@media(max-width:600px){.agenda-wrap{padding:10px 21px 25px}.agenda-row{min-height:79px;grid-template-columns:22px minmax(0,1fr) 31px 25px}.agenda-row .agenda-text{font-size:14px!important}.agenda-row .agenda-date{max-width:130px}.agenda-row .agenda-time{max-width:80px}.agenda-row input{padding-top:3px;padding-bottom:3px}.agenda-row input[type=date],.agenda-row input[type=time]{font-size:12px}.sheet-wrap{padding:7px 12px 16px}.sheet-grid th{min-width:28px;width:28px;padding-left:5px;padding-right:5px}.sheet-grid tbody>tr>th{min-width:28px;width:28px}.sheet-grid .column-0{left:28px}.sheet-grid .column-1{left:138px}.sheet-grid td textarea{font-size:12px}.sheet-grid .sticky-column{min-width:110px;width:110px}.sheet-toolbar{padding-bottom:12px}.sheet-grid td textarea:focus{font-size:16px}.view-tabs{gap:5px;padding:0 19px 19px}.view-tab{min-height:59px;font-size:11px}}
.sheet-grid .sheet-heading td{position:sticky;top:25px;z-index:4}.sheet-grid .sheet-heading td.sticky-column{z-index:6}
.mark-editor{display:block;width:100%;min-width:68px;height:38px;border:0;outline:1px solid #c2afe8;background:#f5f0fe;color:#716776;text-align:center;font-size:12px}
/* Follow the browser preference, including changes while the app is open. */
:root{color-scheme:light}
@media(prefers-color-scheme:dark){
  :root{color-scheme:dark;color:#e2dfe9;background:#18171c;--purple:#b0a0ff;--line:#333039;--muted:#a49eae}
  input,textarea,select,dialog{color:inherit}
  .brand-mark,.login-submit,#dialog-ok{background:#6756d7;color:#fff}
  .login-wrap{background:radial-gradient(ellipse at 50% 40%,#29223c 0,transparent 58%)}
  .login-card input{background:#242129}.login-card input::placeholder{color:#a49eae}.error{color:#f29a9a}
  .sidebar{background:#201e25}.icon-button{color:#aaa3b5}.icon-button:hover:not(:disabled){background:#342c43;color:var(--purple)}.divider{border-color:var(--line)}
  .tree-row{color:#b0aaba}.tree-row:hover,.view-tab:hover{background:#2b2732}.tree-row.selected,.view-tab.selected{background:#352b49;color:var(--purple)}.tree-tag-mark{color:#b6a6dd}.tiny-mark{color:#77707f}
  .breadcrumbs{color:#a49eae}.note-title{color:#e2dfe9}#editor{color:#d3ccdd}#editor::placeholder{color:#77707f}
  .tag{background:#2e263d;color:#beabd9}.tag:hover,.tag.selected{background:#403152;color:var(--purple)}.empty-symbol{color:#50465f}.empty-create{border-color:#493954;color:#beabd9}.empty-create:hover{background:#2e263d}
  dialog{background:#242129;box-shadow:0 20px 100px #0006}dialog::backdrop,.sidebar-overlay{background:#0008}dialog input,dialog select{background:#18171c}.dialog-actions button{background:#35303f}.toast{background:#40354f;color:#f2edf9}
  .view-tab{color:#aaa3b5}.agenda-row input{color:#d3ccdd}.agenda-row input:focus{background:#30263f}.agenda-row input[type=date],.agenda-row input[type=time]{color:#b0a6bd}.agenda-text::placeholder{color:#8c819b}
  .todo-check{border-color:#655870}.agenda-row.done .todo-check{background:#352b49;border-color:#806a9d}.agenda-row.done .agenda-text{color:#93879f}.agenda-row .icon-button{color:#aaa0b6}.agenda-row .icon-button.enabled{background:#352b49;color:var(--purple)}.agenda-add{color:#beabd9}.agenda-add:hover{background:#2e263d}
  .sheet-toolbar select{border-color:#493954;color:#cfbde3;background:#282130}.sheet-grid{background:#18171c}.sheet-grid th{color:#aaa0b6;background:#242129;border-color:var(--line)}
  .sheet-grid td{background:#18171c;border-color:var(--line)}.sheet-grid td textarea{color:#d3ccdd}.sheet-grid td textarea:focus{background:#30263f;box-shadow:inset 0 0 0 1px #8970ad}
  .sheet-grid .sheet-heading td,.sheet-grid thead .sticky-column{background:#292331}.sheet-grid .sheet-heading textarea{color:#beabd9}.sheet-grid .sticky-column{background:#18171c}
  .attendance-mark{color:#aaa0b6}.attendance-mark:hover{background:#30263f}.attendance-mark[data-mark=p]{color:#9dc9ae;background:#203129}.attendance-mark[data-mark=a]{color:#e6a5b0;background:#352329}
  .mark-editor{outline-color:#8970ad;background:#30263f;color:#d3ccdd}
}
.sheet-grid thead th{position:sticky}.sheet-grid tbody>tr>th{cursor:pointer}.sheet-grid .column-1{left:calc(34px + var(--first-column-width,135px))}.sheet-grid table{min-width:0}.sheet-grid col:first-child{width:34px}.sheet-grid .selected-row>th{color:var(--purple);background:#eae5f7}.sheet-grid .selected-row>td{box-shadow:inset 0 1px var(--purple),inset 0 -1px var(--purple)}.sheet-resize{position:absolute;z-index:9;touch-action:none}.sheet-resize.columns{top:0;right:-3px;width:9px;height:100%;cursor:col-resize}.sheet-resize.rows{bottom:-3px;left:0;width:100%;height:9px;cursor:row-resize}.sheet-resize:hover,.sheet-resize:focus-visible{background:var(--purple);opacity:.5}.sheet-grid .mark-editor{min-width:0}
@media(max-width:600px){.sheet-grid .column-1{left:calc(28px + var(--first-column-width,110px))}.sheet-grid col:first-child{width:28px}}
@media(prefers-color-scheme:dark){.sheet-grid .selected-row>th{background:#352b49}}
.view-tabs{grid-template-columns:repeat(4,1fr)}.files-wrap{padding:7px 35px 30px;flex:1;min-height:0;overflow:auto}.files-toolbar{display:flex;align-items:center;gap:10px;padding-bottom:17px;color:var(--muted);font-size:11px}.files-tools{display:flex;gap:7px;margin-left:auto;flex-shrink:0}#files-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#files-parent svg{transform:rotate(180deg)}.files-row{display:flex;align-items:center;gap:15px;min-height:54px;border-bottom:1px solid var(--line)}.files-name{display:flex;align-items:center;gap:12px;flex:1;min-width:0;background:transparent;border:0;padding:15px 0;text-align:left;font-size:12px}.files-name svg{color:var(--muted);width:16px;height:16px}.files-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files-name:hover{color:var(--purple)}.files-size{font-size:10px;color:var(--muted);white-space:nowrap}.files-row>.icon-button{opacity:.6;flex-shrink:0}.files-row:hover>.icon-button{opacity:1}#files-empty{display:block;text-align:center;margin-top:45px;color:var(--muted)}#files-progress{display:block;width:100%;height:3px;margin:0 0 10px;accent-color:var(--purple)}@media(max-width:600px){.files-wrap{padding:7px 22px 25px}.files-row{gap:8px}.view-tab{font-size:10px}}
dialog h2{overflow-wrap:anywhere}
.file-viewer{width:min(1100px,calc(100vw - 32px));height:min(850px,88dvh);max-height:88dvh;padding:0}.file-viewer[open]{display:flex;flex-direction:column}.viewer-head{display:flex;align-items:center;gap:10px;padding:14px 17px;border-bottom:1px solid var(--line);flex-shrink:0}.viewer-head>span{flex:1;min-width:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-head select{width:auto;max-width:160px;padding:6px;font-size:11px}.viewer-head .icon-button{flex-shrink:0}.viewer-body{flex:1;min-height:0;min-width:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:15px;color:inherit;font-size:12px}.viewer-body pre{align-self:stretch;margin:0;width:100%;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 ui-monospace,monospace}.viewer-body>img{max-width:100%;max-height:100%;object-fit:contain}.viewer-body>iframe{width:100%;height:100%;border:0;align-self:stretch}.viewer-body>video{max-width:100%;max-height:100%}.viewer-body>audio{width:min(500px,100%)}.viewer-grid{width:100%;height:100%;overflow:auto}.viewer-grid table{border-collapse:collapse;width:max-content;min-width:100%;font-size:11px}.viewer-grid th,.viewer-grid td{border:1px solid var(--line);padding:9px;min-width:85px;white-space:pre-wrap;max-width:300px;overflow-wrap:anywhere}.viewer-grid th{color:var(--muted);font-weight:400;min-width:30px}.sheet-toolbar select{min-width:0}@media(max-width:600px){.sheet-toolbar{gap:7px}.sheet-toolbar select{max-width:calc(100% - 180px);padding-right:4px}.sheet-tools{gap:1px;flex-shrink:0}.sheet-tools .icon-button{width:33px}.file-viewer{width:calc(100vw - 16px);max-height:92dvh;height:92dvh;border-radius:12px}.viewer-head{flex-wrap:wrap;padding:10px;gap:7px}.viewer-head select{max-width:105px}.viewer-body{padding:10px}.files-size{font-size:9px}.files-row>.icon-button{width:27px}}