@charset "UTF-8";
.nav-item{white-space:nowrap}
:root{font-family:"Segoe UI","Malgun Gothic",sans-serif;color:#25314b;background:#fff;font-synthesis:none;--accent:#505fe6;--line:#e9edf4;--sidebar:238px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #aeb6ff;outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);flex-shrink:0;background:#f8f9fd;border-right:1px solid var(--line);padding:33px 22px 21px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#273152;font-size:24px;font-weight:750;letter-spacing:-.8px}.brand-logo{display:grid;place-items:center;background:var(--accent);color:#fff;width:43px;height:44px;border-radius:13px;box-shadow:0 5px 10px #505fe61c}.brand-logo svg{width:27px;height:27px}.brand small{display:block;font-size:10px;letter-spacing:.2px;font-weight:500;color:#8a94a8;margin-top:4px}.button{border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:650;padding:11px 16px;display:inline-flex;gap:8px;align-items:center;justify-content:center;white-space:nowrap;transition:background .15s;text-decoration:none}.button svg{width:17px;height:17px}.primary{background:var(--accent);color:#fff;box-shadow:0 3px 7px #505fe619}.primary:hover{background:#414fd2}.secondary{background:#fff;border-color:#e0e5ef;color:#536079}.secondary:hover{background:#f5f6fb}.button.danger{background:#d94756;color:#fff}.upload-main{margin:33px 0 30px;width:100%;padding:13px}.nav-label{font-size:10px;color:#9aa4b6;letter-spacing:.7px;margin:0 12px 12px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;border:0;background:none;border-radius:8px;padding:13px;color:#7c879d;text-align:left;font-size:13px;font-weight:600;margin:4px 0}.nav-item.active{color:#505fe6;background:#eceefe}.nav-item:hover:not(.active){background:#f0f2f8}.nav-item svg{width:19px;height:19px}.count{font-size:11px;background:#e9ecf3;padding:2px 6px;border-radius:5px;margin-left:auto;color:#7e8aa1}.nav-divider{height:1px;background:var(--line);margin:22px 10px}.storage{margin-top:auto;padding:36px 12px 22px}.storage-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:650;color:#68758c}.storage-title svg{width:17px}progress{appearance:none;border:0;border-radius:8px;background:#e6eaf3;height:5px;width:100%;overflow:hidden}progress::-webkit-progress-bar{background:#e6eaf3;border-radius:8px}progress::-webkit-progress-value{background:var(--accent);border-radius:8px}.storage progress{margin:17px 0 5px}.storage p{font-size:11px;color:#8c97ab;margin:8px 0}.storage strong{color:#4e5e79;font-weight:600}.storage small{font-size:10px;color:#9aa4b6}.local-status{font-size:10px;color:#7d8ba1;display:flex;align-items:center;gap:6px;margin-top:20px}.local-status i{width:6px;height:6px;border-radius:50%;background:#50b990}.help-button{border:0;background:none;color:#8c97ab;display:flex;gap:10px;align-items:center;font-size:11px;padding:10px 12px}.help-button svg{width:16px}.workspace{margin-left:var(--sidebar);min-width:0;width:calc(100% - var(--sidebar))}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;gap:20px}.search-box{display:flex;align-items:center;gap:12px;width:min(440px,70%);color:#9ca6b8}.search-box input{border:0;outline:none;width:100%;min-width:60px;color:#3d4a65;font-size:13px;background:transparent;padding:10px 0}.search-box input::placeholder{color:#a0a9bb}.search-box kbd{font-family:inherit;font-size:10px;white-space:nowrap;border:1px solid #e7eaf0;padding:4px 6px;border-radius:4px;color:#a4adbd}.profile{display:flex;gap:19px;align-items:center}.connection{font-size:11px;color:#95a0b1}.avatar{display:grid;place-items:center;width:35px;height:35px;background:#edf0fc;color:#6270ad;border-radius:50%;font-size:12px;font-weight:600}main{padding:34px 42px 28px;position:relative;min-height:calc(100vh - 88px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.overline{font-size:9px;letter-spacing:1.6px;color:#a1abc0;margin:0 0 10px;font-weight:650}h1{font-size:27px;letter-spacing:-1px;line-height:1.3;margin:0;color:#29364f;font-weight:700}#view-description{font-size:12px;color:#8d99ac;margin:12px 0 0;line-height:1.6}.heading-actions{display:flex;gap:10px;padding-top:15px}.categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:30px 0 36px}.category{display:flex;align-items:center;gap:13px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:21px 17px;text-align:left;min-width:0;transition:all .15s}.category:hover,.category.active{border-color:#b8c0fb;background:#fafaff;transform:translateY(-1px)}.category strong{font-size:12px;font-weight:650;display:block;white-space:nowrap}.category small{font-size:10px;color:#9aa4b5;display:block;margin-top:6px;white-space:nowrap}.type-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;color:#8693ae;background:#f0f3f8;flex-shrink:0}.type-icon svg{width:23px;height:23px}.type-icon.document{background:#eaf0ff;color:#6c92e7}.type-icon.image{background:#e9f7ef;color:#64b896}.type-icon.video{background:#f3edfc;color:#ad86dd}.type-icon.audio{background:#fdeef3;color:#db86a5}.type-icon.archive,.type-icon.other{background:#fff5e7;color:#dfb16a}.type-icon.folder{background:#fff5dd;color:#e3b659}.type-icon.folder svg{fill:#ffda81;stroke:#e4b85b}.category-arrow{width:12px;height:12px;margin-left:auto;color:#b7bfd0}.file-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px}.breadcrumbs{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}.breadcrumbs button{border:0;background:transparent;padding:5px 0;color:#8996ac;font-size:13px;font-weight:550;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumbs button:last-child{color:#3c4b64;font-weight:650}.breadcrumbs svg{width:12px;color:#b5becc}.view-controls{display:flex;align-items:center;gap:10px}.view-controls select{border:0;color:#8b97ab;background:#fff;font-size:11px;padding:7px 8px;max-width:110px}.icon-button{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:#9aa5b8;padding:6px;border-radius:6px;width:30px;height:30px;flex-shrink:0}.icon-button svg{width:17px;height:17px}.icon-button:hover{background:#f0f2fa;color:#5d6c91}.icon-button.active{background:#eceefe;color:#626fdd}.view-toggle{display:flex;gap:3px;border-left:1px solid var(--line);padding-left:11px}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:17px;min-height:240px;align-content:start}.file-card{position:relative;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:visible;transition:box-shadow .15s,border-color .15s;min-width:0}.file-card:hover{border-color:#ced5e6;box-shadow:0 6px 20px #26396b08}.file-card.selected{border-color:#a8b3fb;background:#fafaff}.card-top{display:flex;justify-content:space-between;padding:9px 11px 0;align-items:center}.item-checkbox{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin:5px}.card-actions{display:flex;gap:1px}.starred{color:#dfb252!important}.starred svg{fill:#f6d88c}.file-open{width:100%;border:0;background:transparent;text-align:left;padding:12px 19px 18px;display:flex;flex-direction:column;gap:14px;min-width:0}.file-open .type-icon{width:52px;height:52px;border-radius:12px}.file-open .type-icon svg{width:29px;height:29px}.file-open strong{font-size:12px;font-weight:600;display:block;color:#536079;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.file-details{min-width:0;width:100%}.file-open small{font-size:10px;display:block;color:#a0aabd;margin-top:7px}.file-grid .row-date,.file-grid .row-size{display:none}.file-list{display:flex;flex-direction:column;gap:0;min-height:240px}.file-list .file-card{display:flex;align-items:center;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:9px 5px;gap:8px}.file-list .card-top{display:contents}.file-list .item-checkbox{margin:0 8px}.file-list .card-actions{order:5;margin-left:14px}.file-list .file-open{flex-direction:row;align-items:center;gap:15px;flex:1;width:auto;padding:4px 6px;overflow:hidden}.file-list .file-open .type-icon{width:36px;height:36px;border-radius:8px}.file-list .file-open .type-icon svg{width:20px;height:20px}.file-list .file-open small{margin-top:5px}.file-list .file-open strong{font-size:12px}.row-date,.row-size{font-size:11px;color:#9aa5b5;flex-shrink:0;width:112px;text-align:right}.row-size{width:70px}.empty-state{grid-column:1/-1;min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;color:#9ba7ba;text-align:center;padding:35px}.empty-state>.type-icon{width:70px;height:70px;border-radius:20px;background:#f0f3ff;color:#8b99e4;margin-bottom:18px}.empty-state>.type-icon svg{width:34px;height:34px}.empty-state h2{font-size:16px;color:#60708a;font-weight:600;margin:0 0 10px}.empty-state p{font-size:12px;line-height:1.8;margin:0 0 20px}.file-footer{border-top:1px solid var(--line);padding-top:19px;margin-top:25px;display:flex;justify-content:space-between;font-size:10px;color:#a3adbe;gap:20px}.file-footer span:last-child{display:flex;align-items:center;gap:7px}.file-footer svg{width:13px;height:13px}.selection-bar{display:flex;gap:14px;align-items:center;background:#f0f2ff;border:1px solid #e2e6ff;border-radius:8px;padding:9px 13px;margin-bottom:18px;font-size:11px;color:#6774ac}.selection-bar label{display:flex;align-items:center;gap:7px}.selection-bar input{accent-color:var(--accent)}.selection-bar>div{margin-left:auto;display:flex;gap:6px}.text-button{border:0;background:transparent;color:#6878cc;padding:5px 7px;font-size:11px;border-radius:4px}.text-button:hover{background:#e7eaff}.danger-text{color:#ca6b78}.filter-note{margin-bottom:15px;font-size:12px;color:#7b88a0;display:flex;gap:10px;align-items:center}.drop-overlay{position:absolute;inset:15px;background:#f3f5fff5;border:2px dashed #95a2fa;border-radius:14px;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:var(--accent)}.drop-overlay svg{width:60px;height:60px}.drop-overlay h2{font-size:24px}.drop-overlay p{font-size:13px}.toasts{position:fixed;bottom:28px;left:calc(50% + 100px);transform:translateX(-50%);z-index:120;display:flex;flex-direction:column;gap:8px;max-width:85vw}.toast{background:#2d3b54;color:#fff;padding:13px 20px;border-radius:9px;box-shadow:0 8px 28px #17233c25;font-size:12px;line-height:1.7;animation:rise .15s ease-out}.toast.error{background:#a34f61}.upload-panel{position:fixed;bottom:22px;right:24px;width:350px;max-width:calc(100vw - 32px);border:1px solid #e1e6f1;border-radius:12px;background:#fff;box-shadow:0 12px 50px #25314b22;z-index:40;overflow:hidden}.upload-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f6f7fc;font-size:12px}.upload-heading strong{font-weight:600}#upload-queue{max-height:250px;overflow:auto}.upload-item{padding:13px 16px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:7px}.upload-item strong{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-item span{font-size:10px;color:#909cb1}.upload-item progress{grid-column:1/-1;height:4px}.upload-item .upload-error{grid-column:1/-1;color:#cb6978;white-space:normal;font-size:10px;line-height:1.5}.upload-cancel{border:0;background:none;color:#a0aabe;font-size:10px;text-align:right;grid-column:2}.dialog{border:1px solid #e5e9f1;border-radius:16px;padding:25px;box-shadow:0 30px 100px #17233c30;color:#33435e;max-height:90vh;overflow:auto;width:calc(100% - 40px)}.dialog::backdrop{background:#26355265;backdrop-filter:blur(3px)}.small-dialog{max-width:440px}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.dialog h2{font-size:18px;margin:4px 0;letter-spacing:-.3px;overflow-wrap:anywhere}.dialog p{font-size:12px;color:#8591a5;line-height:1.8}.dialog label{display:block;font-size:12px;margin-bottom:8px;color:#6e7e97}.text-input{width:100%;border:1px solid #dce2ee;border-radius:7px;padding:11px 12px;background:#fff;color:#42516e;font-size:13px}.dialog-footer{display:flex;gap:9px;justify-content:flex-end;margin-top:24px;flex-wrap:wrap}.form-error{color:#d05d6e!important;min-height:18px;margin-bottom:0}.preview-dialog{max-width:850px}.preview-heading-text{min-width:0}.preview-heading-text h2{font-size:16px}.preview-heading-text p{font-size:11px;margin:7px 0 0}.preview-content{min-height:240px;display:flex;align-items:center;justify-content:center;background:#f6f8fc;border-radius:10px;overflow:hidden}.preview-content img{max-width:100%;max-height:60vh;object-fit:contain}.preview-content video{max-width:100%;max-height:60vh}.preview-content audio{width:80%}.preview-content iframe{width:100%;height:60vh;border:0}.preview-content pre{align-self:stretch;width:100%;margin:0;padding:22px;font:12px/1.8 Consolas,"Malgun Gothic",monospace;color:#556780;white-space:pre-wrap;overflow-wrap:anywhere;max-height:55vh;overflow:auto}.preview-unsupported{text-align:center;padding:30px;font-size:12px;color:#8b98ac}.preview-unsupported .type-icon{margin:0 auto 15px;width:65px;height:65px}.preview-actions-spacer{flex:1}.help-content h3{font-size:13px;margin-top:24px}.help-content p{font-size:12px}.help-content code{font-size:11px;background:#f0f3fa;padding:3px 5px;border-radius:3px;overflow-wrap:anywhere}.spinner{width:24px;height:24px;border:2px solid #e1e6f5;border-top-color:#6d7de8;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{from{transform:translateY(7px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(min-width:1500px){main{max-width:1450px;margin:auto;padding-top:40px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}
@media(max-width:1150px){:root{--sidebar:210px}.sidebar{padding:27px 17px}.topbar{padding:0 27px}main{padding:30px 27px}.category{gap:10px;padding:17px 13px}.category .type-icon{width:35px;height:35px}.category-arrow{display:none}.categories{gap:10px}.row-date{display:none}.heading-actions{gap:7px}.button{padding:10px 12px;font-size:12px}}
@media(max-width:850px){:root{--sidebar:185px}.sidebar{padding:25px 13px}.brand{font-size:21px;gap:9px}.brand-logo{width:36px;height:38px}.brand small{font-size:9px}.nav-item{font-size:12px;padding:12px 10px;gap:9px}.categories{grid-template-columns:repeat(2,1fr);margin:25px 0 28px}.category{padding:14px}.page-heading{align-items:flex-start;flex-direction:column;gap:3px}.heading-actions{padding-top:12px}.search-box kbd,.connection{display:none}.topbar{height:74px;padding:0 23px}main{padding:28px 23px}.profile{gap:0}.storage{padding:30px 7px 16px}.storage-title{font-size:10px}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.file-toolbar{flex-wrap:wrap}.view-controls{gap:3px}.file-footer #drop-hint{display:none}.toasts{left:calc(50% + 70px)}}
@media(max-width:600px){:root{--sidebar:0px}.app-shell{display:block}.sidebar{position:static;width:100%;padding:18px 18px 0;background:#fff;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:22px}.brand small{display:none}.brand-logo{width:34px;height:34px;border-radius:10px}.brand-logo svg{width:23px}.sidebar .upload-main,.nav-label,.nav-divider,.storage,.help-button{display:none}.sidebar nav{display:flex;gap:4px;margin-top:15px}.nav-item{justify-content:center;padding:12px 7px;font-size:11px;margin:0;border-radius:7px 7px 0 0;gap:6px}.nav-item svg{width:15px;height:15px}.count{display:none}.workspace{width:100%;margin:0}.topbar{height:63px;padding:0 20px}.search-box{width:85%;gap:9px}.search-box input{font-size:12px}.avatar{width:28px;height:28px;font-size:11px}main{padding:25px 20px}.overline{font-size:8px}h1{font-size:24px}#view-description{font-size:11px}.page-heading{gap:8px}.heading-actions{width:100%;justify-content:flex-end;padding-top:4px}.categories{margin:21px 0 27px;gap:10px}.category{padding:14px 12px}.category strong{font-size:11px}.category small{font-size:9px}.category .type-icon{width:34px;height:34px}.file-grid{gap:11px}.file-open{padding:9px 13px 16px;gap:13px}.file-open .type-icon{width:45px;height:45px}.file-open strong{font-size:11px}.file-open small{font-size:9px}.card-top{padding:7px 7px 0}.icon-button{width:26px;height:26px;padding:4px}.file-toolbar{gap:11px}.breadcrumbs button{font-size:12px;max-width:140px}.view-controls select{font-size:10px;max-width:95px}.view-toggle{padding-left:6px}.row-size{display:none}.file-list .file-card{gap:0}.file-list .card-actions{margin-left:0}.file-list .item-checkbox{margin:0 5px}.file-list .file-open{gap:10px}.selection-bar{flex-wrap:wrap;gap:7px}.selection-bar>div{margin-left:0;width:100%}.toasts{left:50%;bottom:18px;max-width:90vw;width:max-content}.dialog{padding:21px}.dialog-footer .button{font-size:11px;padding:9px 11px}.preview-dialog{width:calc(100% - 24px)}.upload-panel{bottom:12px;right:12px}.file-footer{margin-top:20px}.empty-state{padding:25px 10px;min-height:270px}}