:root{--ink:#20342e;--muted:#748079;--green:#245b48;--green-dark:#183e32;--green-pale:#eaf1ec;--line:#e5e9e5;--paper:#f7f9f6;--white:#fff;--orange:#d8814b;--red:#b54642;--radius:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #b6cfa9;outline-offset:4px}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1{font-size:2.25rem;letter-spacing:-1.4px;font-weight:600;margin-bottom:10px}h2{font-size:1.5rem;letter-spacing:-.6px;font-weight:600}h3{font-size:1.05rem;font-weight:600}p{line-height:1.65}small{font-size:.8rem}.muted{color:var(--muted)}.brand{display:flex;align-items:center;gap:11px;font-size:2rem;letter-spacing:-1.5px;font-weight:700;width:max-content}.brand-dot{margin-left:-12px}.brand-mark{display:grid;place-items:center;width:41px;height:41px;background:var(--green);border-radius:12px;color:white}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;padding:32px 20px 18px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20}.sidebar .brand{margin:0 14px 49px}.workspace-label{font-size:.66rem;letter-spacing:1.9px;font-weight:700;color:#98a29a;margin:0 15px 17px}.nav-link{display:flex;gap:13px;align-items:center;padding:13px 16px;font-size:.9rem;border-radius:9px;color:#6b7870;margin-bottom:5px}.nav-link:hover{background:var(--paper)}.nav-link.active{background:var(--green-pale);color:var(--green);font-weight:600}.nav-divider{height:1px;background:var(--line);margin:24px 14px}.sidebar-bottom{margin-top:auto;padding-top:32px}.privacy-note{display:flex;gap:10px;padding:18px 12px;color:var(--green)}.privacy-note strong{font-size:.82rem}.privacy-note p{font-size:.76rem;line-height:1.6;margin:4px 0 0;color:var(--muted)}.user-profile{border-top:1px solid var(--line);padding:20px 5px 0;display:flex;align-items:center;gap:11px}.avatar{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#eee6d9;font-size:.9rem;font-weight:600;color:#846546}.user-profile>span:nth-child(2){min-width:0;flex:1}.user-profile strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:.83rem}.user-profile small{display:block;color:var(--muted);font-size:.7rem;margin-top:4px}.workspace{width:calc(100% - 240px);margin-left:240px;display:flex;flex-direction:column}.topbar{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:rgba(255,255,255,.6)}.breadcrumb{font-size:.82rem;color:var(--muted)}.breadcrumb span{padding:0 14px;color:#b6beb7}.breadcrumb strong{font-weight:500;color:var(--ink)}.topbar-right{display:flex;align-items:center;gap:22px}.private-badge{font-size:.73rem;display:flex;align-items:center;gap:6px;color:var(--green)}.icon-button{background:transparent;color:inherit;border:0;width:34px;height:34px;border-radius:8px;display:inline-grid;place-items:center}.icon-button:hover{background:var(--green-pale)}main{padding:40px 42px;flex:1;max-width:1600px;width:100%;margin:0 auto}.app-footer{padding:22px 42px;display:flex;justify-content:space-between;color:#8a958d;font-size:.7rem}.app-footer span:last-child{display:flex;align-items:center;gap:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 19px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);font-size:.87rem;font-weight:500;white-space:nowrap;min-height:43px}.button:hover{background:var(--green-pale)}.button.primary{background:var(--green);border-color:var(--green);color:#fff}.button.primary:hover{background:var(--green-dark)}.button.small{padding:7px 12px;min-height:34px;font-size:.78rem}.button.danger{color:var(--red);border-color:#eedad9}.text-button{background:none;border:0;color:var(--green);padding:5px;font-size:.82rem}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-heading p{font-size:.87rem;color:var(--muted);margin-bottom:0}.heading-actions{display:flex;gap:10px}.overview{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:18px;margin-bottom:32px}.stat-card{padding:23px;background:white;border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;gap:16px}.stat-icon{height:48px;width:48px;border-radius:13px;display:grid;place-items:center;background:#f0f3fb;color:#7789b0}.stat-icon.peach{background:#faf0e8;color:#c1855b}.stat-value{font-size:1.6rem;letter-spacing:-.6px;font-weight:600;line-height:1.3}.stat-label{font-size:.78rem;color:var(--muted);margin-top:4px}.storage-card{background:#edf3ed;display:block}.storage-top{display:flex;align-items:center;justify-content:space-between;font-size:.83rem}.storage-card small{font-size:.72rem;color:#7f8c80}.storage-card progress{display:block;width:100%;height:5px;margin:17px 0 12px;border:0;border-radius:9px;overflow:hidden;background:#dce7db}.storage-card progress::-webkit-progress-bar{background:#dce7db}.storage-card progress::-webkit-progress-value{background:#719069}.storage-card progress::-moz-progress-bar{background:#719069}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px}.section-heading h3{margin:0}.folder-grid{display:flex;gap:12px;overflow:auto;padding:1px 0 8px;margin-bottom:25px}.folder-tile{display:flex;align-items:center;gap:12px;min-width:165px;background:white;border:1px solid var(--line);border-radius:10px;padding:15px 17px;font-size:.84rem;max-width:260px}.folder-tile span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-tile svg{color:#c19e63;fill:#faf1df}.folder-tile.active{border-color:var(--green);background:var(--green-pale)}.folder-empty{font-size:.83rem;color:var(--muted);padding:8px 0 19px}.tools-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #dbe6df;border-radius:var(--radius);padding:22px 24px;background:#edf3ef;margin-bottom:30px}.tools-banner-left{display:flex;align-items:center;gap:17px}.tools-banner .stat-icon{background:white;color:var(--green);height:44px;width:44px}.tools-banner h3{margin:0 0 5px;font-size:.9rem}.tools-banner p{font-size:.78rem;margin:0;color:#728176}.toolbar{display:flex;gap:12px;align-items:center;margin:0 0 22px}.search-box{position:relative;flex:1;max-width:410px}.search-box svg{position:absolute;left:13px;top:12px;color:#8b958d}.search-box input{padding-left:40px!important;margin:0!important;background:white!important}.toolbar select{width:auto;font-size:.8rem;margin:0;padding:11px;min-width:136px}.toolbar-spacer{flex:1}.view-buttons{display:flex;gap:2px;border:1px solid var(--line);background:white;padding:3px;border-radius:8px}.view-buttons .selected{background:var(--green-pale);color:var(--green)}.file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.file-card{border:1px solid var(--line);background:white;border-radius:12px;overflow:hidden;position:relative;transition:border-color .15s,transform .15s}.file-card:hover{border-color:#bacabd;transform:translateY(-2px)}.file-card.is-selected{border:1.5px solid var(--green)}.file-preview{height:165px;display:flex;width:100%;align-items:center;justify-content:center;border:0;background:#eef1ee;padding:0;overflow:hidden;color:#8eaa96}.file-preview img{width:100%;height:100%;object-fit:cover}.pdf-preview{background:#f4ede6;color:#bd9270;position:relative}.pdf-sheet{width:78px;height:102px;border-radius:4px;background:white;box-shadow:0 6px 20px #b4a18d18;padding:20px 12px;display:flex;flex-direction:column;align-items:center;gap:7px}.pdf-sheet small{font-size:.58rem;letter-spacing:2px;color:#c19a7d}.pdf-sheet i{height:3px;background:#ede9e2;width:40px}.pdf-sheet i:last-child{width:27px;align-self:flex-start}.file-info{padding:17px 15px}.file-name{display:block;text-align:left;font-size:.83rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;background:none;padding:0;width:100%;color:var(--ink)}.file-meta{font-size:.69rem;color:#8c968e;margin-top:7px;display:flex;gap:7px;align-items:center}.card-check{position:absolute;top:11px;left:11px;z-index:1;accent-color:var(--green);width:18px;height:18px;margin:0;cursor:pointer}.star-button{position:absolute;top:7px;right:8px;background:#ffffffdd;color:#849084}.star-button.is-favorite{color:#bb924b}.star-button.is-favorite svg{fill:#f7e7bb}.trash-actions{display:flex;gap:8px;margin-top:12px}.empty-state{text-align:center;border:1px dashed #d0dcd2;border-radius:16px;padding:46px 20px;background:#fff}.empty-icon{display:inline-grid;place-items:center;width:65px;height:65px;border-radius:19px;background:var(--green-pale);color:var(--green);margin-bottom:18px}.empty-state h2{font-size:1.18rem;margin-bottom:9px}.empty-state p{color:var(--muted);font-size:.86rem;max-width:370px;margin:0 auto 22px}.file-grid.list-view{grid-template-columns:1fr}.list-view .file-card{display:flex;align-items:center;padding-left:32px}.list-view .file-preview{width:70px;height:70px;margin:10px;border-radius:6px;flex-shrink:0}.list-view .pdf-sheet{transform:scale(.5)}.list-view .file-info{flex:1;min-width:0;padding-right:50px}.list-view .card-check{top:36px}.list-view .star-button{top:28px}.selection-bar{display:flex;gap:12px;align-items:center;padding:12px 15px;background:var(--green-pale);border:1px solid #d3e1d7;border-radius:10px;margin-bottom:16px;font-size:.8rem}.selection-bar span{flex:1}label{display:block;font-size:.83rem;font-weight:500;margin:0 0 17px}input:not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #dce3dc;border-radius:8px;background:#fff;padding:12px 13px;color:var(--ink);margin-top:8px;outline:none;min-height:43px}input:focus,textarea:focus,select:focus{border-color:#7a9d86;box-shadow:0 0 0 3px #245b480c}textarea{resize:vertical}input[disabled]{background:var(--paper);color:var(--muted)}.label-link{float:right;font-size:.76rem;font-weight:400;color:var(--green)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:46% 54%;background:#fff}.auth-story{background:#182f28;color:#fff;padding:48px 60px;display:flex;flex-direction:column;min-height:100vh}.auth-story .brand-mark{background:#ffffff13}.story-content{margin:auto 0;padding:60px 0}.eyebrow{font-size:.68rem;color:#aabd99;letter-spacing:2.6px;font-weight:500}.story-content h1{font-family:Georgia,serif;font-size:clamp(2.6rem,4.3vw,4.3rem);font-weight:400;letter-spacing:-2px;line-height:1.13;margin:23px 0}.story-content>p{color:#aabcb2;font-size:.96rem;max-width:360px}.story-files{margin-top:36px;max-width:350px;display:grid;gap:12px}.story-files>div{display:flex;align-items:center;gap:16px;background:#ffffff06;border:1px solid #ffffff14;border-radius:10px;padding:17px;color:#c7d5ba}.story-files span{font-size:.82rem;flex:1;color:#f1f4ee}.story-files small{display:block;color:#859d8e;font-size:.68rem;margin-top:5px}.story-footer{font-size:.72rem;color:#91a99a;display:flex;gap:8px;align-items:center}.auth-form-wrap{display:grid;place-items:center;padding:55px}.auth-form{max-width:380px;width:100%}.auth-icon{display:grid;place-items:center;width:51px;height:51px;border:1px solid var(--line);border-radius:14px;color:var(--green);margin-bottom:28px}.auth-form h2{font-size:1.9rem;margin-bottom:10px;letter-spacing:-1px}.auth-form>p{font-size:.87rem;margin-bottom:32px}.auth-submit{width:100%;justify-content:space-between;margin-top:8px}.auth-help{text-align:center;font-size:.75rem!important;margin-top:28px;line-height:1.8;color:var(--muted)}.notice,.error-box{font-size:.84rem;padding:14px 17px;border-radius:9px;margin-bottom:20px;line-height:1.5;overflow-wrap:anywhere}.notice{background:var(--green-pale);color:var(--green)}.error-box{background:#fbefee;color:var(--red)}dialog{border:1px solid var(--line);border-radius:18px;padding:0;width:570px;max-width:calc(100% - 28px);max-height:90vh;box-shadow:0 30px 100px #0f241b33;color:var(--ink)}dialog::backdrop{background:#10291f80;backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:23px 26px;border-bottom:1px solid var(--line)}.dialog-header h2{margin:0;font-size:1.2rem}.dialog-body{padding:25px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.drop-zone{border:1px dashed #b6cbbd;background:var(--paper);padding:35px 20px;text-align:center;border-radius:12px;display:block;cursor:pointer}.drop-zone svg{color:var(--green);margin-bottom:14px}.drop-zone strong{display:block;font-size:.95rem}.drop-zone p{font-size:.77rem;color:var(--muted);margin:8px 0}.drop-zone input{font-size:.8rem}.upload-list{font-size:.8rem;padding:15px 0;line-height:1.8}.upload-list>div{overflow-wrap:anywhere}.progress-status{font-size:.85rem;color:var(--green);padding:12px 0}.preview-dialog{width:1000px}.preview-layout{display:grid;grid-template-columns:1.4fr 1fr}.preview-media{min-height:450px;background:#e9eeea;display:grid;place-items:center;overflow:hidden;padding:18px}.preview-media img{max-width:100%;max-height:60vh;object-fit:contain}.preview-media iframe{width:100%;height:65vh;border:0;background:white}.preview-fields{padding:23px;min-width:0}.preview-fields label{font-size:.75rem;margin-bottom:12px}.preview-fields input,.preview-fields select,.preview-fields textarea{font-size:.83rem;padding:9px;min-height:38px}.preview-actions{display:flex;gap:8px;flex-wrap:wrap}.pdf-page{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:9px;margin-bottom:9px}.pdf-page .page-details{flex:1;min-width:0}.page-details strong{display:block;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-details small{color:var(--muted);font-size:.7rem}.pdf-page input{width:80px;margin:0;font-size:.75rem;padding:6px;min-height:32px}.pdf-page .icon-button{width:29px;height:29px}.pdf-help{font-size:.8rem;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);padding:15px 24px;border-radius:12px;background:var(--green-dark);color:white;box-shadow:0 6px 30px #0002;z-index:100;font-size:.87rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;margin-bottom:24px}.panel p{font-size:.84rem;color:var(--muted)}.panel h2{font-size:1.2rem}.panel .button{margin-top:5px}.member-row{border-top:1px solid var(--line);padding:16px 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.member-row:first-of-type{border-top:0}.member-info{flex:1;min-width:130px}.member-info strong{display:block;font-size:.86rem}.member-info small{color:var(--muted);overflow-wrap:anywhere}.member-row label{margin:0;font-size:.74rem}.member-row input[type=number]{width:80px;padding:8px;margin:4px 0 0;min-height:34px}.member-row select{margin:4px 0 0;min-height:34px;font-size:.75rem;padding:8px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;font-size:.8rem}.mobile-menu{display:none}[hidden]{display:none!important}.danger-text{color:var(--red)}.tag-pill{font-size:.68rem;background:var(--green-pale);padding:2px 7px;border-radius:4px;color:var(--green)}
@media(min-width:1450px){.file-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.file-preview{height:185px}}@media(max-width:1150px){.sidebar{width:210px;padding:26px 14px}.workspace{margin-left:210px;width:calc(100% - 210px)}main{padding:30px 26px}.topbar{padding:0 26px}.stat-card{padding:18px;gap:10px}.stat-icon{width:39px;height:39px}.overview{gap:12px}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-story{padding:40px}.settings-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:240px;transition:transform .2s;box-shadow:10px 0 40px #0001}.sidebar.open{transform:translateX(0)}.workspace{width:100%;margin:0}.mobile-menu{display:inline-grid}.topbar{height:64px;padding:0 18px;gap:10px}.breadcrumb{flex:1;font-size:.75rem}.breadcrumb>span,.breadcrumb>strong{display:none}.topbar-right{gap:7px}.private-badge{font-size:.67rem}main{padding:26px 18px}.page-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:24px}h1{font-size:1.9rem}.heading-actions{width:100%}.heading-actions .button{flex:1;padding:11px}.overview{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:26px}.stat-card{padding:15px}.stat-value{font-size:1.3rem}.stat-label{font-size:.72rem}.storage-card{grid-column:1/-1;padding:17px}.storage-card progress{margin:12px 0 9px}.tools-banner{padding:18px;gap:12px;align-items:flex-start}.tools-banner-left{gap:12px}.tools-banner .stat-icon{display:none}.tools-banner p{font-size:.73rem}.tools-banner .button{font-size:.72rem;padding:9px;min-height:34px}.toolbar{flex-wrap:wrap;gap:8px}.search-box{max-width:none;width:100%;flex-basis:100%}.toolbar-spacer{display:none}.toolbar select{flex:1}.view-buttons{margin-left:auto}.file-grid{gap:11px}.file-preview{height:135px}.file-info{padding:13px 10px}.file-name{font-size:.76rem}.file-meta{font-size:.63rem;gap:4px;flex-wrap:wrap}.folder-tile{min-width:140px;padding:13px}.app-footer{padding:20px 18px;font-size:.65rem}.app-footer>span:first-child{display:none}.auth-shell{grid-template-columns:1fr}.auth-story{min-height:auto;padding:25px}.story-content,.story-footer{display:none}.auth-form-wrap{padding:45px 25px}.auth-form h2{font-size:1.7rem}.preview-layout{grid-template-columns:1fr}.preview-media{min-height:200px}.preview-media img{max-height:32vh}.preview-media iframe{height:40vh}.preview-fields{padding:20px}.dialog-header{padding:18px 20px}.dialog-body{padding:20px}.selection-bar{flex-wrap:wrap}.selection-bar span{flex-basis:100%}.panel{padding:20px}.pdf-page{gap:4px;padding:9px}.pdf-page input{width:60px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.pdf-canvas-wrap{width:100%;align-self:start;min-width:0}.pdf-canvas-wrap canvas{display:block;width:100%;height:auto;background:white;box-shadow:0 3px 15px #0001}.pdf-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;font-size:.8rem}.preview-media:has(.pdf-canvas-wrap){display:block;max-height:75vh;overflow:auto}.pdf-text{font-size:.78rem;margin-top:15px;line-height:1.6}.pdf-text summary{cursor:pointer}.pdf-text p{margin-top:10px;white-space:pre-wrap}.invite-result{margin-top:20px}

.topbar{position:sticky;top:0;z-index:10;background:var(--paper)}.breadcrumb{display:flex;align-items:center;min-width:0}.breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-link{flex-shrink:0}.back-arrow{display:inline-flex;transform:rotate(180deg)}

.selection-bar{flex-wrap:wrap}

.confirmation-dialog{width:460px}.confirmation-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#fbefee;color:var(--red);margin-bottom:18px}.confirmation-dialog p{font-size:.93rem;line-height:1.65;overflow-wrap:anywhere;margin-bottom:26px}.button.danger-solid{background:var(--red);border-color:var(--red);color:white}.button.danger-solid:hover{background:#963936;border-color:#963936}@media(max-width:480px){.confirmation-dialog .dialog-actions{flex-wrap:wrap}.confirmation-dialog .dialog-actions .button{flex:1}}