@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#19202d;background:#fff;font-synthesis:none;--blue: #1267e8;--border: #dfe4ec;--muted: #667085}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}button,input,textarea{font:inherit}button{color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.app-shell{height:100vh;overflow:hidden;display:grid;grid-template-columns:260px minmax(620px,1fr);background:#fff}.sidebar{position:relative;display:flex;flex-direction:column;padding:26px 16px 20px;background:#f5f8fc;border-right:1px solid var(--border);height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:0 8px;font-size:25px;font-weight:650;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;width:27px;height:31px;color:#fff;font-weight:700;font-style:italic;background:var(--blue);border-radius:6px 11px 5px;transform:skew(-7deg)}.new-wrap{position:relative;margin:38px 8px 26px}.new-button{width:100%;height:48px;display:flex;gap:9px;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--blue);color:#fff;font-size:15px;font-weight:600;box-shadow:0 5px 12px #1267e82e;cursor:pointer}.new-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.create-menu{position:absolute;z-index:10;top:55px;right:-8px;left:48px;padding:9px;border:1px solid var(--border);border-radius:9px;background:#fff;box-shadow:0 10px 26px #1e2b4124}.create-menu button{display:flex;align-items:center;gap:11px;width:100%;padding:11px 10px;border:0;background:transparent;border-radius:7px;font-size:14px;cursor:pointer}.create-menu button:hover{background:#f2f6fb}.create-menu svg{width:18px}.sidebar nav{display:grid;gap:4px}.sidebar nav a,.sidebar nav button{display:flex;align-items:center;gap:14px;width:100%;height:48px;padding:0 13px;border:0;border-radius:7px;background:transparent;color:inherit;font:inherit;font-size:14px;text-align:left;text-decoration:none;cursor:pointer}.sidebar nav a svg,.sidebar nav button svg{width:19px;stroke-width:1.75}.sidebar nav a.active,.sidebar nav button.active{position:relative;color:#075bd7;background:#eaf2fd;font-weight:550}.sidebar nav a.active:before,.sidebar nav button.active:before{content:"";position:absolute;left:-9px;width:4px;height:38px;border-radius:3px;background:var(--blue)}.workspace{min-width:0;height:100vh;overflow:auto}.topbar{height:86px;display:flex;align-items:center;gap:24px;padding:0 26px;border-bottom:1px solid var(--border)}.topbar label{width:min(570px,70%);height:48px;display:flex;align-items:center;gap:11px;padding:0 15px;border:1px solid #cfd7e3;border-radius:9px}.topbar label:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #1267e81a}.topbar label svg{width:20px;color:#637083}.topbar input{width:100%;border:0;outline:0;font-size:15px}.topbar>button{margin-left:auto;border:0;background:transparent;color:#344054}.avatar{flex:0 0 auto;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e4e9f1;font-size:12px;font-weight:600}.avatar-small{width:31px;height:31px;border:2px solid #fff;margin-left:-6px;font-size:9px}.workspace-content{padding:39px 30px}.title-row{display:flex;align-items:center;justify-content:space-between}.title-row h1{margin:0;font-size:29px;line-height:1.2;letter-spacing:-.7px}.editor-header .share{background:var(--blue);border-color:var(--blue);color:#fff;padding:0 17px}.filters{display:flex;gap:10px;margin:39px 0 20px}.filters button{height:38px;padding:0 15px;border:1px solid var(--border);border-radius:7px;background:#fff;font-size:13px;cursor:pointer}.filters button.active{border-color:var(--blue);color:#0b55bb;box-shadow:0 0 0 1px #1267e814}.file-table{width:100%;border-bottom:1px solid var(--border)}.file-row{width:100%;min-height:76px;display:grid;grid-template-columns:minmax(230px,1.8fr) minmax(100px,.7fr) minmax(150px,1fr) 130px 150px;align-items:center;gap:8px;padding:0 12px;border:0;border-top:1px solid var(--border);background:#fff;text-align:left;font-size:13px}.file-row.table-head{min-height:48px;color:#111827;cursor:default;border-top:0}.file-row:not(.table-head):hover{background:#f8fbff}.file-name{display:flex;align-items:center;gap:12px;min-width:0}.file-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-icon{width:21px;flex:none;stroke-width:1.8}.type-icon.paper{color:#1267e8}.type-icon.spreadsheet{color:#17a05d}.file-open{height:48px;padding:0;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.file-open:hover span{color:var(--ocean);text-decoration:underline;text-underline-offset:3px}.type-icon.folder{color:#c28b36;fill:#f4dfb7}.file-actions{display:flex;justify-content:flex-end;gap:5px}.file-actions button,.file-row-detail button,.folder-dialog button{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--slate);font-size:12px;cursor:pointer}.file-actions button:hover,.file-row-detail button:hover,.folder-dialog button:hover{border-color:var(--ocean-light);color:var(--reef);background:#d9ecef4d}.file-actions .danger-link:hover{border-color:#e66f5c73;color:#a33d43;background:#e66f5c14}.file-row.expanded{grid-template-columns:1fr;min-height:76px}.file-row-detail{display:flex;align-items:center;gap:10px;min-width:0}.file-row-detail strong{margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row-detail input{min-width:230px;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:8px;color:var(--navy);background:#fff}.file-row-detail button.primary,.folder-dialog button.primary{color:#fff;border-color:var(--navy);background:var(--navy)}.file-row-detail button.danger{color:#fff;border-color:#b94a4f;background:#b94a4f}.delete-note{color:var(--slate);font-size:12px}.form-error{margin:0;color:#a33d43;font-size:12px}.avatar-stack{display:flex;align-items:center;padding-left:6px}.avatar-stack>i{display:grid;place-items:center;width:31px;height:31px;margin-left:-6px;border:1px solid #d4dce7;border-radius:50%;background:#fff;font-size:10px;font-style:normal}.modified{color:#3e4755;line-height:1.35}.file-row>svg{width:18px}.editor-shell{min-height:100%;background:#f2f4f7}.editor-header{height:66px;display:grid;grid-template-columns:43px minmax(220px,1fr) auto 40px;align-items:center;gap:10px;padding:0 22px;border-bottom:1px solid var(--border);background:#fff}.editor-header>button{height:38px;border:0;border-radius:7px;background:transparent}.editor-header>button:first-child:hover{background:#f1f4f8}.editor-header svg{width:18px}.editor-header div{display:grid}.editor-header strong{font-size:14px}.editor-header div span{margin-top:4px;color:#7b8492;font-size:10px}.document-title{width:min(420px,100%);padding:2px 4px;border:1px solid transparent;border-radius:5px;outline:0;color:var(--navy);background:transparent;font-size:14px;font-weight:600}.document-title:hover{border-color:var(--line);background:#fff}.document-title:focus{border-color:var(--ocean-light);background:#fff;box-shadow:0 0 0 3px #43c6a421}.paper-toolbar,.sheet-toolbar{height:48px;display:flex;align-items:center;gap:4px;padding:0 84px;border-bottom:1px solid var(--border);background:#fff}.paper-toolbar button,.sheet-toolbar button{min-width:34px;height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:5px;background:transparent;font-size:12px}.paper-toolbar button:hover,.sheet-toolbar button:hover{background:#eef2f7}.paper-toolbar svg,.sheet-toolbar svg{width:16px}.paper-toolbar i,.sheet-toolbar i{width:1px;height:23px;margin:0 8px;background:var(--border)}.paper-toolbar>span,.sheet-toolbar>span{display:inline-flex;gap:5px;align-items:center;padding:0 8px;font-size:11px}.paper-toolbar .comments,.sheet-toolbar .comments{margin-left:auto;padding:0 12px;border:1px solid var(--border)}.paper-canvas{display:flex;justify-content:center;padding:45px 20px 80px}.paper-canvas article{width:min(780px,100%);min-height:920px;padding:92px 102px;outline:0;background:#fff;box-shadow:0 2px 8px #1f29371f;font-family:Georgia,serif;color:#22252a}.paper-canvas h1{margin:0 0 20px;font-family:Inter,sans-serif;font-size:38px;letter-spacing:-1.2px}.paper-canvas .lead{color:#5d6673;font-size:18px;line-height:1.7}.paper-canvas h2{margin-top:48px;font-family:Inter,sans-serif;font-size:21px}.paper-canvas p,.paper-canvas li{font-size:16px;line-height:1.75}.sheet-editor{overflow:hidden;background:#fff}.sheet-menu{height:31px;display:flex;gap:2px;padding:0 80px;border-bottom:1px solid var(--border)}.sheet-menu button{padding:0 10px;border:0;background:transparent;font-size:11px}.sheet-toolbar{padding:0 80px}.formula{height:32px;display:grid;grid-template-columns:60px 40px 1fr;align-items:center;border-bottom:1px solid var(--border);font-size:11px}.formula span,.formula strong{height:100%;display:grid;place-items:center;border-right:1px solid var(--border)}.formula input{height:100%;border:0;outline:0;padding:0 10px}.spreadsheet-canvas{position:relative;height:calc(100vh - 177px);padding:36px 45px;overflow:auto;background:#f8fafc}.sheet-tabs{position:absolute;bottom:0;right:0;left:0;display:flex;height:35px;padding-left:40px;border-top:1px solid var(--border);background:#fff}.sheet-tabs button{padding:0 22px;border:0;border-right:1px solid var(--border);background:transparent;font-size:11px}.sheet-tabs button.active{color:var(--blue);box-shadow:inset 0 2px var(--blue)}.calendar-title{display:flex;align-items:end;justify-content:space-between;max-width:1020px;margin:0 auto;padding:24px 28px;background:#244f76;color:#fff}.calendar-title strong{font-size:28px;letter-spacing:2px}.calendar-title span{font-size:20px}.calendar-grid{max-width:1020px;margin:0 auto;display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));background:#fff;box-shadow:0 2px 6px #1e293b14}.calendar-grid b{height:34px;display:grid;place-items:center;border-right:1px solid #d9e0e8;background:#e7edf3;color:#334c66;font-size:10px}.calendar-grid div{min-height:100px;padding:9px;border-top:1px solid #d9e0e8;border-right:1px solid #d9e0e8;outline:0;font-size:11px}@media(max-width:1120px){.app-shell{grid-template-columns:220px minmax(560px,1fr)}.file-row{grid-template-columns:minmax(200px,1.4fr) 90px 130px 105px 120px}.sidebar{padding-inline:12px}}@media(max-width:760px){.app-shell{display:block}.sidebar{min-height:auto;height:66px;flex-direction:row;align-items:center;padding:10px 16px}.brand{font-size:20px}.brand-mark{width:24px;height:27px}.new-wrap{margin:0 0 0 auto;width:104px}.new-button{height:40px}.create-menu{left:-48px}.sidebar nav{display:none}.topbar{height:67px;padding:0 16px}.topbar label{width:100%}.topbar>button{display:none}.workspace-content{padding:25px 16px;overflow:auto}.file-row{grid-template-columns:minmax(0,1fr) auto}.file-row>:nth-child(2),.file-row>:nth-child(3),.file-row>:nth-child(4){display:none}.file-row-detail{flex-wrap:wrap}.file-row-detail strong{width:100%}.paper-toolbar,.sheet-toolbar,.sheet-menu{padding-inline:12px}.paper-canvas article{padding:52px 34px}.editor-header{padding-inline:10px}.calendar-grid{min-width:840px}}:root{font-family:Geist Sans,Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#102033;background:#f7fbfa;--navy: #102033;--navy-light: #203a55;--ocean: #0f6f7b;--ocean-light: #2399a7;--seafoam: #43c6a4;--seafoam-light: #9de7d5;--sand: #f4e8d2;--sand-dark: #c69b67;--coral: #e66f5c;--mist: #d9ecef;--slate: #5f7284;--foam: #ffffff;--reef: #0e4d57;--line: #d7e7e8;--blue: var(--ocean);--border: var(--line);--muted: var(--slate)}body{color:var(--navy);background:var(--background, #f7fbfa);font-size:14px;line-height:1.55}button,a,input,textarea{transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--ocean-light);outline-offset:2px}.app-shell{grid-template-rows:64px minmax(0,1fr);background:#f7fbfa}.platform-header{position:relative;z-index:30;grid-column:1 / -1;display:flex;align-items:center;gap:1.5rem;height:64px;padding:0 24px;border-bottom:1px solid rgba(215,231,232,.9);background:#ffffffdb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand{gap:.55rem;padding:0;color:var(--navy);font-size:1.05rem;font-weight:650;letter-spacing:0;text-decoration:none;white-space:nowrap}.brand:hover{color:var(--navy)}.brand .platform{color:var(--ocean);font-weight:550}.brand-mark{width:28px;height:28px;object-fit:contain;border-radius:0;background:transparent;transform:none}.platform-header nav{display:flex;gap:1.5rem;font-size:.9rem;font-weight:500}.platform-header nav a{color:var(--slate);text-decoration:none;transition:color .15s ease}.platform-header nav a:hover{color:var(--ocean)}.platform-header .spacer{flex:1}.user-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .85rem;border:1px solid var(--line);border-radius:999px;background:var(--foam);color:var(--slate);font-size:.82rem;font-weight:500;text-decoration:none}.user-chip:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--seafoam)}a.user-chip:hover{color:var(--ocean);border-color:#0f6f7b59}.tag{display:inline-block;padding:.12rem .6rem;border-radius:999px;background:var(--mist);color:var(--reef);font-size:.68rem;font-weight:650;letter-spacing:.1em;line-height:normal;text-transform:uppercase;vertical-align:middle}.pro-badge{background:#43c6a433;color:var(--reef)}.sidebar{grid-row:2;height:auto;min-height:0;padding:22px 16px 20px;background:#d9ecef40;border-color:var(--line)}.new-wrap{margin:0 8px 26px}.new-button,.editor-header .share{border-color:var(--navy);border-radius:999px;background:var(--navy);box-shadow:0 10px 28px #10203329}.new-button:hover,.editor-header .share:hover{border-color:var(--reef);background:var(--reef);transform:translateY(-1px)}.create-menu{border-color:var(--line);border-radius:12px;box-shadow:0 16px 40px #1020331f}.create-menu button:hover{background:#d9ecef73;color:var(--reef)}.sidebar nav a,.sidebar nav button{color:var(--slate);border-radius:9px}.sidebar nav a:hover,.sidebar nav button:hover{color:var(--reef);background:#ffffffb8}.sidebar nav a.active,.sidebar nav button.active{color:var(--reef);background:#9de7d547;font-weight:600}.sidebar nav a.active:before,.sidebar nav button.active:before{background:var(--seafoam)}.sidebar-section-label{padding:0 13px 6px;color:#8293a2;font-size:.68rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.workspace{grid-row:2;height:auto;min-height:0;background:#f7fbfa}.topbar{height:78px;border-color:var(--line);background:#f7fbfad1}.topbar label{height:44px;border-color:var(--line);border-radius:11px;background:#fff;box-shadow:0 4px 18px #10203309}.topbar label:focus-within{border-color:var(--ocean-light);box-shadow:0 0 0 3px #43c6a429}.topbar label svg{color:var(--ocean)}.topbar input{color:var(--navy);background:transparent}.topbar input::placeholder{color:#8293a2}.avatar{color:var(--reef);background:var(--mist)}.workspace-content{padding-top:34px}.sync-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding:16px 18px;border:1px solid rgba(35,153,167,.2);border-radius:14px;background:linear-gradient(115deg,#d9ecefb3,#9de7d538)}.sync-banner div{display:flex;flex-direction:column;gap:3px}.sync-banner strong{color:var(--navy);font-size:.9rem}.sync-banner span{color:var(--slate);font-size:.78rem}.sync-banner a{flex:0 0 auto;padding:9px 15px;border-radius:999px;color:#fff;background:var(--navy);font-size:.78rem;font-weight:600;text-decoration:none}.sync-banner a:hover{background:var(--reef)}.sync-note{margin:0 0 20px;color:var(--slate);font-size:.82rem}.sync-note.error{color:#a33d43}.title-row h1{color:var(--navy);font-size:1.9rem;font-weight:650}.workspace-share-button{min-height:2.4rem;display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .95rem;border:1px solid var(--line);border-radius:999px;color:var(--reef);background:#fff;font-size:.8rem;font-weight:600;cursor:pointer;box-shadow:0 6px 18px #1020330d}.workspace-share-button:hover{border-color:var(--ocean-light);background:#9de7d529;transform:translateY(-1px)}.workspace-share-button svg{width:16px;height:16px}.folder-breadcrumb{display:flex;align-items:center;gap:4px;min-height:28px;margin-top:9px;color:var(--slate);font-size:.78rem}.folder-breadcrumb button{padding:3px 5px;border:0;border-radius:5px;color:var(--ocean);background:transparent;cursor:pointer}.folder-breadcrumb button:hover{color:var(--reef);background:#d9ecef80}.breadcrumb-segment{display:inline-flex;align-items:center;gap:4px}.breadcrumb-segment svg{width:14px;height:14px;color:#92a3af}.filters{margin-top:32px}.filters button{border-color:var(--line);border-radius:999px;color:var(--slate);background:#fffc}.filters button:hover{border-color:var(--ocean-light);color:var(--ocean)}.filters button.active{border-color:#2399a773;color:var(--reef);background:#9de7d53d;box-shadow:none}.file-table{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--foam);box-shadow:0 14px 40px #1020330d}.file-row{border-color:var(--line);background:#fff}.file-row.table-head{height:46px;color:var(--slate);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:#d9ecef2e}.file-row:not(.table-head):hover{background:#d9ecef38}.empty-state{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--slate);text-align:center}.empty-state svg{width:30px;height:30px;margin-bottom:5px;color:var(--ocean-light);stroke-width:1.5}.empty-state strong{color:var(--navy);font-size:1rem;font-weight:600}.empty-state span{font-size:.82rem}.type-icon.paper{color:var(--ocean)}.type-icon.spreadsheet{color:#238c70}.type-icon.diagram{color:#8b5cf6}.type-icon.webapp{color:#6c5ce7}.webapp-shell{height:100%;display:flex;flex-direction:column;overflow:hidden;background:#eef1f6}.webapp-toolbar{height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;border-bottom:1px solid var(--border);background:#fff}.webapp-toolbar-actions{display:flex;align-items:center;gap:8px}.app-fullscreen-enter{height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid var(--line);border-radius:9px;color:var(--slate);background:#fff;font-size:12px;font-weight:650;cursor:pointer;white-space:nowrap}.app-fullscreen-enter:hover{border-color:var(--ocean-light);color:var(--reef);background:#d9ecef59}.app-fullscreen-enter svg{width:15px}.segmented{display:inline-flex;padding:3px;border-radius:9px;background:#eef1f6}.segmented button{height:32px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:#667085;font-size:12px;font-weight:650}.segmented button.active{background:#fff;color:var(--ocean);box-shadow:0 1px 4px #1018281f}.segmented svg{width:15px}.webapp-workbench{position:relative;min-height:0;flex:1;display:grid;grid-template-columns:210px minmax(0,1fr) 300px;gap:1px;background:var(--border)}.webapp-files,.webapp-comments{min-width:0;padding:18px 14px;background:#fff;overflow:auto}.webapp-files strong{display:block;padding:0 9px 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#98a2b3}.webapp-files button{width:100%;padding:9px;border:0;border-radius:7px;background:transparent;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#344054}.webapp-files button.active{background:#eaf5f4;color:var(--ocean)}.webapp-canvas{min-width:0;min-height:0;padding:18px;background:#e7eaf0}.webapp-canvas iframe,.webapp-canvas textarea{width:100%;height:100%;min-height:480px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;box-shadow:0 8px 30px #10182814}.webapp-canvas textarea{padding:20px;resize:none;outline:none;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:#d7def1;background:#161b26}.webapp-comments h2{margin:0 0 4px;font-size:15px}.comment-hint{margin:0 0 16px;color:#98a2b3;font-size:12px;line-height:1.45}.comment-composer{padding:12px;border:1px solid var(--mist);border-radius:10px;background:#f5fbfa}.comment-composer>span{display:block;overflow:hidden;color:var(--ocean);font:11px ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.comment-composer textarea{width:100%;min-height:76px;margin:10px 0;padding:9px;border:1px solid #d0d5dd;border-radius:7px;resize:vertical;font:inherit}.comment-composer button{width:100%;height:34px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:7px;color:#fff;background:var(--ocean);font-weight:700}.comment-composer button:disabled{opacity:.45}.comment-composer svg{width:15px}.comment-list{display:grid;gap:8px;margin-top:14px}.comment-list button{padding:10px;border:1px solid var(--border);border-radius:8px;background:#fff;text-align:left}.comment-list span{color:#667085;font:10px ui-monospace,monospace}.comment-list p{margin:6px 0 0;color:#344054;font-size:12px}.comment-list small{color:#12a150}.app-fullscreen-exit{position:fixed;z-index:1000;top:12px;right:14px;height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;background:#102033e6;box-shadow:0 10px 28px #1020333d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;font-weight:650;cursor:pointer}.app-fullscreen-exit:hover{background:var(--reef);transform:translateY(-1px)}.app-fullscreen-exit svg{width:15px}body.webapp-app-fullscreen .editor-app{display:block}body.webapp-app-fullscreen .editor-app>.platform-header,body.webapp-app-fullscreen .webapp-shell>.editor-header,body.webapp-app-fullscreen .webapp-toolbar,body.webapp-app-fullscreen .webapp-files,body.webapp-app-fullscreen .webapp-comments{display:none}body.webapp-app-fullscreen .webapp-shell,body.webapp-app-fullscreen .webapp-workbench,body.webapp-app-fullscreen .webapp-canvas{width:100%;height:100%;min-height:0}body.webapp-app-fullscreen .webapp-workbench{display:block}body.webapp-app-fullscreen .webapp-canvas{padding:0;background:#fff}body.webapp-app-fullscreen .webapp-canvas iframe{min-height:0;border:0;border-radius:0;box-shadow:none}@media(max-width:900px){.webapp-workbench{grid-template-columns:150px minmax(0,1fr)}.webapp-comments{position:absolute;right:10px;bottom:10px;width:min(300px,calc(100vw - 20px));max-height:42vh;border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 30px #10182826}.review-mode{margin-left:auto}}@media(max-width:600px){.webapp-toolbar,.segmented button{padding:0 8px}.app-fullscreen-enter{width:36px;padding:0;justify-content:center;font-size:0}.webapp-workbench{grid-template-columns:1fr}.webapp-files{display:flex;gap:4px;padding:8px;overflow-x:auto}.webapp-files strong{display:none}.webapp-files button{width:auto;white-space:nowrap}.webapp-canvas{padding:8px}.webapp-canvas iframe,.webapp-canvas textarea{min-height:420px}}.file-row-detail input:focus{border-color:var(--ocean-light);outline:0;box-shadow:0 0 0 3px #43c6a429}.file-row-detail button:disabled{cursor:wait;opacity:.55}.editor-app{height:100vh;display:grid;grid-template-rows:64px minmax(0,1fr);overflow:hidden;background:#f7fbfa}.editor-app>.platform-header{grid-row:1}.editor-loading{grid-row:2;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--slate);background:#d9ecef47}.editor-loading strong{color:var(--navy);font-size:1rem}.editor-loading span{font-size:.82rem}.editor-loading button{margin-top:10px;padding:9px 15px;border:1px solid var(--line);border-radius:999px;color:var(--navy);background:#fff}.editor-loading.error strong{color:#a33d43}.realtime-warning{position:fixed;z-index:20;top:76px;left:50%;transform:translate(-50%);max-width:min(620px,calc(100vw - 32px));padding:9px 14px;border:1px solid #f0c36d;border-radius:8px;background:#fff8e6;color:#6b4f00;box-shadow:0 4px 14px #191c211f;font-size:13px}.editor-shell{grid-row:2;min-height:0;overflow:auto;background:#d9ecef47}.editor-shell.univer-shell,.editor-shell.diagram-shell{height:100%;display:grid;grid-template-rows:66px minmax(0,1fr);overflow:hidden;background:#fff}.diagram-editor-host{min-height:0;height:100%}.diagram-editor-host .excalidraw{height:100%}.univer-editor-host{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:#fff}.univer-editor-host>div{height:100%}.editor-header,.paper-toolbar,.sheet-toolbar,.sheet-menu,.formula{border-color:var(--line)}.editor-header{background:#fffffff0}.editor-header div span{color:var(--ocean)}.editor-header .editor-document-meta{display:flex;align-items:center;gap:5px;min-width:0;margin-top:4px}.editor-header .editor-document-meta span{margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-header .editor-document-meta span:first-child{color:var(--reef);font-weight:600}.editor-header .editor-header-actions{display:flex;align-items:center;gap:8px}.editor-header-actions button{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid var(--line);border-radius:999px;color:var(--slate);background:#fff;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.editor-header-actions button span{margin:0;color:inherit;font-size:inherit}.editor-header-actions .focus-mode-enter:hover{border-color:var(--ocean-light);color:var(--reef);background:#d9ecef59}.editor-header-actions .focus-mode-exit{color:#fff;border-color:var(--navy);background:var(--navy);box-shadow:0 8px 24px #1020332e}.focus-mode-exit:hover{background:var(--reef);transform:translateY(-1px)}.focus-mode-exit svg{width:16px}body.flockdoc-focus-mode .editor-app{grid-template-rows:minmax(0,1fr)}body.flockdoc-focus-mode .editor-app>.platform-header{display:none}body.flockdoc-focus-mode .editor-shell{grid-row:1}body.flockdoc-focus-mode .editor-header{height:50px;display:flex;justify-content:flex-end;padding:0 16px}body.flockdoc-focus-mode .editor-header>:not(.editor-header-actions),body.flockdoc-focus-mode .editor-header-actions>:not(.focus-mode-exit){display:none}body.flockdoc-focus-mode .editor-shell.univer-shell{grid-template-rows:50px minmax(0,1fr)}.paper-toolbar button:hover,.sheet-toolbar button:hover{color:var(--reef);background:#d9ecef66}.paper-canvas article{border:1px solid var(--line);border-radius:3px;box-shadow:0 18px 48px #10203317}.paper-canvas article:empty:before{content:attr(data-placeholder);color:#9aa8b3}.paper-canvas h1,.paper-canvas h2{font-family:Geist Sans,Inter,ui-sans-serif,system-ui,sans-serif;color:var(--navy)}.spreadsheet-canvas{background:#d9ecef47}.calendar-title{background:linear-gradient(110deg,var(--reef),var(--ocean))}.calendar-grid b{color:var(--reef);background:#d9ecefa6}.calendar-grid.blank-sheet{--sheet-cell-width: 88px;--sheet-cell-height: 24px;width:max-content;max-width:none;margin:0;grid-template-columns:repeat(18,var(--sheet-cell-width))}.calendar-grid.blank-sheet b{width:var(--sheet-cell-width);height:var(--sheet-cell-height)}.calendar-grid.blank-sheet div{width:var(--sheet-cell-width);min-height:var(--sheet-cell-height);height:var(--sheet-cell-height);padding:3px 6px}.sheet-tabs button.active{color:var(--ocean);box-shadow:inset 0 2px var(--seafoam)}@media(max-width:760px){.editor-header-actions .focus-mode-enter{width:38px;padding:0}.editor-header-actions .focus-mode-enter span{display:none}}.share-dialog-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#1020337a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.share-dialog{width:min(680px,100%);max-height:min(760px,calc(100vh - 48px));overflow:hidden;border:1px solid rgba(215,231,232,.9);border-radius:20px;background:#fff;box-shadow:0 28px 80px #10203342}.share-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 20px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#d9ecefa6,#9de7d533)}.share-dialog h2,.share-dialog h3,.share-dialog p{margin:0}.share-dialog h2{margin-top:2px;color:var(--navy);font-size:1.35rem;letter-spacing:-.025em}.share-dialog-kicker{color:var(--ocean);font-size:.67rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.share-dialog-body{max-height:calc(min(760px,100vh - 48px) - 92px);overflow-y:auto;padding:24px 26px 28px}.share-dialog-body>section+section{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.section-heading h3{color:var(--navy);font-size:.94rem}.section-heading p{margin-top:3px;color:var(--slate);font-size:.76rem}.section-heading>svg{width:18px;color:var(--ocean)}.share-add-row{display:grid;grid-template-columns:110px minmax(170px,1fr) 112px auto;gap:8px}.share-dialog input,.share-dialog select{min-width:0;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:9px;color:var(--navy);background:#fff;font:inherit;font-size:.79rem}.share-dialog input:focus,.share-dialog select:focus{border-color:var(--ocean-light);outline:0;box-shadow:0 0 0 3px #43c6a424}.share-dialog button{border:0;cursor:pointer;font:inherit}.share-dialog button:disabled{cursor:wait;opacity:.55}.share-dialog button.primary,.share-dialog button.secondary{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border-radius:999px;font-size:.77rem;font-weight:650;white-space:nowrap}.share-dialog button.primary{color:#fff;background:var(--navy)}.share-dialog button.primary:hover{background:var(--reef)}.share-dialog button.secondary{border:1px solid var(--line);color:var(--reef);background:#d9ecef59}.share-dialog button.secondary:hover{border-color:var(--ocean-light);background:#9de7d53d}.share-dialog button.secondary svg{width:15px}.icon-button{width:36px;height:36px;display:inline-grid;flex:none;place-items:center;border-radius:50%;color:var(--slate);background:transparent}.icon-button:hover{color:var(--reef);background:#d9ecefa6}.icon-button svg{width:17px}.icon-button.danger:hover{color:#a33d43;background:#e66f5c1a}.access-list{display:grid;gap:4px;margin:16px 0 0;padding:0;list-style:none}.access-list li{min-height:54px;display:grid;grid-template-columns:38px minmax(0,1fr) 118px 36px;align-items:center;gap:10px;padding:6px 4px;border-radius:10px}.access-list li:hover{background:#d9ecef38}.principal-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--reef);background:var(--mist)}.principal-icon.agent{color:#fff;background:var(--ocean)}.principal-icon svg{width:16px}.principal-name{min-width:0;display:flex;flex-direction:column}.principal-name strong{overflow:hidden;color:var(--navy);font-size:.8rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.principal-name small,.existing-link small{color:var(--slate);font-size:.68rem}.access-list li.empty-access{display:block;min-height:0;padding:12px 2px;color:var(--slate);font-size:.77rem}.share-link-row{display:flex;gap:8px}.share-link-row select{width:132px}.existing-link{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:#f7fbfabf}.existing-link>span{display:flex;align-items:center;gap:10px}.existing-link>span>svg{width:17px;color:var(--ocean)}.existing-link>span>span{display:flex;flex-direction:column}.existing-link strong{font-size:.78rem}.text-danger{padding:6px 8px;color:#a33d43;background:transparent;font-size:.73rem}.text-danger:hover{border-radius:7px;background:#e66f5c1a}.share-status{display:flex;align-items:center;gap:7px;margin-top:16px!important;color:var(--ocean);font-size:.75rem;font-weight:600}.share-status svg{width:15px}.share-dialog .form-error{margin-top:14px}.share-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1.75rem;overflow:hidden;background:#1020337a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.share-backdrop .share-dialog{width:min(42rem,100%);max-height:calc(100vh - 3.5rem);overflow:auto;border:1px solid var(--line);border-radius:1.25rem;background:var(--foam);box-shadow:0 28px 90px #1020333d}.share-dialog-main{padding:1.7rem 1.9rem 1.5rem}.share-dialog-head,.share-section-title,.share-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.share-dialog-head{align-items:flex-start}.share-dialog-head h2{margin:0;font-size:1.4rem;letter-spacing:-.025em}.share-dialog-head p{margin:.35rem 0 0;color:var(--slate);font-size:.82rem}.share-dialog button.share-icon-button{width:2.25rem;height:2.25rem;display:grid;place-items:center;flex:none;padding:0;border:0;border-radius:999px;color:var(--slate);background:transparent}.share-dialog button.share-icon-button:hover{color:var(--reef);background:#d9ecef7a}.share-dialog svg{width:17px;height:17px}.share-invite{display:grid;grid-template-columns:minmax(0,1fr) 8.75rem auto;gap:.55rem;margin-top:1.35rem;padding:.75rem;border:1px solid var(--line);border-radius:.9rem;background:#f7fbfab8}.share-invite input,.share-invite select{width:100%;height:2.5rem}.share-invite button,.share-dialog-footer button{min-height:2.4rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.42rem .95rem;border:0;border-radius:999px;color:#fff;background:var(--navy);font-size:.8rem;font-weight:600}.share-section{margin-top:1.5rem}.share-section-title{margin-bottom:.5rem}.share-section-title h3{margin:0;font-size:.96rem}.share-section-title>span{color:var(--slate);font-size:.75rem}.share-people{max-height:15rem;overflow-y:auto;list-style:none;margin:0;padding:0 .2rem 0 0}.share-person{position:relative;min-height:3.8rem;display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:center;gap:.75rem;border-bottom:1px solid rgba(215,231,232,.72)}.share-person:last-child{border-bottom:0}.share-avatar{width:2.35rem;height:2.35rem;display:grid;place-items:center;border-radius:999px;color:var(--reef);background:var(--mist);font-size:.76rem;font-weight:700}.share-avatar.owner{background:#43c6a42e}.share-avatar.pending{color:var(--navy-light);background:var(--sand)}.share-identity{min-width:0}.share-identity>strong,.share-identity>span:not(.tag){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-identity>strong{color:var(--navy);font-size:.82rem;font-weight:600}.share-identity>span:not(.tag){color:var(--slate);font-size:.75rem}.share-fixed-role{padding:.45rem .65rem;color:var(--slate);font-size:.76rem;font-weight:600}.share-pending-control,.share-confirm-remove{display:flex;align-items:center;justify-content:flex-end;gap:.35rem}.share-role-control{position:relative}.share-dialog button.share-role-button{min-height:2.1rem;display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .65rem;border:1px solid transparent;color:var(--navy-light);background:transparent;font-size:.75rem}.share-dialog button.share-role-button:hover,.share-dialog button.share-role-button[aria-expanded=true]{border-color:var(--line);background:#d9ecef57}.share-role-menu{position:absolute;top:2.45rem;right:0;z-index:2;width:11.5rem;padding:.4rem;border:1px solid var(--line);border-radius:.75rem;background:var(--foam);box-shadow:0 16px 38px #10203326}.share-role-menu button{width:100%;min-height:2.1rem;padding:.45rem .55rem;border:0;border-radius:.5rem;color:var(--navy);background:transparent;text-align:left;font-size:.75rem}.share-role-menu button:hover{background:#d9ecef6b}.share-role-menu button.remove{margin-top:.3rem;border-top:1px solid var(--line);color:var(--coral)}.share-confirm-remove button{padding:.4rem .6rem;border:1px solid var(--line);border-radius:.5rem;background:#fff;font-size:.7rem}.share-confirm-remove button.danger{color:#fff;border-color:var(--coral);background:var(--coral)}.share-access-options{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.share-access-option{position:relative;display:grid;grid-template-columns:2.25rem minmax(0,1fr) 1.1rem;align-items:start;gap:.65rem;padding:.8rem;border:1px solid var(--line);border-radius:.82rem;background:var(--foam);cursor:pointer}.share-access-option.selected{border-color:var(--seafoam);background:#43c6a41a;box-shadow:0 0 0 3px #43c6a41a}.share-access-option input{position:absolute;width:1px;height:1px;opacity:0}.share-access-icon{width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:.65rem;color:var(--reef);background:var(--mist)}.share-access-copy strong,.share-access-copy span{display:block}.share-access-copy strong{font-size:.78rem}.share-access-copy span{margin-top:.12rem;color:var(--slate);font-size:.7rem;line-height:1.4}.share-radio-mark{width:1.05rem;height:1.05rem;margin-top:.12rem;border:1.5px solid rgba(95,114,132,.45);border-radius:999px}.share-access-option.selected .share-radio-mark{border:.31rem solid var(--ocean);background:#fff}.share-access-note,.share-success{display:flex;align-items:center;gap:.4rem;margin:.55rem 0 0;color:var(--slate);font-size:.72rem}.share-success{color:var(--reef)}.share-dialog-footer{padding:1rem 1.9rem;border-top:1px solid var(--line);background:#f7fbfabd}.share-dialog-footer button.secondary{color:var(--reef);border:1px solid var(--line);background:#fff}.share-dialog-footer .share-copy.copied{border-color:var(--seafoam);background:#43c6a41f}.flockdoc-invitations{margin-bottom:20px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff}.flockdoc-invitations>strong{display:block;margin-bottom:8px}.flockdoc-invitations>div{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid var(--line)}.flockdoc-invitations>div span{margin-right:auto;color:var(--slate);font-size:.78rem}.flockdoc-invitations button{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#fff}.flockdoc-invitations button.primary{color:#fff;background:var(--navy)}@media(max-width:760px){.app-shell{display:grid;grid-template-columns:1fr;grid-template-rows:auto 60px minmax(0,1fr)}.platform-header{grid-row:1;height:auto;min-height:64px;padding:.7rem 1rem;gap:.65rem 1rem;flex-wrap:wrap}.platform-header nav{order:3;width:100%;gap:1.25rem}.user-chip{display:none}.sidebar{grid-row:2;height:60px;padding:10px 16px;border-bottom:1px solid var(--line);border-right:0}.new-wrap{margin:0 0 0 auto}.workspace{grid-row:3}.topbar{height:65px}.workspace-content{padding-top:24px}.sync-banner{align-items:flex-start;flex-direction:column;gap:12px}.file-table{border-radius:12px}.editor-app{grid-template-rows:auto minmax(0,1fr)}.share-dialog-backdrop{padding:10px}.share-dialog{max-height:calc(100vh - 20px);border-radius:15px}.share-dialog>header,.share-dialog-body{padding-inline:17px}.share-add-row{grid-template-columns:1fr 1fr}.share-add-row input{grid-column:1 / -1;grid-row:1}.share-add-row button{grid-column:1 / -1}}