@font-face{font-family:RelaySystem;src:local("Inter");font-display:swap}
:root{color-scheme:light;--bg:#f6f7fb;--paper:#fff;--ink:#252538;--muted:#8b8b9f;--line:#eaeaf2;--purple:#655bdb;--purple-dark:#5148c3;--pale:#f0eefc;--red:#bd4755;--green:#3d947e;font-family:RelaySystem,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select,[contenteditable]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline:2px solid #958ced}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button{color:inherit}button .icon{pointer-events:none}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.purple{color:var(--purple)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:750;letter-spacing:-.6px;white-space:nowrap}.brand-mark{display:grid;grid-template-columns:9px 9px;grid-template-rows:9px 9px;gap:3px;transform:rotate(-6deg)}.brand-mark i{display:block;background:var(--purple);border-radius:2px}.brand-mark i:nth-child(2){background:#a59deb;transform:translateY(-2px)}.brand-mark i:nth-child(3){background:#8d82e4}.brand-mark i:nth-child(4){transform:translateY(-2px)}
.site-header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.9)}.header-inner{max-width:1180px;margin:auto;height:88px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;position:relative}.main-nav{display:flex;gap:7px;position:absolute;left:50%;transform:translateX(-50%);background:#f5f5f9;border:1px solid #eeeef4;padding:5px;border-radius:12px}.nav-button{border:0;background:transparent;border-radius:8px;padding:10px 25px;display:flex;gap:8px;align-items:center;font-weight:600;color:#858498;white-space:nowrap}.nav-button.active{color:var(--purple);background:white;box-shadow:0 2px 7px #25254d0c}.header-right{display:flex;gap:19px;align-items:center}.private-chip{display:flex;align-items:center;gap:7px;color:#858497;font-size:12px}.private-chip span{height:6px;width:6px;border-radius:50%;background:#73b99e}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:8px;width:36px;height:36px;color:#9393a7;flex-shrink:0}.icon-button:hover{background:#f0eefb;color:var(--purple)}.icon-button.delete:hover{background:#fff1f2;color:var(--red)}.icon-button.bordered{background:white;border:1px solid var(--line);height:39px;width:39px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:41px;border:1px solid transparent;border-radius:8px;padding:10px 19px;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--purple);color:white;box-shadow:0 3px 8px #655bdb18}.button.primary:hover{background:var(--purple-dark)}.button.secondary{background:white;color:#75748d;border-color:#e3e3ed}.button.secondary:hover{background:#f7f6fd}.button.danger{background:var(--red);color:white}.button.wide{width:100%}.text-button{border:0;background:transparent;color:var(--purple);padding:6px;font-size:12px;white-space:nowrap}
.main-container{max-width:1180px;margin:auto;padding:49px 36px 0}.welcome-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:31px}.eyebrow{display:block;font-size:9px;letter-spacing:2.1px;font-weight:700;color:#a2a0b6;margin-bottom:13px}.welcome-row h1{font-size:34px;letter-spacing:-1.15px;font-weight:750;line-height:1.4;margin-bottom:10px}.welcome-row>div>p{color:#8b8a9f;font-size:13px;letter-spacing:.1px}.space-card{display:flex;align-items:center;gap:14px;background:#efedf9;border:1px solid #e8e4f5;padding:17px 22px;border-radius:13px;min-width:245px}.space-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;color:#8c80cf;background:#e6e1f6}.space-icon .icon{width:23px;height:23px}.space-card span{font-size:10px;color:#9690ae;display:block;letter-spacing:.2px}.space-card strong{display:block;font-size:22px;letter-spacing:-.5px;font-weight:650;margin:3px 0}.space-card small{color:#a29ab5;font-size:10px}
.drop-zone{display:flex;align-items:center;gap:28px;border:1.5px dashed #cbc7e6;background:linear-gradient(120deg,#fff,#f5f3fe);border-radius:14px;padding:34px 36px;margin-bottom:30px;min-height:167px;transition:background .2s,border-color .2s}.drop-zone.dragging{background:#ebe6ff;border-color:var(--purple);box-shadow:0 0 0 5px #655bdb0d}.drop-copy{flex:1;min-width:0}.drop-copy h2{font-size:17px;font-weight:650;margin-bottom:9px;letter-spacing:.1px}.drop-copy p{font-size:12px;color:#9692a8;margin-bottom:10px}.drop-copy>span{font-size:10px;color:#aaa5bb}.upload-illustration{position:relative;width:78px;height:82px;flex-shrink:0}.paper{position:absolute;width:49px;height:63px;border-radius:7px}.paper-back{top:4px;left:4px;background:#d8d2f8;transform:rotate(-15deg)}.paper-front{top:11px;left:18px;transform:rotate(8deg);background:#fff;border:1px solid #e4dff6;box-shadow:0 4px 12px #6d5b9e10;display:grid;place-items:center}.paper-front svg{width:27px;height:27px;fill:none;stroke:var(--purple);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tiny-plus{position:absolute;right:-3px;top:2px;color:#a69be0;font-size:20px;font-weight:300}.panel{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.collection-header{padding:25px 26px 23px;display:flex;justify-content:space-between;align-items:center;gap:20px}.collection h2,.history-heading h2{font-size:17px;font-weight:650;display:flex;align-items:center;gap:9px}.count-badge{display:inline-flex;font-size:11px;font-weight:500;color:#9a96b6;background:#f3f1fa;border:1px solid #ece9f5;padding:2px 7px;border-radius:5px;min-width:23px;justify-content:center}.collection-header p,.history-heading p{font-size:11px;color:#a2a0b2;margin-top:8px}.collection-tools{display:flex;align-items:center;gap:9px}.search-field{display:flex;align-items:center;gap:9px;border:1px solid #e9e9f0;border-radius:8px;height:39px;padding:0 12px;background:#fff;color:#aaa8bb}.search-field .icon{width:16px;height:16px}.search-field input{border:0;outline:0;background:transparent;font-size:11px;min-width:0;width:172px;color:var(--ink)}input::placeholder,textarea::placeholder{color:#b1adbf}.search-field:focus-within{border-color:#afa6e8}.table-heading,.file-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 145px 92px;align-items:center;gap:16px;padding:0 26px}.table-heading{background:#fafafe;border-block:1px solid #efeff6;height:40px;color:#a6a3b6;font-size:10px}.table-heading>span:last-child{text-align:right}.file-row{min-height:80px;border-bottom:1px solid #f1f0f6;transition:background .15s}.file-row:last-child{border-bottom:0}.file-row:hover{background:#fdfcff}.file-name-cell{display:flex;gap:13px;align-items:center;min-width:0}.file-type-icon{height:39px;width:34px;display:grid;place-items:center;background:#efedfc;color:#8d7ed5;border-radius:8px;flex-shrink:0}.file-type-icon[data-kind="image"]{background:#edf5f0;color:#71a38a}.file-type-icon[data-kind="media"]{background:#fcf0ea;color:#c89777}.file-type-icon[data-kind="archive"]{background:#fdf7e9;color:#bc9a55}.file-type-icon[data-kind="code"]{background:#eaf2fc;color:#6d96c6}.file-name{font-size:12px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.6}.file-ext{font-size:9px;color:#aeabbc;margin-top:3px;letter-spacing:.45px;text-transform:uppercase}.file-size,.file-date{font-size:10px;color:#a3a0b3;font-variant-numeric:tabular-nums}.row-actions{display:flex;gap:4px;justify-content:flex-end}.row-actions .icon-button{width:34px;height:34px}.row-actions .icon{width:16px;height:16px}.empty-state{text-align:center;padding:48px 20px 52px;color:#aba6bf}.empty-icon{display:grid;place-items:center;width:57px;height:57px;background:#f5f3fc;margin:0 auto 15px;border-radius:17px;transform:rotate(-5deg);color:#a89dce}.empty-icon .icon{width:25px;height:25px}.empty-state h3{font-size:14px;font-weight:500;color:#8e889f;margin-bottom:8px}.empty-state p{font-size:11px;color:#b3aec0;line-height:1.8}.load-more-wrap{text-align:center}.load-more-wrap:has(button:not([hidden])){padding:20px}.upload-list:not(:empty){margin:-14px 0 26px;display:grid;gap:8px}.upload-row{padding:13px 16px;background:white;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:12px}.upload-info{flex:1;min-width:0}.upload-caption{display:flex;justify-content:space-between;gap:15px;font-size:11px;margin-bottom:8px}.upload-caption>span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.upload-status{font-size:10px;color:#9991af;white-space:nowrap}.upload-row.failed .upload-status{color:var(--red)}.upload-row.done .upload-status{color:var(--green)}.upload-row progress{display:block;width:100%;height:3px;border:0;border-radius:3px;accent-color:var(--purple)}progress::-webkit-progress-bar{background:#f0eef8;border-radius:3px}progress::-webkit-progress-value{background:var(--purple);border-radius:3px}.upload-row.done progress::-webkit-progress-value{background:#84baa1}
.composer{margin-bottom:30px}.composer-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 26px 20px}.composer-heading h2{font-size:16px;font-weight:650}.composer-heading>span{font-size:11px;color:#afa9bf}.composer-options{padding:0 26px 17px;display:flex;justify-content:space-between;gap:16px;align-items:center}.mode-tabs{display:flex;gap:5px;padding:4px;background:#f6f5fa;border-radius:8px}.mode-button{border:0;background:transparent;display:flex;align-items:center;gap:6px;padding:8px 13px;font-size:11px;border-radius:5px;color:#9b95ad}.mode-button .icon{height:14px;width:14px}.mode-button.active{background:#fff;color:var(--purple);box-shadow:0 1px 5px #2b1d5710}.language-label select{padding:7px 9px;border:1px solid #e5e1f1;border-radius:6px;background:white;color:#9992ac;font-size:11px;max-width:150px}.title-input{display:block;width:calc(100% - 52px);margin:0 26px;padding:16px 0 15px;border:0;border-top:1px solid #f0edf5;font-weight:500;font-size:13px;color:var(--ink);outline:0}.title-input:focus{border-top-color:#aaa0e5}.text-content,.rich-editor{display:block;width:100%;min-height:170px;padding:7px 26px 22px;resize:vertical;border:0;outline:0;background:white;color:#514c63;font-size:13px;line-height:1.9;overflow-wrap:anywhere}.text-content.code-input{font-family:Consolas,"SFMono-Regular",monospace;white-space:pre;tab-size:4;font-size:12px;line-height:1.8}.rich-editor:empty:before{content:attr(data-placeholder);color:#b1adbf;pointer-events:none}.rich-editor{max-height:500px;overflow:auto;resize:none}.rich-toolbar{display:flex;flex-wrap:wrap;gap:3px;padding:7px 23px 13px}.rich-toolbar button{border:0;background:#f7f6fb;min-width:29px;height:28px;border-radius:4px;padding:4px 8px;color:#8c839e;font-size:11px;display:grid;place-items:center}.rich-toolbar button:hover{background:#ede8fb;color:var(--purple)}.rich-toolbar .icon{height:14px;width:14px}.composer-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 26px;background:#fcfbfe;border-top:1px solid #f0edf6;gap:15px}.composer-footer>span{font-size:10px;color:#b2aabe;font-variant-numeric:tabular-nums}.composer-footer>span.over-limit{color:var(--red)}.composer-footer>div{display:flex;align-items:center;gap:18px}.shortcut{font-size:10px;color:#b4acbf}.composer>.form-error:not(:empty){padding:10px 26px 15px}.history-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 20px}.text-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.text-card{padding:21px 23px 14px;background:white;border:1px solid var(--line);border-radius:11px;min-width:0;display:flex;flex-direction:column;gap:13px}.text-card-header{display:flex;gap:12px;align-items:center;justify-content:space-between}.text-card-header>span{font-size:10px;padding:4px 7px;border-radius:4px;background:#f3f0fc;color:#9b8fc1;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.text-card-header .icon{width:12px;height:12px}.text-card-header time{font-size:9px;color:#b4adbf;white-space:nowrap}.text-card h3{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-preview{font-size:12px;color:#a09aaf;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:68px;min-height:44px}.text-preview.code-preview{font-family:Consolas,monospace;font-size:11px}.text-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f4f1f8;padding-top:10px;margin-top:auto}.text-card-footer .text-button{font-size:10px;padding:5px 0}.text-card-footer .row-actions .text-button{display:flex;align-items:center;gap:5px;margin-right:8px;color:#9b91b2}.text-card-footer .icon{width:14px;height:14px}.text-list>.empty-state{grid-column:1/-1;border:1px dashed #dfd9ed;border-radius:12px}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:30px 2px;color:#b5b0c1;font-size:10px;letter-spacing:.15px}.site-footer>span:first-child{display:flex;gap:7px;align-items:center}.footer-dot{width:4px;height:4px;border-radius:50%;background:#b2a3d2}
.login-screen{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-art{background:#eeebfa;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:620px}.art-copy{position:relative;z-index:1;margin-top:80px}.art-copy .eyebrow{font-size:8px;color:#a79cbf;letter-spacing:2.2px}.art-copy h1{font-size:73px;line-height:1.35;font-weight:750;letter-spacing:-5px;color:#655885}.art-copy p{color:#a094b5;font-size:12px;letter-spacing:2px;margin-top:25px}.orbit{position:absolute;border:1px solid #dfd8ef;width:640px;height:640px;border-radius:50%;top:-330px;left:-245px}.orbit-two{top:auto;left:auto;bottom:-390px;right:-290px;width:720px;height:720px}.floating-card{position:absolute;top:16%;right:14%;width:120px;height:145px;background:#faf9ff;box-shadow:0 15px 40px #7c649715;border:1px solid #e1daef;border-radius:13px;transform:rotate(13deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px}.floating-card svg{width:42px;height:42px;stroke:#a494cc;fill:none;stroke-width:1.1;stroke-linejoin:round;stroke-linecap:round}.floating-card span{font-size:9px;color:#a392bb}.art-spark{font-size:48px;position:absolute;left:19%;top:16%;color:#b8a9da;transform:rotate(13deg);font-family:Georgia,serif}.login-side{padding:55px 11%;display:flex;flex-direction:column;justify-content:space-between;gap:50px}.login-form{width:100%;max-width:345px;align-self:center}.small-label{font-size:10px;color:#a096b0;letter-spacing:1px}.login-form h2{font-size:31px;letter-spacing:-1px;margin:13px 0 10px}.login-form>p:first-of-type{font-size:12px;color:#a297b0;line-height:1.8;margin-bottom:32px}.login-form label{display:block;font-size:11px;font-weight:500;color:#9990a7;margin-bottom:10px}.password-wrap{display:flex;align-items:center;gap:10px;border:1px solid #e5e0ed;border-radius:8px;padding:9px 12px;min-height:49px;background:#fefeff}.password-wrap:focus-within{border-color:#a99bdd;box-shadow:0 0 0 3px #655bdb08}.password-wrap>.icon{width:16px;height:16px;color:#b2a5c6}.password-wrap input{border:0;outline:0;min-width:0;flex:1;font-size:12px;background:transparent;color:var(--ink);width:120px}.password-wrap .text-button{font-size:10px;color:#a199b0}.form-error{font-size:11px;color:var(--red);line-height:1.7}.login-form .form-error{min-height:30px;padding:5px 0}.login-form .wide{min-height:45px;justify-content:space-between;padding-inline:18px}.login-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#bab2c5;margin-top:20px}.login-note .icon{width:12px;height:12px}.login-footer{font-size:10px;color:#bbb1c7;align-self:center;letter-spacing:.5px}
.boot-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;color:#a39ab5;font-size:12px}.boot-screen .brand-mark{animation:pulse 1.3s infinite}@keyframes pulse{50%{opacity:.4;transform:rotate(6deg)}}.toast-region{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;z-index:50;width:max-content;max-width:calc(100% - 32px)}.toast{display:flex;align-items:center;gap:9px;background:#343044;color:white;padding:13px 19px;border-radius:10px;font-size:12px;box-shadow:0 5px 30px #29223520;animation:appear .2s ease-out;overflow-wrap:anywhere}.toast.error{background:#9e4251}.toast .icon{width:16px;height:16px;color:#c1b9ed}@keyframes appear{from{opacity:0;transform:translateY(8px)}}.modal{border:1px solid #ece7f4;border-radius:15px;padding:28px;box-shadow:0 20px 90px #26203625;max-width:calc(100vw - 32px);color:var(--ink)}.modal::backdrop{background:#2b244b60;backdrop-filter:blur(3px)}.confirm-modal{width:385px}.confirm-modal h2{font-size:19px;margin:15px 0 10px}.confirm-modal p{font-size:12px;color:#a094af;line-height:1.9;overflow-wrap:anywhere;white-space:pre-wrap;max-height:220px;overflow:auto}.modal-icon{height:40px;width:40px;display:grid;place-items:center;border-radius:11px;color:var(--red);background:#fceff2}.dialog-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:23px;flex-wrap:wrap}.detail-modal{width:800px;max-height:85dvh;padding:26px}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:20px;border-bottom:1px solid var(--line)}.detail-header>div{min-width:0}.detail-header h2{font-size:21px;margin-top:9px;overflow-wrap:anywhere}.detail-header .small-label{font-size:10px;letter-spacing:0}.detail-body{margin:21px 0;font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#61556e}.code-block{margin:20px 0;background:#f7f5fb;border:1px solid #eeebf5;border-radius:8px;padding:20px;overflow:auto;max-height:49dvh;font:12px/1.9 Consolas,"SFMono-Regular",monospace;tab-size:4;white-space:pre;color:#62536f}.detail-modal>.dialog-actions{border-top:1px solid var(--line);padding-top:17px}.rich-body{line-height:1.85;overflow-wrap:anywhere;color:#64596f;font-size:13px}.rich-body h1,.rich-body h2,.rich-body h3,.rich-body h4,.rich-body h5,.rich-body h6{margin:.8em 0 .4em;line-height:1.5}.rich-body p,.rich-body div{margin:.4em 0}.rich-body a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}.rich-body blockquote{border-left:3px solid #cdc4e6;margin:10px 0;padding:3px 14px;color:#a28fb5}.rich-body pre{overflow:auto;background:#f5f2fa;padding:14px;border-radius:6px}.rich-body code{font-family:Consolas,monospace}.rich-body ul,.rich-body ol{padding-left:23px}.link-modal{width:420px}.link-modal h2{font-size:18px;margin-bottom:20px}.link-modal label{display:block;color:#a596b1;font-size:11px;margin-bottom:8px}.link-input{width:100%;padding:11px 12px;border:1px solid #e3daed;border-radius:7px;color:var(--ink);background:white;font-size:12px}.link-modal .form-error{margin-top:8px}.offline-banner{border:1px solid #ebd5ca;background:#fff6ed;padding:10px 16px;border-radius:8px;color:#b68159;font-size:11px;margin-bottom:20px}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-built_in{color:#8e58bb}.hljs-string,.hljs-regexp,.hljs-addition{color:#568c70}.hljs-number,.hljs-symbol,.hljs-attr{color:#b77748}.hljs-title,.hljs-section{color:#4e78b4}.hljs-comment,.hljs-quote{color:#b0a5ba}.hljs-variable,.hljs-template-variable{color:#a76a83}
.file-description{min-width:0}
@media(min-width:1400px){.main-container{padding-top:58px}.welcome-row{margin-bottom:37px}.drop-zone{padding-block:39px}}
@media(max-width:900px){.header-inner{padding:0 25px}.main-container{padding:35px 25px 0}.welcome-row h1{font-size:29px}.space-card{min-width:215px;padding:15px 16px}.space-card strong{font-size:20px}.drop-zone{padding:27px 25px;gap:22px}.table-heading,.file-row{grid-template-columns:minmax(0,1fr) 65px 118px 78px;gap:12px;padding-inline:22px}.collection-header{padding-inline:22px}.search-field input{width:140px}.private-chip{display:none}.login-side{padding:40px 12%}.art-copy h1{font-size:61px}.floating-card{right:11%;top:14%}.text-card{padding:18px}.text-card-header{flex-wrap:wrap;gap:7px}}
@media(max-width:680px){.header-inner{height:76px;padding:0 20px}.brand{font-size:19px;gap:9px}.brand-mark{grid-template-columns:8px 8px;grid-template-rows:8px 8px;gap:2px}.main-nav{position:static;transform:none;margin-left:auto;margin-right:12px;border-radius:10px;padding:3px;gap:1px}.nav-button{padding:9px 12px;font-size:12px;gap:5px}.nav-button .icon{height:15px;width:15px}.header-right{gap:0}.header-right .icon-button{width:26px}.header-right .icon{width:16px}.main-container{padding:27px 18px 0}.welcome-row{display:block;margin-bottom:22px}.eyebrow{font-size:7px;letter-spacing:1.8px;margin-bottom:10px}.welcome-row h1{font-size:28px;margin-bottom:7px}.welcome-row>div>p{font-size:11px}.space-card{margin-top:22px;padding:11px 14px;min-width:0;border-radius:9px;gap:10px;align-items:center}.space-icon{width:29px;height:29px;border-radius:8px}.space-icon .icon{width:18px;height:18px}.space-card>div:last-child{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;flex:1}.space-card span{font-size:10px}.space-card strong{font-size:16px;margin:0}.space-card small{font-size:9px;margin-left:auto}.drop-zone{display:flex;flex-direction:column;text-align:center;gap:15px;padding:26px 15px 24px;min-height:260px;margin-bottom:22px}.upload-illustration{width:65px;height:67px}.paper{width:41px;height:53px}.paper-front{top:9px;left:16px}.paper-back{top:2px;left:3px}.paper-front svg{width:24px;height:24px}.tiny-plus{font-size:17px;right:-3px}.drop-copy h2{font-size:16px;margin-bottom:7px}.drop-copy p{font-size:11px;margin-bottom:8px}.drop-copy>span{font-size:9px}.drop-zone .button{width:145px;min-height:40px;font-size:12px}.collection-header{display:block;padding:19px 17px 16px}.collection h2,.history-heading h2{font-size:16px}.collection-header p,.history-heading p{font-size:10px;margin-top:6px}.collection-tools{margin-top:16px}.search-field{flex:1}.search-field input{width:100%;font-size:11px}.table-heading{display:none}.file-row{grid-template-columns:minmax(0,1fr) 72px;grid-template-rows:auto auto;column-gap:9px;row-gap:5px;padding:15px 15px;min-height:78px;border-top:1px solid #f1f0f6;border-bottom:0}.file-name-cell{grid-column:1;grid-row:1/3;gap:10px;align-items:center}.file-type-icon{width:31px;height:37px;border-radius:6px}.file-type-icon .icon{width:17px;height:17px}.file-name{font-size:11px;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.6}.file-ext{font-size:8px}.file-size{grid-column:2;grid-row:1;text-align:right;font-size:9px}.file-date{display:none}.row-actions{grid-column:2;grid-row:2}.row-actions .icon-button{width:30px;height:30px}.row-actions .icon{width:15px;height:15px}.empty-state{padding:35px 14px 38px}.empty-state h3{font-size:12px}.empty-state p{font-size:10px}.site-footer{padding:25px 2px;font-size:8px;gap:8px}.site-footer>span:last-child{font-size:8px}.composer-heading{padding:20px 18px 16px}.composer-heading h2{font-size:15px}.composer-heading>span{font-size:9px}.composer-options{padding:0 18px 14px;gap:10px;flex-wrap:wrap}.mode-button{padding:7px 11px;font-size:10px;gap:4px}.mode-button .icon{height:13px;width:13px}.language-label select{font-size:10px;max-width:140px}.title-input{margin-inline:18px;width:calc(100% - 36px);font-size:11px;padding:14px 0}.text-content,.rich-editor{padding:7px 18px 19px;font-size:12px;min-height:170px}.text-content.code-input{font-size:11px}.composer-footer{padding:13px 18px;gap:9px}.composer-footer .button{font-size:11px;padding:10px 13px;min-height:36px}.composer-footer>span{font-size:9px}.shortcut{display:none}.rich-toolbar{padding-inline:15px}.composer>.form-error:not(:empty){padding-inline:18px}.history-heading{display:block;margin-bottom:16px}.text-list{grid-template-columns:minmax(0,1fr);gap:12px}.text-card{padding:18px}.text-card-header{flex-wrap:nowrap}.text-card h3{font-size:13px}.text-preview{font-size:11px}.text-card-header time{font-size:9px}.upload-row{gap:9px;padding:11px 12px}.upload-row>.icon{width:15px;height:15px}.upload-status{max-width:145px;white-space:normal;text-align:right;font-size:9px}.upload-caption{font-size:10px;gap:7px}.modal{padding:23px;max-width:calc(100vw - 24px)}.detail-modal{padding:20px}.detail-header h2{font-size:18px}.detail-header .small-label{font-size:9px}.detail-modal>.dialog-actions .button{font-size:11px;padding:9px 13px}.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-side{padding:36px 30px;min-height:100dvh;gap:45px}.login-form{max-width:365px}.login-form h2{font-size:32px}.login-footer{font-size:9px}.login-side .brand{font-size:22px}.login-side .brand-mark{grid-template-columns:9px 9px;grid-template-rows:9px 9px;gap:3px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}