@import "https://fonts.googleapis.com/css2?family=SN+Pro:wght@400;500;700&display=swap";*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{color:#152944;background:#f7fbff;margin:0;font-family:SN Pro,Inter,ui-sans-serif,system-ui,sans-serif}body:before{content:"";z-index:-1;opacity:.5;background-color:#0000;background-image:linear-gradient(90deg,#dceefa 1px,#0000 1px),linear-gradient(#dceefa 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:5vw 5vw;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}.app-shell{grid-template-columns:280px 1fr;gap:14px;height:100%;padding:14px;display:grid}.sidebar,.workspace{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;border:1px solid #c7dfef;border-radius:28px;min-height:0;box-shadow:0 18px 50px #466fa01f}.sidebar{flex-direction:column;padding:16px;display:flex;overflow:hidden}.brand{align-items:center;gap:12px;margin-bottom:18px;display:flex}.brand strong{color:#254a86;font-size:28px;line-height:1;display:block}.brand span{color:#6b86a3;text-overflow:ellipsis;white-space:nowrap;max-width:170px;margin-top:4px;font-size:13px;display:block;overflow:hidden}.mark{aspect-ratio:1;background:radial-gradient(circle,#0000 0 24%,#6e92cf 25% 29%,#0000 30% 34%,#6e92cf 35% 39%,#0000 40%),linear-gradient(90deg,#0000 0 50%,#bedcf2 50%),radial-gradient(circle at 100% 100%,#eef7ff 0 49%,#486eb9 50% 70%,#0000 71%);border-radius:0 50% 50% 0;flex:none;width:52px;box-shadow:inset 0 0 0 1px #c5def1}.connect{width:100%;margin-bottom:12px}.bucket-list,.settings-buckets{gap:8px;padding-right:4px;display:grid;overflow:auto}.bucket-list button,.settings-buckets button{text-align:left;background:#f4f9fd;border-radius:18px}.bucket-list button.active,.settings-buckets button.active{background:#d7ecfb;border-color:#7fa8d8}.bucket-list span{text-overflow:ellipsis;font-weight:700;display:block;overflow:hidden}.bucket-list small{color:#6b86a3}.sidebar-foot{color:#8aa3bc;margin-top:auto;font-size:12px}.workspace{grid-template-rows:auto auto 1fr auto;display:grid;overflow:hidden}.topbar{border-bottom:1px solid #d7e8f5;align-items:center;gap:10px;padding:14px;display:flex}.path{flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:auto}.path:before{content:"";background:conic-gradient(from 90deg,#486eb9 0 25%,transparent 0 50%,#bedcf2 0 75%,transparent 0);border-radius:50%;flex:none;width:26px;height:26px}.path button{white-space:nowrap}input,button,.button{color:#19314f;font:inherit;background:#fff;border:1px solid #b8d3e8;border-radius:999px;padding:10px 14px}input:focus{outline:2px solid #7fa8d8}button,.button{cursor:pointer;color:#254a86;text-align:center;background:#e9f5fe;font-weight:700}button:hover,.button:hover{background:#d7ecfb}button:disabled{opacity:.45;cursor:not-allowed}.icon-button{place-items:center;width:42px;height:42px;padding:0;font-size:21px;display:grid}.mobile{display:none}.error{color:#a54b00;background:#fff0e5;border:1px solid #f0a064;border-radius:16px;margin:12px 14px 0;padding:10px 14px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(112px,9vw,190px),1fr));grid-auto-rows:minmax(142px,1fr);align-content:start;gap:12px;min-height:0;padding:14px;display:grid;overflow:auto}.card{cursor:default;background:#ffffffe6;border:1px solid #d7e8f5;border-radius:22px;grid-template-rows:1fr auto;gap:8px;min-width:0;padding:10px;transition:transform .12s,box-shadow .12s,border-color .12s;display:grid;position:relative}.card:hover{border-color:#9fc2df;transform:translateY(-2px);box-shadow:0 14px 28px #466fa024}.card.issue{color:#9b4a05;background:#fff6ed;border-color:#f0a064}.thumb{background:linear-gradient(135deg,#eef7ff,#d9ecfa);border-radius:16px;place-items:center;min-height:0;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb span{color:#486eb9;font-size:clamp(34px,4vw,60px)}.directory .thumb{background:radial-gradient(circle at 26% 26%,#eef7ff 0 24%,#0000 25%),linear-gradient(135deg,#d7ecfb,#f8fcff)}.meta{min-width:0}.meta strong{white-space:nowrap;text-overflow:ellipsis;color:#19314f;display:block;overflow:hidden}.meta small{color:#6b86a3}.card-delete{opacity:0;width:30px;height:30px;padding:0;position:absolute;top:8px;right:8px}.card:hover .card-delete{opacity:1}.empty{text-align:center;color:#6b86a3;grid-column:1/-1;place-self:center;max-width:360px}.empty .mark{width:96px;margin:0 auto 16px}.empty h2{color:#254a86;margin:0 0 6px}.status{color:#fff;background:#254a86;border-radius:999px;padding:9px 14px;position:absolute;bottom:26px;right:30px;box-shadow:0 10px 24px #254a8640}.modal{z-index:10;background:#0f27446b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal article{background:#fff;border:1px solid #c7dfef;border-radius:26px;width:min(980px,100%);max-height:90vh;padding:22px;position:relative;overflow:auto;box-shadow:0 30px 90px #0a192d47}.modal h2{color:#254a86;margin:0 0 16px}.close{width:42px;height:42px;padding:0;font-size:28px;position:absolute;top:14px;right:16px}.modal img,.modal video{border-radius:16px;max-width:100%;max-height:70vh;margin:auto;display:block}pre{white-space:pre-wrap;background:#f5f9fd;border:1px solid #d7e8f5;border-radius:16px;padding:16px;overflow:auto}.create-folder article,.confirm-delete article{width:min(440px,100%)}.create-folder form{gap:16px;display:grid}.create-folder label{color:#3c5d7d;gap:7px;font-weight:700;display:grid}.warning{color:#9b4a05;background:#fff6ed;border:1px solid #f0a064;border-radius:14px;padding:10px 12px}.danger{color:#9b4a05;background:#fff0e5;border-color:#f0a064}.danger:hover{background:#ffe2cc}.settings-layout{grid-template-columns:220px 1fr;gap:18px;min-height:430px;display:grid}.settings-buckets{border-right:1px solid #d7e8f5;align-content:start;padding-right:14px}.settings-form{grid-template-columns:1fr 1fr;align-content:start;gap:12px;display:grid}.settings-form label{color:#3c5d7d;gap:6px;font-weight:700;display:grid}.settings-form input{width:100%;font-weight:400}.settings-form .check{background:#edf6fd;border:1px solid #c9dfef;border-radius:999px;align-items:center;padding:10px 12px;display:flex}.check input{width:auto}.actions{flex-wrap:wrap;grid-column:1/-1;gap:10px;margin-top:8px;display:flex}@media (width<=760px){.app-shell{grid-template-columns:1fr;padding:8px}.sidebar{z-index:8;width:min(310px,100vw - 16px);transition:transform .18s;position:fixed;inset:8px auto 8px 8px;transform:translate(calc(-100% - 12px))}.sidebar.open{transform:none}.workspace{border-radius:22px}.topbar{gap:7px;padding:10px}.mobile{display:grid}.topbar>button:not(.icon-button){padding:9px 11px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));grid-auto-rows:145px;gap:10px;padding:10px}.settings-layout{grid-template-columns:1fr}.settings-buckets{border-bottom:1px solid #d7e8f5;border-right:0;max-height:130px;padding:0 0 12px}.settings-form{grid-template-columns:1fr}.modal{padding:8px}.modal article{border-radius:20px;padding:16px}.path button{text-overflow:ellipsis;max-width:120px;overflow:hidden}}