:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#263c4b;background:#f6f7f9;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0;color:inherit;background:none;display:inline-flex;align-items:center;justify-content:center;gap:9px}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #74a9f0;outline-offset:3px}button:hover:not(:disabled){filter:brightness(.96)}input,textarea{border:1px solid #dce2e8;background:#fff;border-radius:10px;padding:12px;min-width:0;color:#243b4b}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500}h1,h2,p{margin-top:0}h2{font-weight:600;letter-spacing:-.4px}.muted{color:#7c8894;font-size:13px;line-height:1.6}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;color:#83939f;margin-bottom:20px}.primary{background:#263e4f!important;color:#fff;border-radius:10px;padding:13px 19px;font-weight:600}.danger{background:#bd3544;color:#fff;border-radius:10px;padding:13px 19px}.icon-button{width:38px;height:38px;border-radius:50%}header{height:80px;display:flex;align-items:center;padding:0 32px;border-bottom:1px solid #e5e9ee;background:#fff;position:relative;z-index:3;gap:30px}.brand{gap:11px;padding:0;text-align:left;font-size:23px;font-weight:650;letter-spacing:-1px}.brand-icon{width:36px;height:36px;background:#263e4f;border-radius:11px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:29px;line-height:1;font-weight:550;font-family:Georgia,serif;box-shadow:inset -5px -5px #375469}.brand small{display:block;font-size:6.8px;font-weight:600;letter-spacing:1.25px;color:#97a1aa;margin-top:4px}.header-right{margin-left:auto;display:flex;align-items:center;gap:15px}.user-badge{display:grid;place-items:center;background:#edf1f3;border:1px solid #e3e9ec;color:#5b7483;width:34px;height:34px;border-radius:50%;font-size:10px;font-weight:600}.document-title{display:flex;align-items:center;gap:9px;border-left:1px solid #e1e6ea;padding-left:28px;color:#657481;font-size:12px;overflow:hidden}.document-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-state{font-size:11px;color:#9e7045;display:flex;align-items:center;gap:7px;white-space:nowrap}.save-state>span{width:5px;height:5px;border-radius:50%;background:currentColor}.save-state.saved{color:#51866b}.home{max-width:1100px;padding:62px 55px 0;margin:auto}.home-intro{margin-bottom:36px}.home h1{font-size:43px;line-height:1.14;font-weight:550;letter-spacing:-1.9px;margin-bottom:18px}.home h1 span{color:#8997a2}.home-intro p{font-size:14px;color:#81909d;line-height:1.8}.open-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.open-card{background:#fff;border:1px solid #e4e9ee;border-radius:17px;padding:27px;text-align:left;display:block;position:relative;box-shadow:0 5px 18px #28394e03}.open-card.dropbox-card{background:#eff4fa;border-color:#e0e9f4}.card-icon{height:47px;width:47px;display:grid;place-items:center;background:#e0eafa;color:#4c7abc;border-radius:13px;margin-bottom:24px}.card-icon.local{background:#eff2f5;color:#7f929f}.open-card h2{font-size:18px;margin-bottom:10px}.open-card p{color:#7c8c99;font-size:12px;line-height:1.7;max-width:245px;min-height:40px}.open-card>span{font-size:12px;color:#4e6e89;display:flex;justify-content:space-between;margin-top:25px;font-weight:600}.recents{margin-top:46px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-title h2{font-size:15px;margin:0}.section-title>span{font-size:10px;color:#96a1ab}.empty-recent{display:flex;gap:16px;padding:27px 23px;border:1px dashed #dce3e9;border-radius:13px;color:#96a4af;align-items:center}.empty-recent strong{font-size:12px;font-weight:500;color:#758796}.empty-recent p{font-size:11px;margin:6px 0 0}.recent-list{display:grid;gap:7px}.recent-list>button{border:1px solid #e8edf0;border-radius:11px;padding:15px;background:#fff;justify-content:flex-start;text-align:left;gap:16px}.pdf-icon{background:#f8eded;color:#c76d75;border-radius:9px;width:42px;height:46px;display:grid;place-items:center}.recent-list strong{display:block;font-size:12px;font-weight:550}.recent-list small{display:block;margin-top:7px;color:#95a0a9;font-size:10px}.recent-list>button>svg{margin-left:auto;color:#aab5bd}footer{border-top:1px solid #e4e9ed;padding:24px 0;margin-top:45px;font-size:8px;letter-spacing:1.2px;color:#98a4ae;display:flex;gap:18px;align-items:center}footer span{letter-spacing:0;font-size:9px}footer small{margin-left:auto;font-size:8px;letter-spacing:0}.app-shell{height:100dvh;display:flex;flex-direction:column}.home{width:100%;overflow:auto}.workspace{position:relative;flex:1;min-height:0;background:#edf0f3;overflow:hidden}.viewer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;touch-action:none;overflow:hidden;-webkit-user-select:none;user-select:none}.tool-hand{cursor:grab}.tool-hand:active{cursor:grabbing}.viewer:not(.tool-hand){cursor:crosshair}.paper{position:relative;background:#fff;box-shadow:0 4px 30px #233e4e18;flex:none;transform-origin:center;will-change:transform}.paper canvas{display:block}.paper>svg{position:absolute;inset:0;overflow:visible}.mark{cursor:pointer}.mark text{pointer-events:none}.rendering{position:absolute;color:#85949f;font-size:12px}.workspace-meta{position:absolute;top:20px;left:23px;display:flex;gap:9px;pointer-events:none}.source-pill,.connection-pill{display:flex;align-items:center;gap:7px;font-size:10px;color:#7e8c96;background:#fffc;padding:8px 11px;border-radius:7px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.connection-pill{color:#749086}.zoom-controls{position:absolute;top:20px;right:22px;display:flex;align-items:center;background:#fffffff0;border:1px solid #e2e6e9;border-radius:9px;box-shadow:0 3px 9px #203a4e05;padding:2px}.zoom-controls button{width:32px;height:32px}.zoom-controls span{font-size:10px;min-width:33px;text-align:center;color:#7b8b96}.zoom-controls i{height:15px;width:1px;background:#e4e9ed;margin:0 3px}.floating-controls{position:absolute;right:23px;bottom:25px;display:flex;gap:9px}.floating-controls>button{width:46px;height:46px;border:1px solid #dce3e8;border-radius:50%;background:#ffffffed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 3px 13px #2544580c;color:#718491}.floating-controls>button.active{color:#2d617f;background:#e6eff6;border-color:#cbdeec}.floating-controls>button.hand-active{background:#263e4f;color:#fff;border-color:#263e4f}.page-nav{position:absolute;bottom:27px;left:50%;transform:translate(-50%);display:flex;align-items:center;border:1px solid #e0e5ea;background:#fffffff0;border-radius:30px;padding:2px 5px;box-shadow:0 3px 14px #25445808;white-space:nowrap}.page-nav button{height:38px;min-width:35px;color:#8997a2}.page-nav .page-number{font-size:11px;gap:5px;padding:0 11px}.page-number strong{color:#344f61;font-weight:600}.workspace-hint{position:absolute;bottom:14px;left:24px;font-size:9px;color:#9ca8b1;pointer-events:none}.active-tool{position:absolute;top:73px;left:24px;display:flex;align-items:center;gap:11px;background:#ffffffea;border:1px solid #e0e5ea;border-radius:11px;padding:10px 13px;pointer-events:none}.active-tool>span:last-child{font-size:11px;font-weight:500}.active-tool small{display:block;color:#9aa5ad;font-size:9px;margin-top:4px;font-weight:400}.symbol{width:30px;height:30px;position:relative;display:inline-flex;align-items:center;justify-content:center;color:#d9525d;flex-shrink:0}.symbol b{position:absolute;font-size:10px;font-weight:600;line-height:1}.symbol-check{color:#319367}.symbol-text,.symbol-arrow{color:#677f91}.size-control{position:absolute;right:26px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:13px 9px;background:#ffffffeb;border:1px solid #dfe5ea;border-radius:25px;color:#8c9da8}.size-control input{writing-mode:vertical-lr;direction:rtl;width:20px;height:135px;accent-color:#557e98;padding:0;border:0;background:transparent;cursor:pointer}.size-control small{font-size:8px}.tool-palette{position:absolute;bottom:85px;right:23px;width:306px;background:#fffffff7;border:1px solid #e0e6eb;border-radius:17px;padding:18px;box-shadow:0 10px 45px #213f5520;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.popover-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;margin-bottom:15px}.popover-title>span{font-size:9px;color:#9aa6ae;font-weight:400}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tool-grid button{display:flex;flex-direction:column;gap:7px;min-height:77px;border:1px solid transparent;border-radius:10px;padding:9px 3px}.tool-grid button:hover{background:#f3f6f8}.tool-grid button.active{background:#edf3f8;border-color:#d4e1eb}.tool-grid button>span:last-child{font-size:9px;color:#738795}.document-actions{border-top:1px solid #e5eaee;margin-top:15px;padding-top:10px;display:flex;flex-direction:column}.document-actions button{justify-content:flex-start;font-size:11px;padding:12px 4px;color:#607d91}.thumbnail-panel{position:absolute;bottom:80px;left:50%;transform:translate(-50%);width:min(420px,90vw);background:#fff;border:1px solid #dfe5eb;box-shadow:0 8px 35px #29465920;padding:17px;border-radius:14px}.thumbnail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:40vh;overflow:auto}.thumbnail-grid button{display:flex;flex-direction:column;padding:8px;border:1px solid #e5eaef;border-radius:8px;background:#f7f8fa;overflow:hidden}.thumbnail-grid button.active{border-color:#5c88aa;background:#eef4f8}.thumbnail-grid canvas{width:100%;max-height:120px;object-fit:contain}.thumbnail-grid span{font-size:10px}.selection-bar{position:absolute;bottom:85px;left:50%;transform:translate(-50%);display:flex;align-items:center;background:#fff;border:1px solid #dbe4eb;box-shadow:0 4px 24px #233e4e15;border-radius:12px;padding:8px;gap:8px;white-space:nowrap;font-size:11px}.selection-bar>span{padding:0 8px;color:#83939f}.selection-bar button{padding:8px;border-radius:6px}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#17314342;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border:1px solid #e3e8ed;border-radius:21px;box-shadow:0 20px 100px #17314326;padding:29px;width:460px;max-width:100%;max-height:calc(100dvh - 40px);overflow:auto}.modal h2{font-size:19px;margin:0 0 16px}.modal p{color:#7e8e9a;line-height:1.8;font-size:12px}.modal-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.modal-heading h2{display:flex;gap:10px;align-items:center}.modal-heading>button{padding:0;color:#98a6b1}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal-actions>button:not(.primary):not(.danger){padding:12px;color:#85949f}.coordinate-fields{display:flex;gap:12px;margin-top:17px}.coordinate-fields>label{width:50%;font-size:10px}.export-options{display:flex;flex-direction:column;gap:9px;margin:25px 0}.export-options button{border:1px solid #e2e8ed;padding:18px 14px;border-radius:12px;text-align:left;justify-content:flex-start;gap:14px}.export-options button>svg{color:#829aab;width:20px}.export-options button>svg:last-child{margin-left:auto;width:16px}.export-options strong{display:block;font-size:12px;font-weight:600}.export-options small{display:block;font-size:10px;color:#8f9da8;margin-top:7px}.dropbox-browser{width:560px}.search-form{display:flex;align-items:center;border:1px solid #e0e7ec;border-radius:10px;padding:0 10px;color:#8ea0ae}.search-form input{border:0;flex:1;width:100%}.search-form button{font-size:11px}.breadcrumb{font-size:11px;color:#6d8ba0;padding:17px 0}.file-list{display:flex;flex-direction:column;max-height:45vh;overflow:auto}.file-list button{border-bottom:1px solid #eef1f4;padding:15px 2px;justify-content:flex-start;text-align:left;font-size:12px}.file-list button>svg{color:#8ca0af}.file-list button>svg:last-child{margin-left:auto}.toast{position:fixed;z-index:100;bottom:max(23px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 30px);background:#263e4f;color:#fff;box-shadow:0 8px 40px #1d344d30;border-radius:12px;padding:16px 17px;display:flex;align-items:center;gap:20px;font-size:12px;line-height:1.65}.toast button{color:#fff;flex-shrink:0}.busy-indicator{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:100;background:#263e4f;color:#fff;border-radius:30px;font-size:11px;padding:10px 18px}.login-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;align-items:center}.login-art{height:100dvh;position:relative;background:#eaf0f4;padding:65px 12%;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.brand-large{font-size:31px;display:flex;align-items:center;position:relative;z-index:1}.login-art>p{font-size:42px;line-height:1.2;letter-spacing:-1.5px;margin-top:65px;margin-bottom:32px;position:relative;z-index:1}.login-art>span{font-size:8px;letter-spacing:2px;color:#8b9eac;position:relative;z-index:1}.blueprint-decoration{position:absolute;inset:40% -50% -40% 20%;transform:rotate(-25deg);background:repeating-linear-gradient(0deg,transparent,transparent 59px,#849bad15 59px,#849bad15 60px),repeating-linear-gradient(90deg,transparent,transparent 59px,#849bad15 59px,#849bad15 60px);border:1px solid #849bad20}.login-card{width:340px;max-width:calc(100% - 48px);justify-self:center;display:flex;flex-direction:column;gap:21px}.login-card .eyebrow{margin:0;font-size:8px}.login-card h1{font-size:25px;font-weight:550;letter-spacing:-.8px;margin:0}.login-card p{margin:-9px 0 10px;font-size:12px}.login-card label{font-size:11px}.login-card small{text-align:center;color:#a2adb6;font-size:9px;margin-top:8px}.login-card .primary{margin-top:5px;justify-content:space-between}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;font-size:30px;gap:16px;letter-spacing:-1px}.loading span{font-size:12px;color:#9aa6b1;letter-spacing:0}@media(min-width:1500px){.home{padding-top:85px}.home h1{font-size:50px}.open-card{padding:32px}.open-card p{max-width:300px}}@media(max-width:900px){header{padding:0 22px;height:69px;gap:20px}.document-title{padding-left:20px;max-width:32vw}.home{padding:40px 32px 0}.home h1{font-size:37px}.workspace-hint{display:none}.login-art{padding:45px 10%}.login-art>p{font-size:34px}.save-state{font-size:10px}.header-right{gap:10px}}@media(max-width:600px){header{height:65px;padding:env(safe-area-inset-top) 16px 0;gap:12px}.brand{font-size:20px;gap:8px}.brand-icon{width:30px;height:30px;font-size:25px;border-radius:9px}.brand small{font-size:5.5px;letter-spacing:.8px}.document-title{position:absolute;top:76px;left:16px;padding:0;border:0;max-width:58vw;font-size:10px;z-index:5;pointer-events:none}.document-title>svg{display:none}.header-right{gap:8px}.logout{width:28px;height:30px}.save-state{font-size:9px}.user-badge{width:27px;height:27px;font-size:8px}.home{padding:36px 21px 0}.eyebrow{font-size:8px;margin-bottom:17px}.home h1{font-size:33px;letter-spacing:-1.5px}.home-intro{margin-bottom:27px}.home-intro p{font-size:12px}.open-cards{gap:12px;grid-template-columns:1fr}.open-card{padding:20px;display:grid;grid-template-columns:44px 1fr;gap:3px 14px;border-radius:14px}.card-icon{grid-row:1/4;width:42px;height:42px;margin:0;border-radius:11px}.open-card h2{font-size:15px;margin:0}.open-card p{font-size:10px;max-width:none;min-height:0;margin:5px 0}.open-card>span{font-size:10px;margin-top:8px;grid-column:2}.open-card>span svg{width:14px}.recents{margin-top:31px}.section-title h2{font-size:13px}.empty-recent{padding:20px 16px;gap:12px}.empty-recent strong{font-size:10px}.empty-recent p{font-size:9px;line-height:1.6}.empty-recent>svg{flex-shrink:0;width:20px}footer{flex-wrap:wrap;gap:10px;margin-top:30px;padding:20px 0;font-size:7px}footer span{font-size:8px}footer small{font-size:7px}.workspace-meta{top:34px;left:16px;gap:5px}.source-pill,.connection-pill{font-size:8px;padding:6px 7px;gap:4px;background:transparent}.connection-pill span{display:none}.zoom-controls{top:12px;right:12px;border-radius:8px}.zoom-controls button{width:27px;height:29px}.zoom-controls span{font-size:8px;min-width:27px}.zoom-controls button:last-child{display:none}.zoom-controls i{display:none}.floating-controls{right:15px;bottom:calc(18px + env(safe-area-inset-bottom));gap:7px}.floating-controls>button{width:43px;height:43px}.page-nav{left:15px;transform:none;bottom:calc(20px + env(safe-area-inset-bottom));padding:1px 2px}.page-nav button{height:35px;min-width:27px}.page-nav .page-number{font-size:10px;padding:0 5px;gap:4px}.tool-palette{right:15px;bottom:calc(76px + env(safe-area-inset-bottom));width:285px;padding:15px}.active-tool{left:16px;top:65px;padding:8px 10px;gap:7px}.active-tool>span:last-child{font-size:9px}.active-tool small{font-size:7px}.active-tool .symbol{width:25px;height:25px}.size-control{right:13px;padding:11px 7px;gap:9px}.size-control input{height:110px;width:19px}.selection-bar{bottom:calc(78px + env(safe-area-inset-bottom));font-size:9px;gap:3px;max-width:calc(100vw - 24px)}.selection-bar>span{padding:0 4px}.selection-bar button{padding:7px;font-size:9px}.thumbnail-panel{bottom:calc(76px + env(safe-area-inset-bottom))}.modal{padding:23px;border-radius:17px}.modal h2{font-size:17px}.modal p{font-size:11px}.modal-backdrop{padding:15px}.login-page{grid-template-columns:1fr;align-content:start}.login-art{height:230px;padding:35px 28px;justify-content:flex-start}.login-art>p{font-size:27px;margin-top:28px;margin-bottom:16px}.login-art .brand{font-size:25px}.login-art>span{font-size:6px;letter-spacing:1.5px}.login-card{width:100%;max-width:calc(100% - 48px);margin:35px 0 45px;gap:18px}.login-card h1{font-size:23px}.coordinate-fields{gap:9px}.toast{bottom:12px;font-size:11px;padding:13px;gap:13px}}@media(max-height:500px)and (orientation:landscape){header{height:53px}.tool-palette{bottom:65px;max-height:calc(100dvh - 130px);overflow:auto}.tool-grid button{min-height:55px}.active-tool{top:52px}.floating-controls{bottom:12px}.page-nav{bottom:15px}.size-control input{height:70px}.modal{max-height:94dvh}}@media(prefers-reduced-motion:no-preference){.open-card,.floating-controls button,.tool-grid button{transition:background .15s,border-color .15s,box-shadow .15s}}.floating-controls .active-tool{position:static;pointer-events:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:1px solid #dce3e8;border-radius:50%;background:#ffffffed;box-shadow:0 3px 13px #2544580c;flex-shrink:0}.floating-controls .active-tool .symbol{width:30px;height:30px}@media(max-width:600px){input,textarea,select,.login-card input,.search-form input{font-size:16px}header{height:58px;padding-left:12px;padding-right:12px;gap:8px}.brand{font-size:18px}.brand small{display:none}.brand-icon{width:27px;height:27px;font-size:23px}.document-title{top:67px;left:12px;font-size:10px;max-width:calc(100vw - 24px)}.workspace-meta{top:30px;left:12px}.floating-controls{right:12px;bottom:calc(15px + env(safe-area-inset-bottom));gap:6px}.floating-controls>button,.floating-controls .active-tool{width:42px;height:42px}.page-nav{bottom:calc(16px + env(safe-area-inset-bottom));left:10px}.page-nav button{min-width:23px}.page-nav .page-number{font-size:9px;padding:0 3px;gap:3px}.tool-palette{right:12px}.home{padding-top:27px}.home h1{font-size:30px}}@media(max-width:360px){.page-nav{bottom:calc(65px + env(safe-area-inset-bottom))}.selection-bar{bottom:calc(112px + env(safe-area-inset-bottom))}}input,textarea,select{font-size:16px}.menu-size{border-top:1px solid #e5eaee;margin-top:12px;padding-top:13px}.menu-size-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.menu-size-heading label{font-size:11px;font-weight:600}.menu-size output{font-size:11px;color:#607d91;font-variant-numeric:tabular-nums}.menu-size select{width:100%;border:1px solid #dce4eb;border-radius:8px;padding:8px;background:#f6f8fa;color:#3f5c70;font:inherit;font-size:16px}.menu-size input[type=range]{display:block;appearance:auto;writing-mode:horizontal-tb;direction:ltr;width:100%;height:38px;padding:0;border:0;background:transparent;accent-color:#557e98;cursor:pointer;touch-action:pan-y}.menu-size p{font-size:9px;color:#8799a7;line-height:1.5;margin:2px 0 0}.tool-palette{max-height:calc(100dvh - 180px);overflow-y:auto;overscroll-behavior:contain}.floating-controls .active-tool[aria-expanded=true]{background:#e6eff6;border-color:#bdd3e4}.tool-settings{position:absolute;z-index:4;right:23px;bottom:85px;width:275px;max-width:calc(100vw - 30px);padding:17px;background:#fffffff7;border:1px solid #e0e6eb;border-radius:15px;box-shadow:0 10px 40px #213f5520;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tool-settings .popover-title{margin-bottom:8px}.tool-settings .settings-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#526d80}.tool-settings .menu-size{margin-top:5px;padding-top:12px}.settings-empty{color:#8799a7;font-size:11px;line-height:1.6;margin:12px 0 0}@media(max-width:600px){.tool-settings{right:12px;bottom:calc(76px + env(safe-area-inset-bottom));width:260px}}.sequence-preview{display:block;flex-shrink:0;overflow:visible}