@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Noto Sans JP,sans-serif;color:#261c2a;background:#fbfaf8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,input:focus-visible{outline:3px solid #ad83df;outline-offset:3px}a{color:inherit}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:#60456e;font-weight:700}.lock-screen{position:relative;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 58% 30%,#605096 0,#39245a 33%,#211d42 70%,#171631);color:#fff;padding:24px}.lock-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,transparent 20%,#2222444d 70%);pointer-events:none}.lock-glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}.lock-glow-one{width:560px;height:560px;background:#b77ab7;top:-360px;right:-200px}.lock-glow-two{width:450px;height:450px;background:#496eae;bottom:-320px;left:-180px}.lock-top,.lock-bottom,.lock-card{position:relative;z-index:1}.lock-top{align-self:stretch;display:flex;justify-content:space-between;align-items:center;max-width:1220px;width:100%;margin:0 auto}.lock-brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;letter-spacing:.02em}.lock-brand svg{color:#defb9a}.lock-top-right{font-size:12px;letter-spacing:.04em;color:#ffffffad}.lock-card{margin:auto 0;text-align:center;width:min(100%,408px);padding:30px 18px 18px}.lock-badge{width:68px;height:68px;border-radius:22px;margin:0 auto 25px;display:grid;place-items:center;background:#ffffff26;border:1px solid #ffffff50;box-shadow:0 18px 50px #130e2b66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.lock-eyebrow{font-weight:700;font-size:13px;letter-spacing:.14em;color:#dbf39a;margin-bottom:8px}.lock-card h1{margin:0;font-size:clamp(28px,6vw,35px);letter-spacing:.035em;font-weight:800}.lock-sub{font-size:14px;color:#e7dfea;margin:12px 0 32px}.pin-dots{display:flex;align-items:center;justify-content:center;gap:18px;height:18px;margin-bottom:29px}.pin-dots span{width:13px;height:13px;border:1.5px solid #fff;border-radius:50%;transition:background .16s,transform .16s}.pin-dots span.filled{background:#fff;transform:scale(1.09)}.keypad{display:grid;grid-template-columns:repeat(3,70px);justify-content:center;gap:17px 27px}.key{width:70px;height:70px;border-radius:50%;border:1px solid #ffffff47;color:#fff;background:#ffffff20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-size:28px;font-weight:400;transition:background .15s,transform .15s}.key:hover{background:#ffffff39}.key:active{transform:scale(.91);background:#ffffff60}.key-delete{border:0;background:transparent;display:grid;place-items:center}.lock-error{margin:17px auto 0;font-size:13px;color:#ffe0df;min-height:20px}.preview-button{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px auto 0;border:1px solid #ffffff65;background:#ffffff1c;color:#fff;border-radius:14px;padding:10px 16px;font-size:13px;font-weight:700}.preview-button:hover{background:#ffffff34}.lock-foot{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#e5ddea8e;margin-top:25px}.lock-bottom{font-size:11px;text-align:center;color:#ffffff84;margin-top:22px}.app-shell{min-height:100dvh;display:flex;background:#fbfaf8}.sidebar{width:252px;min-width:252px;background:#32163d;color:#efe9f1;display:flex;flex-direction:column;min-height:100dvh}.workspace-title{height:82px;border-bottom:1px solid #ffffff19;display:flex;align-items:center;padding:0 19px;gap:11px}.brand-mark{width:38px;height:38px;border-radius:11px;background:#d9f592;color:#3a2350;display:grid;place-items:center}.workspace-title strong,.workspace-title small,.account-row strong,.account-row small{display:block}.workspace-title strong{font-size:14px;white-space:nowrap}.workspace-title small{font-size:9px;letter-spacing:.13em;color:#b9a7bf;margin-top:3px}.workspace-title>svg{margin-left:auto;color:#a996b2}.workspace-status{display:flex;align-items:center;gap:7px;padding:19px 24px 27px;font-size:11px;color:#c8b5cc}.online-dot,.eyebrow span{width:7px;height:7px;border-radius:50%;background:#cffa86;display:inline-block;box-shadow:0 0 0 3px #cffa8620}.side-section-label{padding:0 22px 8px;font-size:10px;font-weight:800;letter-spacing:.1em;color:#a88cac;text-transform:uppercase}.side-nav{display:grid;gap:2px;padding:0 11px}.side-nav button{height:43px;display:flex;align-items:center;gap:12px;border:0;background:none;color:#d1bfd6;text-align:left;padding:0 13px;border-radius:9px;font-size:12px;font-weight:600}.side-nav button:hover,.side-nav button.active{background:#ffffff17;color:#fff}.side-nav button.active{box-shadow:inset 3px 0 #d6f788}.nav-pill{margin-left:auto;width:5px;height:5px;background:#d7f998;border-radius:50%}.folder-label{display:flex;justify-content:space-between;align-items:center;padding-top:30px}.folder-shortcuts{display:grid;gap:3px;padding:0 13px}.folder-shortcuts button{background:none;border:0;color:#d1bfd6;text-align:left;padding:10px 12px;display:flex;align-items:center;gap:12px;font-size:12px}.folder-shortcuts button:hover{color:#fff}.folder-dot{width:9px;height:9px;border-radius:3px}.pink{background:#f4adbb}.yellow{background:#e9d798}.green{background:#afe3ad}.sidebar-bottom{margin-top:auto;padding:20px 14px 15px}.storage-card{background:#ffffff14;border:1px solid #ffffff1b;border-radius:12px;padding:14px 13px}.storage-line{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700}.storage-line span:first-child{display:flex;align-items:center;gap:7px}.storage-line span:last-child{font-size:10px;font-weight:500;color:#c9b7d0}.storage-meter{height:4px;border-radius:4px;background:#ffffff2e;margin:13px 0 8px}.storage-meter span{display:block;width:38%;height:100%;background:#d5ef9e;border-radius:4px}.storage-card small{font-size:9px;color:#c2afc9}.account-row{width:100%;background:none;border:0;color:#fff;display:flex;align-items:center;gap:9px;text-align:left;padding:17px 3px 4px}.avatar,.top-avatar{display:grid;place-items:center;border-radius:10px;background:#b991c6;color:#321638;font-weight:800;font-size:12px;flex:none}.avatar{width:32px;height:32px}.account-row strong{font-size:11px}.account-row small{font-size:9px;color:#b9a4bf;margin-top:3px}.account-row>svg{margin-left:auto;color:#cdb7d3}.sidebar-scrim{display:none}.main-pane{flex:1;min-width:0;height:100dvh;display:flex;flex-direction:column}.topbar{height:63px;min-height:63px;border-bottom:1px solid #eee9ed;background:#fff;display:flex;align-items:center;padding:0 34px;gap:20px}.breadcrumb{display:flex;align-items:center;gap:10px;color:#9b939c;font-size:12px}.breadcrumb strong{color:#3a2b40}.top-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.secure-label{display:flex;align-items:center;gap:6px;color:#8c7995;font-size:11px}.secure-label svg{color:#7d9e67}.icon-button{display:grid;place-items:center;width:30px;height:30px;background:none;border:0;color:#6f5c76}.top-avatar{width:29px;height:29px;border:0}.mobile-menu{display:none}.content-scroll{overflow:auto;flex:1}.content-inner{max-width:1120px;margin:0 auto;padding:41px 43px 45px}.demo-banner{display:flex;align-items:center;gap:10px;background:#f3ecff;color:#5c4774;border:1px solid #e6d5ff;border-radius:12px;padding:12px 14px;font-size:11px;margin-bottom:28px}.demo-banner svg{flex:none}.demo-banner span{flex:1}.demo-banner button{background:none;border:0;color:#675479;display:grid;place-items:center}.welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;color:#907795;font-weight:800;letter-spacing:.13em;display:flex;align-items:center;gap:9px;margin-bottom:12px}.eyebrow span{background:#9c75ac;box-shadow:none}.welcome h1{font-size:clamp(28px,4vw,34px);line-height:1.3;letter-spacing:-.03em;margin:0 0 7px;font-weight:800;color:#2d2031}.welcome p{margin:0;color:#928a91;font-size:13px}.upload-button{height:40px;min-width:137px;border:0;border-radius:9px;background:#4c2859;color:#fff;font-size:12px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:8px;box-shadow:0 6px 15px #4c285923}.upload-button:hover{background:#5f336e}.hero-card{height:260px;border-radius:19px;position:relative;overflow:hidden;display:flex;background:linear-gradient(110deg,#f3e9ef,#f9f1ed 57%,#eedce7);box-shadow:0 9px 28px #3e1f3410}.hero-copy{z-index:2;padding:31px 0 27px 37px}.hero-overline{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.12em;color:#86587e;font-weight:800}.hero-copy h2{font-size:28px;line-height:1.35;letter-spacing:-.04em;margin:13px 0 8px;color:#372443}.hero-copy p{font-size:11px;line-height:1.7;color:#8e7489;margin:0}.hero-copy button{border:0;background:#4c2859;color:#fff;height:34px;border-radius:8px;padding:0 13px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;margin-top:17px}.hero-art{position:absolute;right:0;top:0;height:100%;width:48%;overflow:hidden}.orb{position:absolute;border-radius:50%}.orb-one{width:290px;height:290px;background:#d8b9d8;right:-45px;top:-25px}.orb-two{width:230px;height:230px;background:#eecee2;right:170px;bottom:-168px}.hero-folder{position:absolute;top:64px;right:26%;width:140px;height:120px;border-radius:24px;background:linear-gradient(135deg,#9974b6,#643e85);display:grid;place-items:center;color:#e7d7f8;transform:rotate(-12deg);box-shadow:13px 17px 22px #71558050;border:2px solid #c7a4d4}.floating-icon{position:absolute;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;box-shadow:0 12px 20px #5c39522b}.float-image{right:9%;top:31px;background:#f9c9d0;color:#a45878;transform:rotate(13deg)}.float-file{right:49%;bottom:25px;background:#f8ebbb;color:#a98634;transform:rotate(-12deg)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 15px}.section-heading h2{font-size:16px;margin:0 0 4px;color:#34273a;letter-spacing:-.01em}.section-heading p{margin:0;color:#a099a1;font-size:11px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.quick-card{height:90px;padding:13px;background:#fff;border:1px solid #f0edf0;border-radius:12px;display:flex;align-items:center;gap:12px;text-align:left;box-shadow:0 4px 13px #38203908}.quick-card:hover{border-color:#ddcadd;transform:translateY(-1px)}.quick-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;flex:none}.quick-pink{background:#fbedef;color:#c16b8e}.quick-yellow{background:#fbf5e7;color:#b79a4f}.quick-green{background:#edf7eb;color:#75a378}.quick-card span:nth-child(2){min-width:0}.quick-card strong,.quick-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-card strong{font-size:12px;color:#3c2e41}.quick-card small{font-size:10px;color:#a09aa2;margin-top:5px}.quick-card>svg{color:#b7aeb8;margin-left:auto;flex:none}.files-heading{margin-top:32px}.text-link{display:flex;align-items:center;gap:3px;border:0;background:none;color:#775981;font-weight:700;font-size:11px}.file-panel{background:#fff;border:1px solid #edeaeb;border-radius:13px;box-shadow:0 6px 22px #34223b08;overflow:hidden}.file-toolbar{height:68px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:13px;border-bottom:1px solid #f2eff1}.search-box{height:37px;width:min(310px,100%);background:#f9f7f8;border:1px solid #f1edf0;border-radius:8px;display:flex;align-items:center;gap:9px;padding:0 10px;color:#9f949f}.search-box input{border:0;outline:0;background:transparent;min-width:0;width:100%;font-size:11px;color:#302338}.search-box input::placeholder{color:#b1a8b1}.view-switch{display:flex;background:#f8f6f8;border-radius:7px;padding:3px;gap:2px}.view-switch button{width:30px;height:27px;border:0;border-radius:5px;background:none;color:#a499a7;display:grid;place-items:center}.view-switch button.current{background:#fff;color:#5b3b67;box-shadow:0 2px 6px #37243c16}.file-item{width:100%;min-height:68px;display:flex;align-items:center;gap:13px;padding:10px 20px;border:0;border-bottom:1px solid #f4f1f3;background:#fff;text-align:left}.file-item:last-child{border-bottom:0}.file-item:hover{background:#fcf9fc}.file-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:9px;flex:none}.file-icon.rose,.modal-icon.rose{color:#bf7190;background:#f9e8ee}.file-icon.orange,.modal-icon.orange{color:#c58452;background:#fbedde}.file-icon.mint,.modal-icon.mint{color:#70a68f;background:#e8f4ed}.file-icon.coral,.modal-icon.coral{color:#d47777;background:#fff0ec}.file-icon.lavender,.modal-icon.lavender{color:#926cb3;background:#f2eafd}.file-icon.blue,.modal-icon.blue{color:#739dc0;background:#eaf2fa}.file-name{min-width:0;flex:1}.file-name strong{display:block;font-size:11px;color:#44394a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-name small{display:block;font-size:10px;color:#a39aa5;margin-top:5px}.file-size,.file-date{font-size:10px;color:#aaa2aa;min-width:67px;text-align:right}.file-more{color:#a79ca7;margin-left:15px;flex:none}.file-items.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:11px;padding:17px}.file-items.grid .file-item{min-height:145px;flex-direction:column;align-items:flex-start;border:1px solid #eee9ef;border-radius:11px;padding:14px;gap:7px}.file-items.grid .file-icon{width:46px;height:46px}.file-items.grid .file-name{width:100%;flex:none}.file-items.grid .file-size{min-width:0}.file-items.grid .file-date,.file-items.grid .file-more{display:none}.empty-state{text-align:center;padding:42px 15px}.empty-state>div{width:60px;height:60px;border-radius:17px;background:#f7f1f8;color:#a382b0;display:grid;place-items:center;margin:0 auto 14px}.empty-state h3{font-size:14px;margin:0 0 7px}.empty-state p{font-size:11px;color:#a49ba5;margin:0 0 17px}.empty-state button{background:#4c2859;color:#fff;border:0;border-radius:8px;font-size:11px;font-weight:700;padding:9px 13px}.footer-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#aaa1aa;font-size:10px;margin-top:24px}.footer-note svg{color:#8caf7b}.bottom-nav{display:none}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:50;background:#382440;color:#fff;border-radius:10px;padding:12px 14px;box-shadow:0 12px 30px #25192c38;min-width:220px;max-width:calc(100vw - 30px);display:flex;align-items:center;gap:15px;font-size:12px}.toast span{flex:1}.toast button{background:none;border:0;color:#fff;display:grid;place-items:center}.modal-backdrop{position:fixed;z-index:60;inset:0;background:#1a1029a6;display:flex;align-items:center;justify-content:center;padding:20px}.file-modal{background:#fff;border-radius:18px;width:min(100%,380px);padding:27px;position:relative;box-shadow:0 25px 65px #130d1f4d}.modal-close{position:absolute;top:17px;right:17px;border:0;background:#f5f2f5;border-radius:7px;width:30px;height:30px;display:grid;place-items:center;color:#654e69}.modal-icon{width:66px;height:66px;border-radius:15px;display:grid;place-items:center;margin-bottom:18px}.file-modal h2{font-size:18px;overflow-wrap:anywhere;margin:0 0 5px}.file-modal p{font-size:11px;color:#998d9c;margin:0 0 25px}.modal-details{display:grid;grid-template-columns:75px 1fr;gap:12px;font-size:11px;border-top:1px solid #eee8ef;padding-top:20px}.modal-details span{color:#a39aa5}.modal-details strong{color:#443849;font-weight:600;overflow-wrap:anywhere}.download-button{width:100%;height:43px;background:#4c2859;color:#fff;border:0;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;margin-top:25px}@media(max-width:900px){.sidebar{width:220px;min-width:220px}.content-inner{padding:32px 26px}.quick-grid{gap:9px}.quick-card{gap:8px;padding:10px}.quick-icon{width:40px;height:40px}.quick-card>svg{display:none}}@media(max-width:700px){.app-shell{display:block}.sidebar{position:fixed;z-index:41;top:0;bottom:0;left:0;width:268px;transform:translate(-100%);transition:transform .2s ease}.sidebar-open{transform:translate(0)}.sidebar-scrim{display:block;position:fixed;z-index:40;inset:0;background:#180f23a3;border:0}.sidebar:not(.sidebar-open)+.sidebar-scrim{display:none}.main-pane{height:100dvh}.topbar{height:57px;min-height:57px;padding:0 18px;gap:13px}.mobile-menu{display:grid}.breadcrumb{font-size:11px;gap:5px}.breadcrumb>span{display:none}.breadcrumb>svg{display:none}.secure-label{display:none}.top-actions{gap:10px}.top-actions>.icon-button{display:none}.content-inner{padding:24px 17px 115px}.welcome{align-items:flex-start;margin-bottom:20px}.welcome h1{font-size:27px}.welcome p{font-size:11px;line-height:1.6}.eyebrow{font-size:9px}.upload-button{position:fixed;z-index:20;bottom:94px;right:19px;height:42px;min-width:0;box-shadow:0 8px 20px #4c285959;border-radius:12px;padding:0 15px}.hero-card{height:228px;border-radius:15px}.hero-copy{padding:25px 0 20px 24px}.hero-copy h2{font-size:20px}.hero-copy p{font-size:10px}.hero-art{width:34%}.hero-folder{top:77px;right:-22%;width:110px;height:100px}.hero-folder svg{width:65px}.float-image{right:3%;top:32px;width:40px;height:40px}.float-file{right:63%;bottom:13px;width:40px;height:40px}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quick-card{height:95px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:9px;gap:7px}.quick-icon{width:33px;height:33px;border-radius:9px}.quick-icon svg{width:18px}.quick-card strong{font-size:10px}.quick-card small{display:none}.section-heading{margin:25px 0 13px}.section-heading h2{font-size:15px}.section-heading p{font-size:10px}.file-toolbar{height:61px;padding:11px}.file-item{min-height:66px;padding:8px 12px;gap:10px}.file-icon{width:38px;height:38px}.file-name strong{font-size:11px}.file-name small{font-size:9px}.file-size{min-width:54px}.file-date,.file-more{display:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:19;height:calc(68px + env(safe-area-inset-bottom));padding:6px 12px calc(6px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;background:#fff;border-top:1px solid #eee8ef;box-shadow:0 -5px 18px #2a17310a}.bottom-nav button{width:54px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:none;color:#a49aa6;font-size:9px;font-weight:700}.bottom-nav button.selected{color:#5a3567}.bottom-nav .bottom-add{width:47px;height:47px;min-width:47px;border-radius:15px;background:#4c2859;color:#fff;display:grid;place-items:center;transform:translateY(-9px);box-shadow:0 7px 15px #4c28593d}.footer-note{margin-top:23px}.toast{bottom:82px}.file-modal{margin-top:auto;border-radius:20px 20px 0 0;width:100%;padding-bottom:calc(26px + env(safe-area-inset-bottom))}.modal-backdrop{align-items:flex-end;padding:0}.lock-top-right{display:none}.lock-card{padding-top:10px}.lock-badge{margin-bottom:16px}.lock-sub{margin-bottom:22px}.pin-dots{margin-bottom:20px}.keypad{grid-template-columns:repeat(3,64px);gap:12px 24px}.key{width:64px;height:64px}.lock-bottom{font-size:9px}}@media(max-width:380px){.hero-art{opacity:.7}.hero-copy{padding-left:18px}.hero-copy h2{font-size:21px}.quick-card strong{font-size:9px}.lock-top-right{display:none}.keypad{gap:12px 22px}}.file-modal .large-file-note{margin:18px 0 0;line-height:1.6;color:#725d7a}.sidebar-section-first{padding-top:27px}.category-bar{display:flex;gap:8px;overflow-x:auto;margin:8px 0 6px;scrollbar-width:none}.category-bar::-webkit-scrollbar{display:none}.category-bar button{flex:none;border:1px solid #eae4eb;background:#fff;border-radius:999px;padding:9px 15px;color:#6f6572;font-size:11px;font-weight:700}.category-bar button.current{border-color:#4c2859;background:#4c2859;color:#fff}.media-preview{margin:18px 0 20px;border-radius:11px;background:#f7f4f8;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:100px}.media-preview img{display:block;max-width:100%;max-height:280px;object-fit:contain}.media-preview iframe{display:block;width:100%;height:290px;border:0;background:#fff}.media-preview audio{width:100%;padding:12px}.media-preview video{display:block;width:100%;max-height:280px;background:#1d1720}.sample-preview{margin:18px 0 20px;border:1px dashed #d5c9d8;border-radius:10px;background:#faf8fb;padding:27px 15px;text-align:center;color:#928396;font-size:11px}.file-modal{max-height:90dvh;overflow:auto}.demo-banner{background:#f7f3f8;border-color:#eee5ef;color:#786b7b}.files-heading{margin-top:21px}@media(max-width:700px){.upload-button{display:none}.content-inner{padding-top:25px}.welcome{margin-bottom:18px}.welcome h1{font-size:24px}.category-bar{margin-bottom:15px}.files-heading{margin-top:16px}.file-modal{max-height:90dvh}}:root{color:#17212b;background:#f5f8fa}button:focus-visible,input:focus-visible{outline-color:#62c4f2}.loading{color:#229ed9}.lock-screen{background:radial-gradient(circle at 55% 23%,#43b6e8,#229ed9 37%,#167fbc 72%,#0d5d92)}.lock-screen:after{background:linear-gradient(145deg,transparent 35%,#063f7033 100%)}.lock-glow-one{background:#8bdcff}.lock-glow-two{background:#0c6baf}.lock-brand svg,.lock-eyebrow{color:#dbf5ff}.lock-sub{color:#e8f7ff}.lock-badge{box-shadow:0 18px 50px #07538452}.lock-foot{color:#e7f7ff9e}.app-shell{background:#f5f8fa}.sidebar{background:#172f43;color:#f2f9ff}.brand-mark{background:#229ed9;color:#fff}.workspace-title{border-bottom-color:#ffffff20}.workspace-title>svg,.side-section-label{color:#a7c8dc}.workspace-status,.side-nav button,.folder-shortcuts button{color:#c1d7e5}.side-nav button.active{box-shadow:inset 3px 0 #5cc7f4}.nav-pill,.online-dot,.eyebrow span{background:#61c9f5;box-shadow:0 0 0 3px #61c9f526}.account-row small{color:#a9c6d9}.avatar,.top-avatar{background:#d9f3ff;color:#176b99}.topbar{border-bottom-color:#e6eef3}.breadcrumb strong,.welcome h1,.section-heading h2{color:#172f43}.secure-label{color:#66839a}.secure-label svg{color:#229ed9}.icon-button{color:#4b718d}.demo-banner{background:#eaf7ff;border-color:#cce9f9;color:#286784}.demo-banner button{color:#286784}.eyebrow,.text-link{color:#1688c2}.upload-button,.category-bar button.current,.empty-state button,.download-button{background:#229ed9;color:#fff}.upload-button{box-shadow:0 6px 15px #229ed932}.upload-button:hover{background:#148ac7}.category-bar button.current{border-color:#229ed9}.category-bar button{border-color:#dce9f0;color:#597186}.quick-card,.file-panel{border-color:#e4edf2}.quick-card:hover{border-color:#abd9ee}.file-toolbar{border-bottom-color:#eaf0f4}.search-box,.view-switch{background:#f5f9fb;border-color:#e2edf3}.search-box input{color:#172f43}.view-switch button.current{color:#1688c2}.file-item{border-bottom-color:#ebf1f5}.file-item:hover{background:#f5fbff}.file-name strong,.modal-details strong{color:#243b4e}.file-icon.rose,.modal-icon.rose{color:#1688c2;background:#e5f5fd}.file-icon.lavender,.modal-icon.lavender{color:#287fc0;background:#e9f3fc}.file-icon.blue,.modal-icon.blue{color:#167eb6;background:#e5f3fa}.empty-state>div{background:#e5f5fd;color:#229ed9}.footer-note svg{color:#229ed9}.toast{background:#173e59;box-shadow:0 12px 30px #123a5940}.modal-backdrop{background:#09283ba8}.modal-close{background:#eef6fa;color:#3b6d88}.media-preview{background:#edf5f9}.sample-preview{background:#f6fbfe;border-color:#bcddea;color:#628198}.file-modal .large-file-note{color:#597c91}@media(max-width:700px){.upload-button{box-shadow:0 8px 20px #1688c24d}.sidebar-scrim{background:#0b2638a8}.bottom-nav{border-top-color:#e3edf2;box-shadow:0 -5px 18px #17456510}.bottom-nav button.selected{color:#1688c2}.bottom-nav .bottom-add{background:#229ed9;box-shadow:0 7px 15px #229ed94d}}.file-thumb{display:flex;align-items:center;justify-content:center;flex:none}.file-thumb img,.file-thumb video{display:none}.file-items.grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px}.file-items.grid .file-item{min-height:0;padding:0;gap:0;overflow:hidden;align-items:stretch}.file-items.grid .file-thumb{width:100%;aspect-ratio:4/3;background:#edf5f9;overflow:hidden}.file-items.grid .file-thumb .file-icon{width:58px;height:58px}.file-items.grid .file-thumb.has-image .file-icon{display:none}.file-items.grid .file-thumb img,.file-items.grid .file-thumb video{display:block;width:100%;height:100%;object-fit:cover}.file-items.grid .file-name{padding:11px 12px 4px}.file-items.grid .file-name strong{font-size:12px}.file-items.grid .file-size{padding:0 12px 12px;text-align:left}@media(max-width:700px){.file-items.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px}.file-items.grid .file-name{padding:8px 9px 3px}.file-items.grid .file-name strong{font-size:10px}.file-items.grid .file-size{padding:0 9px 10px}}.channel-bar{display:flex;align-items:flex-end;gap:9px;background:#fff;border:1px solid #e4edf2;border-radius:12px;padding:13px 15px;margin-bottom:25px}.channel-select{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1;color:#688297;font-size:10px;font-weight:800}.channel-select select{height:37px;width:min(100%,340px);border:1px solid #dceaf1;border-radius:8px;background:#f7fbfd;color:#244257;padding:0 10px;font-size:12px;font-weight:700}.channel-refresh,.channel-add{height:37px;border:1px solid #dceaf1;border-radius:8px;background:#fff;color:#1688c2;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:700}.channel-refresh{width:37px;flex:none}.channel-add{padding:0 12px}.channel-add:disabled{opacity:.45;cursor:not-allowed}.channel-refresh:disabled{opacity:.45;cursor:not-allowed}.channel-form{display:flex;gap:8px;background:#eaf7ff;border:1px solid #cce9f9;border-radius:10px;padding:10px;margin:-13px 0 21px}.channel-form input{min-width:0;flex:1;height:36px;border:1px solid #c6e1ef;border-radius:7px;padding:0 10px;color:#244257;font-size:11px}.channel-form button{border:0;background:#229ed9;color:#fff;border-radius:7px;padding:0 13px;font-size:11px;font-weight:700}.channel-help{color:#6f8da1;font-size:11px;margin:-17px 0 22px}@media(max-width:700px){.channel-bar{padding:10px;gap:7px;margin-bottom:19px}.channel-select select{width:100%}.channel-add{width:37px;min-width:37px;padding:0;font-size:0}.channel-add svg{flex:none}.channel-form{margin-top:-9px}.channel-help{margin-top:-11px}}.load-more{display:block;margin:18px auto;padding:10px 18px;border:1px solid #b7dbea;border-radius:9px;background:#f3fbff;color:#168ac7;font-weight:700;cursor:pointer}.load-more:disabled{opacity:.55;cursor:wait}