@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ink:#202923;--muted:#879087;--green:#c1f078;--line:#e6e9e3;--sidebar:#1d2520;--bg:#f7f8f5;--white:#fff;--font:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #91b75c;outline-offset:4px}button{border:0;background:none}button,.file-card{transition:background .18s,transform .18s,box-shadow .18s}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.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}[hidden]{display:none!important}
.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--sidebar);color:#d4dbd5;padding:31px 22px 20px;display:flex;flex-direction:column;z-index:30;overflow-y:auto}.brand{display:flex;align-items:center;text-decoration:none;font-size:26px;font-weight:750;letter-spacing:-1.2px;color:#f8faf6}.brand-mark{height:36px;width:36px;background:var(--green);border-radius:10px;color:#263527;display:grid;place-items:center;margin-right:10px}.brand-mark svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}.brand-dot{color:var(--green)}.workspace{margin:37px 0 33px;display:flex;gap:11px;align-items:center}.workspace-avatar{position:relative;display:grid;place-items:center;flex-shrink:0;background:#3b463c;border:1px solid #525c4e;width:34px;height:34px;border-radius:10px;color:#d5e6ca;font-size:14px}.workspace-avatar>span{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;background:var(--green);border:2px solid var(--sidebar);border-radius:50%}.workspace strong{font-size:11px;font-weight:650;display:block}.workspace small{display:block;font-size:10px;color:#7e8b81;margin-top:4px}.nav-label{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#738276;padding:0 12px;margin-bottom:12px}.primary-nav,.album-nav{display:flex;flex-direction:column;gap:5px}.nav-item,.album-item{display:flex;align-items:center;gap:12px;min-height:45px;padding:0 12px;text-align:left;border-radius:8px;width:100%;font-size:12px;color:#9eaaa0}.nav-item:hover,.album-item:hover{background:#2b352d;color:#f0f5ed}.nav-item.active{background:var(--green);color:#283b25;font-weight:750}.nav-item .icon{width:18px;height:18px}.nav-count{font-size:10px;margin-left:auto;min-width:22px;text-align:center;color:inherit;opacity:.8;padding:3px;background:#ffffff12;border-radius:5px}.nav-item.active .nav-count{background:#94bd5166}.albums-label{display:flex;align-items:center;justify-content:space-between;margin-top:33px;margin-bottom:7px;padding-right:7px}.sidebar-icon{height:28px;width:28px;color:#9ca99e;border-radius:5px;display:grid;place-items:center}.sidebar-icon:hover{background:#344036}.sidebar-icon .icon{width:15px;height:15px}.album-item{min-height:40px;font-size:12px}.album-item.active{background:#34402f;color:#dcf5ba}.album-dot{width:8px;height:8px;border-radius:3px;background:#c7ba97;flex-shrink:0}.sidebar-bottom{margin-top:auto;padding-top:64px}.local-card{background:#28342a;border:1px solid #3b4b38;border-radius:11px;padding:17px 16px 14px}.local-icon{color:#bfdb98;display:block;margin-bottom:11px}.local-icon .icon{width:22px;height:22px}.local-card strong{font-size:12px;font-weight:650;color:#e5ecd9}.local-card p{font-size:10px;line-height:1.8;color:#9cae98;margin:8px 0 13px}.local-card button{border-top:1px solid #40503b;padding:12px 0 0;width:100%;text-align:left;color:#d3ebae;font-size:10px;font-weight:600}.local-card button span{float:right;font-size:16px;line-height:14px}.help-button{display:flex;align-items:center;gap:10px;font-size:11px;color:#a0aca1;padding:22px 8px}.help-button .icon{width:17px;height:17px}.sidebar-footer{display:flex;justify-content:space-between;color:#627166;font-size:9px;padding:2px 9px}.app-shell{margin-left:244px;min-height:100vh}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#fafbf8}.breadcrumb{display:flex;align-items:center;gap:14px;font-size:11px;color:#8c958b}.breadcrumb strong{font-weight:650;color:#525e52}.breadcrumb .icon{height:12px;width:12px;color:#b5bdb2}.topbar-right{display:flex;align-items:center;gap:23px}.local-status{display:flex;gap:7px;align-items:center;font-size:10px;color:#85917f}.local-status>span{height:5px;width:5px;background:#82a36a;border-radius:50%}.profile-button{width:33px;height:33px;border-radius:50%;background:#e8edde;border:3px solid white;box-shadow:0 0 0 1px #e3e8dc;font-weight:700;font-size:12px;color:#5c6f48}.mobile-menu{display:none!important}main{max-width:1620px;margin:0 auto;padding:37px 42px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:29px}.eyebrow{font-size:8px;letter-spacing:2px;font-weight:700;color:#9ca58e;margin-bottom:10px}h1{font-size:32px;line-height:1.25;margin:0;font-weight:750;letter-spacing:-1.1px}h1>span{color:#83b33e}.page-heading p{font-size:12px;color:#8b9388;margin:9px 0 0}.button{border-radius:8px;padding:11px 17px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:650;white-space:nowrap}.button .icon{width:17px;height:17px}.button-dark{background:#263329;color:#fbfff6;box-shadow:0 2px 2px #2633290a}.button-dark:hover{background:#3b4d37;transform:translateY(-1px)}.button-outline{border:1px solid #dde3d8;background:white}.button-outline:hover{background:#f4f7ee}.intro-grid{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(270px,1fr);gap:22px;margin-bottom:34px}.dropzone{border:1.5px dashed #c6d0bb;background:#f0f4e9;border-radius:13px;min-height:205px;display:flex;gap:26px;align-items:center;justify-content:center;text-align:left;padding:28px 25px}.dropzone:hover{background:#e9f0df;border-color:#86a35e}.upload-illustration{position:relative;width:86px;height:94px;flex-shrink:0}.paper{position:absolute;width:58px;height:74px;border-radius:9px;left:11px;top:6px}.paper-back{background:#d2dfbe;transform:rotate(-14deg);border:1px solid #b6c79c}.paper-front{background:#fff;border:1px solid #d5dfc7;transform:rotate(7deg);left:22px;top:17px;display:grid;place-items:center;box-shadow:3px 7px 9px #3856210d}.paper-front .icon{width:28px;height:28px;color:#9ab478}.upload-bubble{position:absolute;right:-6px;bottom:-2px;width:37px;height:37px;background:#c1f078;border:3px solid #f0f4e9;border-radius:50%;display:grid;place-items:center;color:#3d5829}.upload-bubble .icon{width:17px;height:17px}.dropzone-text{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.dropzone-text strong{font-size:15px;letter-spacing:-.35px;font-weight:750}.dropzone-text>span:not(.browse-link){font-size:11px;color:#8c967f}.browse-link{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:750;color:#5b723f;margin-top:3px}.browse-link .icon{width:15px;height:15px}.dropzone-text small{margin-top:13px;font-size:9px;letter-spacing:.05px;color:#9aa28d}.feature-card{position:relative;border-radius:13px;overflow:hidden;text-align:left;color:white;padding:0;min-height:205px;isolation:isolate;background:#28483c}.feature-card>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 43%;inset:0;transition:transform .6s;z-index:-2}.feature-card:hover>img{transform:scale(1.04)}.feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,#122f23ba,#12312218);z-index:-1}.feature-tag{position:absolute;top:23px;left:24px;font-size:7px;font-weight:650;letter-spacing:1.2px;color:#deecd7}.feature-copy{position:absolute;inset:54px 24px 20px;display:flex;flex-direction:column;justify-content:space-between}.feature-copy>span:first-child{font-size:27px;font-weight:600;letter-spacing:-.6px;line-height:1.16}.feature-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#eef7e6}.feature-arrow{height:27px;width:27px;border-radius:50%;border:1px solid #ffffff60;display:grid;place-items:center;font-size:17px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:19px;border-bottom:1px solid var(--line)}.filter-tabs{display:flex;gap:4px}.filter-tab{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:7px;color:#8c9689;font-size:11px;font-weight:550;white-space:nowrap}.filter-tab:hover{background:#eaf0e4}.filter-tab.active{background:white;color:#35472c;box-shadow:0 1px 4px #2633290b;border:1px solid #e5e9df;padding:8px 12px;font-weight:700}.filter-tab>span{background:#edf2e6;color:#8a9a73;padding:1px 6px;border-radius:4px;font-size:9px}.filter-tab .icon{height:15px;width:15px}.search-field{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e3e7dd;border-radius:7px;padding:8px 11px;width:224px;color:#9ca794}.search-field>.icon{width:15px;height:15px}.search-field input{border:0;outline:none;background:none;min-width:0;width:100%;font-size:10px;color:#42543a}.search-field input::placeholder{color:#a2aa9b}.search-field:focus-within{border-color:#8aab60;box-shadow:0 0 0 3px #e8efde}.search-field kbd{font:9px var(--font);border:1px solid #e7ebdf;border-radius:3px;padding:2px 3px;white-space:nowrap;color:#acb49f}.files-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0 17px}.files-heading>div:first-child{display:flex;align-items:center;gap:12px}h2{font-size:13px;margin:0;font-weight:750;letter-spacing:-.2px}.results-count{font-size:10px;color:#9ba390}.view-controls{display:flex;align-items:center;gap:4px}.sort-control select{appearance:auto;border:0;background:none;color:#86917f;font-size:10px;padding:4px 2px;max-width:140px;cursor:pointer}.control-divider{height:17px;width:1px;background:#e0e6d9;margin:0 9px}.view-button{height:29px;width:29px;display:grid;place-items:center;color:#9ba88e;border-radius:5px}.view-button .icon{height:15px;width:15px}.view-button.active{color:#546944;background:#e8eede}.view-button:hover{background:#e8eede}.files-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.file-card{background:#fff;border:1px solid #e5e9df;border-radius:10px;min-width:0;overflow:hidden;position:relative}.file-card:hover{box-shadow:0 7px 20px #2b3a2210;transform:translateY(-2px)}.file-preview{display:block;position:relative;width:100%;aspect-ratio:1.77;padding:0;overflow:hidden;text-align:left;background:#e9eee2}.file-preview>img,.file-preview>video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.file-card:hover .file-preview>img{transform:scale(1.035)}.file-preview:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0b211e45);pointer-events:none}.type-badge{position:absolute;left:12px;bottom:10px;display:flex;align-items:center;gap:5px;z-index:1;color:#fff;font-size:8px;font-weight:650;letter-spacing:.5px;background:#2134246b;backdrop-filter:blur(10px);border:1px solid #ffffff22;border-radius:4px;padding:4px 6px}.type-badge .icon{width:11px;height:11px}.duration-badge{position:absolute;right:11px;bottom:11px;background:#172c2259;color:#fff;border-radius:4px;font-size:9px;padding:3px 5px;z-index:1;font-variant-numeric:tabular-nums}.play-circle{display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:40px;width:40px;border-radius:50%;background:#ffffffc9;color:#334d2a;font-size:17px;box-shadow:0 0 0 7px #ffffff15;padding-left:3px}.favorite-button{position:absolute;right:10px;top:10px;border-radius:50%;height:28px;width:28px;display:grid;place-items:center;background:#fffdf4de;color:#9b9b88;opacity:0;transition:opacity .2s;z-index:3}.favorite-button .icon{height:14px;width:14px}.favorite-button.is-favorite{opacity:1;color:#668543;background:#edf5e0}.favorite-button.is-favorite .icon{fill:#6685431c}.file-card:hover .favorite-button,.file-card:focus-within .favorite-button{opacity:1}.file-info{display:flex;align-items:center;gap:9px;padding:14px 12px}.file-kind-icon{width:29px;height:32px;flex-shrink:0;border-radius:6px;background:#f2f5ed;color:#8c9a7a;display:grid;place-items:center}.file-kind-icon .icon{width:16px;height:16px}.file-kind-icon.video{background:#edf1f7;color:#8c9eb8}.file-kind-icon.audio{background:#f5eff8;color:#aa8cba}.file-label{min-width:0;flex:1;overflow:hidden}.file-name{border:0;padding:0;text-align:left;font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block;letter-spacing:-.1px}.file-meta{display:flex;align-items:center;gap:6px;font-size:9px;color:#a1a995;margin-top:4px}.file-meta>span+span:before{content:'·';margin-right:6px}.file-more{color:#9aa58b;padding:3px;display:grid;place-items:center;flex-shrink:0}.file-more .icon{width:17px;height:17px}.audio-poster{position:absolute;inset:0;background:#eae7f0;display:flex;align-items:center;justify-content:center;gap:4px;color:#a092b5}.wave-bar{display:block;width:3px;min-width:2px;background:currentColor;border-radius:3px}.audio-poster:before{content:'FIELD NOTES / VOL. 01';position:absolute;top:19px;left:16px;font-size:7px;letter-spacing:2px;color:#9a8cac}.audio-poster .audio-note{position:absolute;right:17px;top:16px;font-size:11px;opacity:.6}.files-grid.is-list{display:flex;flex-direction:column;gap:8px}.is-list .file-card{display:flex;align-items:center;border-radius:8px}.is-list .file-preview{width:115px;aspect-ratio:1.77;flex-shrink:0;border-radius:6px;margin:6px}.is-list .file-info{flex:1}.is-list .file-kind-icon{display:none}.is-list .favorite-button{position:static;order:3;opacity:1;margin:0 15px}.is-list .file-meta{gap:12px}.is-list .play-circle{height:25px;width:25px;font-size:11px;box-shadow:none}.is-list .type-badge,.is-list .duration-badge{display:none}.is-list .audio-poster{gap:2px}.is-list .audio-poster:before,.is-list .audio-note{display:none}.is-list .wave-bar{max-height:45px;max-width:2px}.empty-state{text-align:center;padding:70px 10px;border:1px dashed #dbe3ce;border-radius:10px;color:#95a181}.empty-state>span{display:grid;place-items:center;width:64px;height:64px;background:#eaf0df;margin:0 auto 18px;border-radius:20px}.empty-state>span .icon{height:28px;width:28px}.empty-state h3{color:#405334;font-size:18px;margin:0 0 10px}.empty-state p{font-size:12px;margin-bottom:22px}.library-footnote{margin:21px 0 0;display:flex;align-items:center;gap:7px;color:#9ca58f;font-size:9px}.demo-dot{height:5px;width:5px;border-radius:50%;background:#b2bea1}.library-footnote button{margin-left:auto;font-size:9px;color:#7e8b6e;padding:3px 0}.library-footnote button span{font-size:13px;margin-left:4px}.main-footer{margin-top:34px;border-top:1px solid var(--line);padding-top:19px;display:flex;align-items:center;justify-content:space-between;color:#a7ae9b;font-size:9px}.main-footer>span:last-child{display:flex;align-items:center;gap:8px}.tiny-star{font-size:21px;line-height:12px;color:#8da369}.icon-button{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;color:#819174}.icon-button:hover{background:#eaf0e0}.icon-button .icon{height:18px;width:18px}
dialog{border:1px solid #e1e7d7;border-radius:17px;background:#fafcf7;color:var(--ink);box-shadow:0 40px 100px #0c180d4d;padding:0;max-height:90dvh;max-width:calc(100vw - 32px)}dialog::backdrop{background:#101e16a3;backdrop-filter:blur(7px)}.preview-dialog{width:1050px}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:21px 25px;border-bottom:1px solid var(--line);gap:20px}.preview-type{font-size:8px;letter-spacing:1.4px;color:#92a17f}.preview-header h2{font-size:17px;overflow-wrap:anywhere;margin-top:5px}.preview-body{display:grid;grid-template-columns:minmax(0,1fr) 270px}.preview-stage{background:#152019;min-height:410px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:14px}.preview-stage img,.preview-stage video{display:block;max-width:100%;max-height:65dvh;object-fit:contain}.preview-stage .audio-detail{width:85%;display:flex;flex-direction:column;align-items:center;gap:35px}.audio-detail>.icon{width:90px;height:90px;color:#c1f078;stroke-width:1}.audio-detail audio{max-width:100%;width:400px}.file-details{padding:26px 22px;display:flex;flex-direction:column}.file-details h3{margin:0 0 17px;font-size:13px}.file-details dl{margin:0 0 21px;display:grid;grid-template-columns:1fr 1fr;gap:14px 8px;font-size:10px}.file-details dt{color:#9ca78e}.file-details dd{margin:0;text-align:right;font-weight:650;overflow-wrap:anywhere}.album-select-label{font-size:10px;color:#92a17f;margin-bottom:7px}.file-details select{padding:9px;border:1px solid #dce5d1;border-radius:6px;background:#fff;color:#60724d;font-size:11px;max-width:100%}.detail-actions{margin-top:25px;display:flex;flex-direction:column;gap:9px}.file-origin-note{font-size:9px;color:#95a185;line-height:1.8}.remove-button{color:#a58172;font-size:10px;display:flex;align-items:center;gap:7px;text-align:left;margin-top:auto;padding:15px 0 0}.remove-button .icon{height:14px;width:14px}.small-dialog{width:420px;padding:34px}.small-dialog>.close-dialog.icon-button{position:absolute;right:13px;top:12px}.dialog-symbol{height:48px;width:48px;border-radius:13px;background:#e6efd8;color:#7c9b54;display:grid;place-items:center;margin-bottom:22px}.dialog-symbol .icon{height:23px;width:23px}.small-dialog h2{font-size:22px;line-height:1.3;margin:0 0 15px;letter-spacing:-.6px}.small-dialog p{font-size:12px;color:#87927b;line-height:1.85}.small-dialog ul{padding-left:18px;font-size:12px;line-height:1.85;color:#7f8e70}.small-dialog a{color:#617c41}.small-dialog>.button{margin-top:10px;width:100%}.small-dialog label{display:block;font-size:10px;color:#8d9d7a;margin:24px 0 8px}.small-dialog input{width:100%;padding:13px;border:1px solid #d7e2c9;border-radius:7px;background:#fff;font-size:12px;color:#4a5d37}.small-dialog form>.button{margin-top:20px;width:100%}.drop-overlay{position:fixed;inset:12px;border:2px dashed #b8e275;background:#172b19eb;z-index:150;border-radius:18px;display:grid;place-items:center;color:#d0eeac;pointer-events:none}.drop-overlay>div{display:flex;flex-direction:column;align-items:center;gap:20px}.drop-overlay .icon{height:64px;width:64px;stroke-width:1}.drop-overlay strong{font-size:27px}.drop-overlay span{font-size:13px;color:#a1ba86}.toast{position:fixed;left:calc(50% + 122px);bottom:26px;transform:translate(-50%,15px);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 30px);width:max-content;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;background:#263b29;color:#eff8e5;border:1px solid #56703c;border-radius:10px;padding:13px 18px;box-shadow:0 8px 30px #13291030;font-size:11px;z-index:200}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.toast .icon{width:16px;height:16px;color:#b6e477}.noscript-notice{position:fixed;inset:auto 0 0;background:#c1f078;color:#263329;padding:20px;text-align:center;z-index:250}.mobile-scrim{display:none}
@media(min-width:1550px){main{padding-top:46px}.intro-grid{grid-template-columns:1.65fr 1fr}.dropzone,.feature-card{min-height:230px}.files-grid{gap:26px}.file-info{padding:18px 16px}.file-name{font-size:12px}.file-meta{font-size:10px}.page-heading{margin-bottom:34px}}
@media(max-width:1180px){.sidebar{width:214px;padding:27px 17px 18px}.brand{font-size:23px}.brand-mark{width:32px;height:32px;margin-right:8px}.app-shell{margin-left:214px}.topbar{padding:0 27px}main{padding:30px 27px 20px}.intro-grid{gap:16px;grid-template-columns:1.4fr 1fr}.dropzone{gap:16px;padding:22px 16px}.upload-illustration{transform:scale(.85);width:72px}.dropzone-text strong{font-size:13px}.dropzone-text>span:not(.browse-link){font-size:10px}.files-grid{gap:15px}.filter-tab{padding:9px}.filter-tab.active{padding:8px}.search-field{width:190px}.toast{left:calc(50% + 107px)}.workspace strong{font-size:10px}.feature-copy>span:first-child{font-size:25px}}
@media(max-width:1000px){.files-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-grid{grid-template-columns:minmax(0,1fr) 220px}.upload-illustration{display:none}.dropzone{justify-content:flex-start;padding:25px}.feature-tag{font-size:6px;letter-spacing:.7px}.library-toolbar{flex-wrap:wrap;gap:14px}.search-field{width:100%}.search-field input{font-size:11px}.search-field kbd{display:none}.topbar{height:68px}.local-status{display:none}.page-heading>.button{padding:11px 12px;font-size:10px}h1{font-size:29px}.preview-body{grid-template-columns:1fr 240px}.preview-stage{min-height:350px}.sidebar-bottom{padding-top:45px}}
@media(max-width:760px){.sidebar{width:240px;transform:translateX(-100%);transition:transform .2s}.sidebar.is-open{transform:translateX(0)}.mobile-scrim.is-open{display:block;position:fixed;inset:0;background:#15251b70;backdrop-filter:blur(3px);z-index:25}.app-shell{margin-left:0}.topbar{height:62px;padding:0 20px;gap:12px}.mobile-menu{display:grid!important}.breadcrumb{flex:1;gap:7px;font-size:10px}.breadcrumb>span{display:none}.topbar-right{gap:10px}.profile-button{height:29px;width:29px;font-size:10px}main{padding:26px 20px 20px}.page-heading{gap:12px;margin-bottom:24px;align-items:flex-start}.eyebrow{font-size:6.5px;letter-spacing:1.6px;margin-bottom:9px}h1{font-size:28px;letter-spacing:-1px}.page-heading p{font-size:10px;max-width:190px;line-height:1.7}.page-heading>.button{font-size:0;width:39px;min-height:39px;padding:9px;margin-top:24px;gap:0}.page-heading>.button .icon{width:21px;height:21px}.intro-grid{grid-template-columns:1fr;gap:15px;margin-bottom:24px}.dropzone{min-height:173px;justify-content:center;padding:21px;gap:22px}.upload-illustration{display:block;transform:scale(.85);width:70px}.dropzone-text strong{font-size:13px}.dropzone-text>span:not(.browse-link){font-size:10px}.dropzone-text small{font-size:8px}.feature-card{min-height:150px}.feature-card img{object-position:50% 55%}.feature-tag{top:19px;left:21px;font-size:6px;letter-spacing:1.2px}.feature-copy{inset:41px 21px 16px;display:grid;grid-template-columns:1fr 1fr;align-items:end}.feature-copy>span:first-child{font-size:26px}.feature-bottom{justify-content:flex-end;gap:12px;padding-bottom:2px;font-size:9px}.feature-arrow{width:25px;height:25px}.filter-tabs{width:100%;justify-content:space-between;gap:0}.filter-tab{font-size:10px;padding:9px 10px}.filter-tab.active{padding:8px 9px}.filter-tab .icon{width:13px;height:13px}.library-toolbar{padding-bottom:16px;gap:14px}.search-field{padding:10px 12px}.files-heading{margin:20px 0 15px}.files-heading h2{font-size:12px}.files-heading>div:first-child{gap:7px}.results-count{font-size:9px}.sort-control select{font-size:9px;max-width:113px}.control-divider{margin:0 3px}.view-controls{gap:0}.view-button{height:25px;width:25px}.view-button .icon{height:13px;width:13px}.files-grid{gap:12px}.file-info{padding:11px 9px;gap:7px}.file-kind-icon{display:none}.file-name{font-size:10px}.file-meta{font-size:8px;gap:5px}.file-meta>span+span:before{margin-right:5px}.file-more{padding:0}.file-more .icon{width:15px;height:15px}.type-badge{left:8px;bottom:8px;font-size:6px;padding:3px 4px}.type-badge .icon{width:9px;height:9px}.duration-badge{right:8px;bottom:8px;font-size:8px}.favorite-button{opacity:1;top:7px;right:7px;width:23px;height:23px}.favorite-button .icon{width:12px;height:12px}.audio-poster{gap:3px}.wave-bar{max-height:58px;width:2px}.audio-poster:before{font-size:5px;letter-spacing:1px;top:13px;left:10px}.audio-note{display:none}.play-circle{height:30px;width:30px;font-size:12px;box-shadow:0 0 0 4px #ffffff15}.library-footnote{align-items:flex-start;font-size:8px;gap:5px;line-height:1.7}.demo-dot{margin-top:4px;flex-shrink:0}.library-footnote button{font-size:8px;white-space:nowrap;padding-top:0}.main-footer{font-size:7px;margin-top:25px;padding-top:16px}.tiny-star{font-size:17px}.preview-dialog{max-width:calc(100vw - 20px)}.preview-header{padding:17px}.preview-header h2{font-size:13px}.preview-body{grid-template-columns:1fr}.preview-stage{min-height:220px;padding:10px}.preview-stage img,.preview-stage video{max-height:45dvh}.file-details{padding:20px}.file-details dl{margin-bottom:18px}.detail-actions{margin-top:17px;display:grid;grid-template-columns:1fr 1fr}.detail-actions .button{padding:10px 7px;font-size:9px}.file-details h3{display:none}.file-origin-note{font-size:9px}.small-dialog{padding:28px;width:calc(100vw - 32px);max-width:400px}.small-dialog h2{font-size:21px}.toast{left:50%;font-size:10px;line-height:1.5;white-space:normal}.drop-overlay strong{font-size:22px}.drop-overlay span{font-size:11px}.preview-stage .audio-detail{gap:25px;padding:25px 0}.audio-detail>.icon{height:60px;width:60px}}
@media(max-width:370px){main{padding-right:14px;padding-left:14px}.dropzone{gap:12px;padding:20px 12px}.dropzone-text strong{font-size:12px}.upload-illustration{width:64px}.filter-tab{font-size:9px;padding:9px 8px}.filter-tab.active{padding:8px 7px}.view-controls .control-divider{display:none}.sort-control{display:none}.file-meta>span+span{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}