:root{--color-paper:#f8fafc;--color-paper-2:#f0f3f7;--color-paper-3:#e6e9ef;--color-rule:#d8dde2;--color-rule-2:#c2c8cf;--color-neutral:#5d646c;--color-muted:#555b64;--color-ink-2:#2d333c;--color-ink:#0e141d;--color-accent:#0062d6;--color-accent-ink:#f9fbfd;--color-accent-dim:#004caf;--color-accent-air:#e7f1ff;--color-focus:#046de9;--color-danger:#b22e37;--color-danger-air:#ffeceb;--color-danger-rule:#f7cbc9;--color-success:#007044;--color-success-air:#e3f6ea;--color-success-rule:#bde2cb;--color-kakao:#fcd823;--color-kakao-dim:#ebc91c;--color-kakao-ink:#201a05;--font-display:"Space Grotesk Variable", "Pretendard Variable", system-ui, sans-serif;--font-body:"Pretendard Variable", system-ui, -apple-system, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.1875rem;--text-display-s:clamp(1.875rem, 2.4vw + 1rem, 2.625rem);--text-display:clamp(2rem, 2.6vw + 1rem, 3rem);--leading-display:1.16;--leading-body:1.65;--tracking-display:-.028em;--tracking-label:.08em;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4.5rem;--space-3xl:7rem;--radius-input:6px;--radius-card:10px;--radius-chip:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-instant:90ms;--dur-short:.18s;--dur-medium:.28s;--layer-base:1;--layer-raised:2;--layer-sticky:3;--layer-overlay:4;--layer-modal:5;--layer-toast:6;--color-scrim:#0e141d9e;--shadow-raise:0 1px 2px #0e141d1a;--shadow-card:0 1px 2px #0e141d0d, 0 8px 24px #0e141d0f;--shadow-lift:0 1px 2px #0e141d0f, 0 14px 36px #0e141d1a}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(98.1363% -.330746 -1.47092);--color-paper-2:lab(95.6962% -.492275 -2.20416);--color-paper-3:lab(92.328% -.650883 -2.93574);--color-rule:lab(87.8018% -.72825 -3.30048);--color-rule-2:lab(80.2549% -.955373 -4.39198);--color-neutral:lab(41.9619% -1.1892 -5.81303);--color-muted:lab(38.4814% -1.17922 -5.80831);--color-ink-2:lab(21.0699% -1.20309 -6.48055);--color-ink:lab(6.1348% -.846677 -6.80437);--color-accent:lab(42.312% 13.1738 -68.5601);--color-accent-ink:lab(98.3683% -.330776 -1.47091);--color-accent-dim:lab(32.9817% 15.1548 -64.0031);--color-accent-air:lab(94.5924% -1.41725 -8.85004);--color-focus:lab(46.9534% 12.4788 -71.0217);--color-danger:lab(41.4113% 53.6139 28.3404);--color-danger-air:lab(94.9143% 6.8869 3.22341);--color-danger-rule:lab(85.5903% 15.697 7.40045);--color-success:lab(41.1805% -38.0267 16.7234);--color-success-air:lab(95.2485% -8.2331 3.64131);--color-success-rule:lab(86.7542% -15.9123 7.03228);--color-kakao:lab(87.4002% 1.79899 81.9386);--color-kakao-dim:lab(82.0327% 1.76808 78.478);--color-kakao-ink:lab(9.66525% .0801906 12.1105);--color-scrim:lab(6.1348% -.846677 -6.80437/.62);--shadow-raise:0 1px 2px lab(6.1348% -.846677 -6.80437/.1);--shadow-card:0 1px 2px lab(6.1348% -.846677 -6.80437/.05), 0 8px 24px lab(6.1348% -.846677 -6.80437/.06);--shadow-lift:0 1px 2px lab(6.1348% -.846677 -6.80437/.06), 0 14px 36px lab(6.1348% -.846677 -6.80437/.1)}}
@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/fonts/space-grotesk/space-grotesk-latin-variable.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--blue:var(--color-accent);--blue-dark:var(--color-accent-dim);--ink:var(--color-ink);--muted:var(--color-muted);--line:var(--color-rule);--panel:#ffffffed;--ribbon:var(--color-paper-2);--danger:var(--color-danger)}@supports (color:lab(0% 0 0)){:root{--panel:lab(100% 0 0/.93)}}*{box-sizing:border-box}html{overflow-x:clip}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);background:var(--color-paper-2);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;word-break:keep-all;overflow-wrap:break-word;margin:0;overflow:clip hidden}body.doc-page{background:#f4f7fb;overflow:auto}#canvas{cursor:default;width:100vw;height:100vh;display:block;position:fixed;inset:0}.toolbar{z-index:2;color:var(--ink);background:linear-gradient(#fff,#f7faff);border-bottom:1px solid #cad8e8;flex-wrap:wrap;align-items:center;gap:2px;padding:4px 44px 4px 12px;transition:width .25s,padding .25s;animation:.36s cubic-bezier(.2,.8,.2,1) ribbon-in;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 5px 20px #18385a18}.app-brand{border-right:1px solid var(--line);flex:none;align-items:center;gap:8px;min-height:34px;margin-right:6px;padding:0 10px 0 1px;display:flex}.app-mark{place-items:center;display:grid}.app-brand strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:20px;font-weight:600;line-height:1}.ribbon-group{border-right:1px solid var(--line);flex:none;align-items:center;gap:4px;max-width:420px;min-height:34px;padding:0 10px;transition:max-width .25s,padding .25s,opacity .18s,transform .25s,border-color .2s;display:flex;position:relative;overflow:hidden}.ribbon-group:last-child{border-right:0}.ribbon-group__label{display:none}.ribbon-stack{align-items:center;gap:3px;display:flex}button,.file-button,select{color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;padding:6px 9px;font-size:12px;font-weight:700}button:hover,.file-button:hover,select:hover{background:#eaf3ff;border-color:#b9d3f5}button.primary{background:var(--blue);border-color:var(--blue);color:#fff}button.primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}button:disabled{opacity:.42;cursor:not-allowed}button:disabled:hover{background:0 0;border-color:#0000}button.active{border-color:var(--blue);color:var(--blue);outline:3px solid #9ec3ff77}input[type=file]{display:none}.toolbar-toggle{color:#5b6d83;padding:5px 8px;transition:transform .25s,background .2s;position:absolute;top:4px;right:8px}.toolbar.toolbar--collapsed{border:1px solid #cad8e8;border-top:0;border-left:0;border-radius:0 0 12px;width:auto;min-height:44px;padding:5px 8px 5px 12px;right:auto}.toolbar.toolbar--collapsed .ribbon-group{opacity:0;pointer-events:none;border-color:#0000;max-width:0;min-height:0;padding-left:0;padding-right:0;transform:translateY(-8px)}.toolbar.toolbar--collapsed .app-brand{border:0;min-width:155px;margin:0;padding-right:8px}.toolbar.toolbar--collapsed .toolbar-toggle{transform:rotate(180deg)}.shortcut-panel{z-index:2;visibility:hidden;opacity:0;pointer-events:none;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #d7e2ef;border-radius:14px;width:330px;transition:opacity .22s,transform .26s cubic-bezier(.2,.8,.2,1),visibility 0s linear .26s;position:fixed;bottom:58px;left:18px;overflow:hidden;transform:translateY(12px)scale(.97);box-shadow:0 12px 30px #18385a1d}.shortcut-panel.is-open{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;transform:translateY(0)scale(1)}.shortcut-panel__head{border-bottom:1px solid #e4ebf4;align-items:center;gap:9px;padding:11px 13px 10px;display:flex}.shortcut-panel__icon{width:25px;height:25px;color:var(--blue);background:#e7f1ff;border-radius:7px;place-items:center;font-size:14px;display:grid}.shortcut-panel__title{font-size:12px;font-weight:800}.shortcut-panel__sub{color:#8090a5;margin-left:auto;font-size:10px}.shortcut-list{background:#f5f8fc;grid-template-columns:1fr 1fr;gap:1px;padding:8px;display:grid}.shortcut-item{color:#596a80;background:#fff;align-items:center;gap:7px;min-height:30px;padding:5px 7px;font-size:11px;display:flex}.shortcut-item:nth-child(odd){border-radius:7px 0 0 7px}.shortcut-item:nth-child(2n){border-radius:0 7px 7px 0}.shortcuts-toggle{z-index:2;color:#52667f;background:#ffffffdf;padding:8px 11px;transition:transform .2s,box-shadow .2s;position:fixed;bottom:18px;left:18px;box-shadow:0 6px 18px #18385a14}.shortcuts-toggle:hover{transform:translateY(-2px);box-shadow:0 9px 21px #18385a22}.property-panel{top:calc(var(--toolbar-h,58px) + 16px);z-index:2;width:272px;max-height:calc(100dvh - var(--toolbar-h,58px) - 38px);visibility:hidden;opacity:0;pointer-events:none;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #d7e2ef;border-radius:14px;transition:opacity .22s,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s;position:fixed;right:18px;overflow-y:auto;transform:translate(18px)scale(.98);box-shadow:0 12px 30px #18385a1d}.property-panel.is-open{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;transform:translate(0)scale(1)}.property-panel__head{border-bottom:1px solid #e4ebf4;align-items:center;gap:8px;padding:12px 13px;display:flex}.property-panel__icon{color:#1661c5;background:#e7f1ff;border-radius:7px;place-items:center;width:25px;height:25px;display:grid}.property-panel__title{font-size:12px;font-weight:800}.property-panel__count{color:#8290a4;margin-left:auto;font-size:10px}.property-panel__body{gap:11px;padding:13px;display:grid}.property-divider{color:#8392a6;letter-spacing:.5px;align-items:center;gap:8px;margin:2px 0 -2px;font-size:10px;font-weight:800;display:flex}.property-divider:after{content:"";background:#dce6f1;flex:1;height:1px}.property-divider.is-hidden{display:none}.property-note{color:#6c7b90;background:#f4f7fb;border-radius:8px;padding:9px;font-size:11px;line-height:1.45}.property-row{color:#53647a;grid-template-columns:1fr auto;align-items:center;gap:12px;font-size:12px;font-weight:700;display:grid}.property-row input[type=color]{cursor:pointer;background:#fff;border:1px solid #cfdbea;border-radius:7px;width:42px;height:27px;padding:2px}.property-row input[type=number]{width:82px;color:var(--ink);font:inherit;background:#fff;border:1px solid #d5e0ee;border-radius:7px;padding:6px 8px;font-size:12px}.property-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--blue);cursor:pointer}.property-row select{background:#fff;border-color:#d5e0ee;min-width:78px;padding:6px 8px}.property-row input:disabled,.property-row select:disabled{opacity:.42;cursor:not-allowed}.property-actions{justify-content:flex-end;gap:6px;display:flex}.property-actions button{padding:7px 9px}.property-panel [hidden]{display:none!important}.property-row.is-hidden{display:none}.properties-toggle{top:calc(var(--toolbar-h,58px) + 16px);z-index:2;color:#52667f;background:#ffffffdf;padding:9px 11px;transition:right .28s cubic-bezier(.2,.8,.2,1),transform .2s,box-shadow .2s;position:fixed;right:18px;box-shadow:0 6px 18px #18385a14}.properties-toggle.panel-open{right:302px}.properties-toggle:hover{transform:translateY(-2px);box-shadow:0 9px 21px #18385a22}.status{z-index:2;color:var(--muted);background:#ffffffdf;border:1px solid #dce6f1;border-radius:9px;padding:9px 12px;font-size:12px;position:fixed;bottom:18px;right:18px;box-shadow:0 6px 18px #18385a14}kbd{color:#45566c;background:#fff;border:1px solid #cdd8e6;border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:11px}dialog{background:#111923;border:0;border-radius:14px;width:fit-content;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);margin:auto;padding:0;overflow:auto;box-shadow:0 24px 80px #0008}dialog::backdrop{background:#0b1726b8}dialog img{object-fit:contain;width:auto;max-width:calc(100vw - 72px);height:auto;max-height:calc(100vh - 72px);display:block}#closePreview{color:#fff;background:#1769e0;border-color:#fff;border-radius:50%;width:34px;height:34px;padding:0;font-size:20px;line-height:1;position:absolute;top:-13px;right:-13px}.user-items-panel{top:calc(var(--toolbar-h,58px) + 16px);z-index:3;width:min(420px,100vw - 24px);max-height:calc(100dvh - var(--toolbar-h,58px) - 38px);visibility:hidden;opacity:0;pointer-events:none;color:var(--ink);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #d7e2ef;border-radius:14px;flex-direction:column;transition:opacity .22s,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s;display:flex;position:fixed;right:18px;overflow:hidden;transform:translate(18px)scale(.98);box-shadow:0 12px 30px #18385a1d}.user-items-panel.is-open{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;transform:translate(0)scale(1)}.user-items-panel__head{border-bottom:1px solid #e4ebf4;align-items:center;gap:10px;padding:16px;display:flex}.user-items-panel__head h2{margin:0;font-size:16px}.user-items-panel__head p{color:#708198;margin:4px 0 0;font-size:12px}.user-items-panel__close{width:36px;height:36px;margin-left:auto;padding:0;font-size:21px}.user-items-list{background:#f6f9fd;gap:10px;min-height:128px;max-height:510px;padding:14px;display:grid;overflow-y:auto}.user-item{background:#fff;border:1px solid #d9e4f0;border-radius:11px;grid-template-columns:150px minmax(0,1fr);gap:14px;min-width:0;padding:12px;display:grid;box-shadow:0 1px 2px #18385a08}.user-item__preview{background:#fff;border:1px solid #dbe6f1;border-radius:8px;width:150px;height:100px}.user-item__content{min-width:0}.user-item__name{text-overflow:ellipsis;color:#23354c;font-size:15px;font-weight:800;display:block;overflow:hidden}.user-item__meta{color:#71839a;margin-top:5px;font-size:12px;font-weight:600;display:block}.user-item__actions{gap:6px;margin-top:12px;display:flex}.user-item__actions button{background:#fff;border-color:#d4dfec;min-height:36px;padding:7px 10px;font-size:12px}.user-item__actions button:first-child{color:#fff;background:#1769e0;border-color:#1769e0}.user-item__actions button:first-child:hover{background:#0b4ea8;border-color:#0b4ea8}.user-item__delete{color:#a55b68}.user-items-empty{color:#7b8ba0;place-items:center;min-height:76px;font-size:12px;display:grid}.user-items-actions{border-top:1px solid #e4ebf4;justify-content:flex-end;gap:8px;padding:14px 16px;display:flex}.user-items-actions button{min-height:38px;padding:8px 13px}.user-items-actions #saveUserItem{color:#fff;background:#1769e0;border-color:#1769e0}.template-edit-bar{z-index:4;top:calc(var(--toolbar-h,58px) + 10px);color:#1a4d89;background:#f7fbff;border:1px solid #9ec3ff;border-radius:11px;align-items:center;gap:9px;padding:8px 10px 8px 14px;font-size:12px;font-weight:700;display:none;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #18385a20}.template-edit-bar.is-open{display:flex}.template-edit-bar button{padding:6px 8px}.template-edit-bar input{width:180px;color:var(--ink);font:inherit;background:#fff;border:1px solid #b9d3f5;border-radius:7px;padding:7px 9px;font-weight:600}#inlineNoteEditor{z-index:5;resize:none;color:#405069;border:1px solid #1769e0;border-radius:9px;outline:3px solid #9ec3ff77;margin:0;padding:10px 12px;font:14px/1.55 Pretendard,Malgun Gothic,sans-serif;display:none;position:fixed;box-shadow:0 8px 20px #18385a25}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}@keyframes ribbon-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.account-chip{align-items:center;gap:8px;display:flex}.account-chip__name{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:12px;font-weight:700;overflow:hidden}.account-chip__quota{color:#1558c7;background:#e7f1ff;border-radius:99px;padding:3px 7px;font-size:11px;font-weight:800}.account-chip__quota.is-full{color:#b0405a;background:#fdecef}.modal-backdrop{z-index:var(--layer-modal);padding:var(--space-md);background:var(--color-scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper);width:min(460px,100%);max-height:calc(100dvh - 40px);box-shadow:var(--shadow-lift);overflow-y:auto}.modal--wide{width:min(620px,100%)}.modal__head{align-items:flex-start;gap:var(--space-xs);padding:var(--space-md) var(--space-md) var(--space-xs);display:flex}.modal__head--brand{padding-bottom:var(--space-sm);align-items:center}.modal__head--brand .modal__close{margin-left:auto}.modal__head h2{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.022em;margin:0;font-style:normal;font-weight:600}.modal__head p{margin:var(--space-3xs) 0 0;color:var(--color-muted);font-size:var(--text-sm);line-height:1.55}.modal__close{border-radius:var(--radius-input);width:34px;height:34px;color:var(--color-neutral);font-size:var(--text-md);margin-left:auto;padding:0;line-height:1}.modal__body{gap:var(--space-sm);padding:var(--space-3xs) var(--space-md) var(--space-md);display:grid}.modal__footer{justify-content:flex-end;gap:var(--space-2xs);padding:0 var(--space-md) var(--space-md);display:flex}.modal .auth-block{padding:0 var(--space-md) var(--space-md)}.tab-row{border:1px solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-2);gap:2px;padding:3px;display:flex}.tab-row button{padding:var(--space-2xs);white-space:nowrap;color:var(--color-muted);font-size:var(--text-sm);transition:color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out);background:0 0;border-radius:4px;flex:1;font-weight:600}.tab-row button:hover:not(.is-active){color:var(--color-ink-2);background:var(--color-paper-3)}.tab-row button.is-active{color:var(--color-ink);background:var(--color-paper);box-shadow:var(--shadow-raise)}.tab-row button:active:not(.is-active){background:var(--color-rule)}.tab-row button:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.field{gap:var(--space-3xs);display:grid}.field>span{color:var(--color-ink-2);font-size:var(--text-xs);font-weight:600}.field input[type=text],.field input[type=email],.field input[type=password]{width:100%;min-height:44px;padding:var(--space-2xs) var(--space-xs);border:1px solid var(--color-rule-2);border-radius:var(--radius-input);color:var(--color-ink);background:var(--color-paper);font:inherit;font-size:var(--text-sm);outline-offset:1px;transition:border-color var(--dur-short) var(--ease-out);outline:2px solid #0000}.field input::placeholder{color:var(--color-neutral)}.field input:hover:not(:disabled){border-color:var(--color-neutral)}.field input:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px;border-color:var(--color-focus)}.field input:disabled{opacity:.55;cursor:not-allowed;background:var(--color-paper-2)}.field input[aria-invalid=true]{border-color:var(--color-danger)}.field__hint{color:var(--color-neutral);font-size:var(--text-xs)}.consent-list{gap:var(--space-2xs);padding:var(--space-xs);border:1px solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-2);display:grid}.consent-row{align-items:flex-start;gap:var(--space-2xs);color:var(--color-ink-2);font-size:var(--text-sm);cursor:pointer;line-height:1.5;display:flex}.consent-row input{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer;margin-top:2px}.consent-row input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.consent-row--all{padding-bottom:var(--space-2xs);border-bottom:1px solid var(--color-rule);color:var(--color-ink);font-weight:600}.consent-row a{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}.consent-tag{color:var(--color-danger);font-weight:700}.consent-tag--optional{color:var(--color-neutral);font-weight:700}.oauth-row{gap:var(--space-2xs);display:grid}.oauth-button{justify-content:center;align-items:center;gap:var(--space-2xs);width:100%;min-height:44px;padding:var(--space-2xs) var(--space-xs);border:1px solid var(--color-rule-2);border-radius:var(--radius-input);color:var(--color-ink);background:var(--color-paper);font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);font-weight:600;display:flex}.oauth-button__glyph{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);opacity:.85;line-height:1}.oauth-button:hover:not(:disabled){background:var(--color-paper-2);border-color:var(--color-neutral)}.oauth-button:active:not(:disabled){background:var(--color-paper-3)}.oauth-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.oauth-button:disabled{opacity:.55;cursor:not-allowed}.oauth-button--kakao{background:var(--color-kakao);border-color:var(--color-kakao);color:var(--color-kakao-ink)}.oauth-button--kakao:hover:not(:disabled){background:var(--color-kakao-dim);border-color:var(--color-kakao-dim)}.oauth-button__badge{margin-left:var(--space-3xs);padding:1px var(--space-3xs);border-radius:var(--radius-chip);background:var(--color-paper-3);color:var(--color-neutral);font-size:var(--text-xs);letter-spacing:0;font-weight:600}.divider-text{align-items:center;gap:var(--space-2xs);color:var(--color-neutral);font-size:var(--text-xs);font-weight:500;display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--color-rule);flex:1;height:1px}.form-error,.form-notice,.form-info{padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-input);font-size:var(--text-sm);border:1px solid #0000;line-height:1.5}.form-error{background:var(--color-danger-air);border-color:var(--color-danger-rule);color:var(--color-danger)}.form-info{background:var(--color-paper-2);border-color:var(--color-rule);color:var(--color-ink-2)}.form-notice{background:var(--color-success-air);border-color:var(--color-success-rule);color:var(--color-success)}.submit-button{border-radius:var(--radius-input);width:100%;min-height:44px;font-size:var(--text-sm);white-space:nowrap;font-weight:600}.submit-button:not(.primary){border-color:var(--color-rule-2);background:var(--color-paper);color:var(--color-ink)}.submit-button:not(.primary):hover:not(:disabled){background:var(--color-paper-2);border-color:var(--color-neutral)}.submit-button.primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.submit-button.primary:hover:not(:disabled){background:var(--color-accent-dim);border-color:var(--color-accent-dim)}.submit-button.primary:active:not(:disabled){transform:translateY(1px)}.submit-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.link-button{color:var(--color-accent);font-size:var(--text-sm);text-underline-offset:3px;white-space:nowrap;background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline}.link-button:hover{color:var(--color-accent-dim)}.link-button:active{color:var(--color-accent-dim);opacity:.75}.link-button:disabled{opacity:.55;cursor:not-allowed;text-decoration:none}.link-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:2px}.link-button--danger{color:var(--color-danger)}@media (prefers-reduced-motion:reduce){.tab-row button,.field input,.oauth-button,.submit-button{transition-duration:.01ms}.submit-button.primary:active:not(:disabled){transform:none}}.brand{align-items:center;gap:var(--space-2xs);display:inline-flex}.brand__mark{place-items:center;display:grid}.brand__name{font-family:var(--font-display);font-size:var(--text-base);letter-spacing:-.03em;color:var(--color-ink);font-weight:600}.brand--lg .brand__name{font-size:var(--text-lg)}.field__wrap{display:block;position:relative}.field__wrap input{padding-inline-end:4rem}.field__reveal{inset-inline-end:5px;padding:var(--space-3xs) var(--space-2xs);color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap;background:0 0;border-radius:4px;font-weight:600;position:absolute;top:50%;transform:translateY(-50%)}.field__reveal:hover{color:var(--color-ink);background:var(--color-paper-3)}.field__reveal:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.auth-form__slot{align-items:center;height:1.5rem;display:grid}.auth-form__slot .consent-row{align-items:center;line-height:1.2}body.login-body{background:var(--color-paper);overflow:auto}.login-page{min-height:100dvh;display:grid}.login-panel{order:-1}.login-claim{gap:var(--space-md);padding:var(--space-xl) var(--space-md) var(--space-lg);background:var(--color-paper-2);border-top:1px solid var(--color-rule);flex-direction:column;order:0;display:flex}.login-claim .brand{margin-bottom:var(--space-sm);align-self:flex-start}.login-claim h1{max-width:18ch;font-family:var(--font-display);font-size:var(--text-display);font-style:normal;font-weight:600;line-height:var(--leading-display);letter-spacing:var(--tracking-display);word-break:keep-all;overflow-wrap:break-word;min-width:0;margin:0}.login-note{max-width:46ch;color:var(--color-muted);font-size:var(--text-sm);margin:0;line-height:1.6}.login-proof{min-height:200px;margin-top:var(--space-2xs);border:1px solid var(--color-rule);border-radius:var(--radius-card);background-color:var(--color-paper);background-image:linear-gradient(to right, var(--color-paper-3) 1px, transparent 1px), linear-gradient(to bottom, var(--color-paper-3) 1px, transparent 1px);background-size:28px 28px;position:relative;overflow:hidden}.login-proof__note{padding:var(--space-2xs) var(--space-xs);border:1px solid var(--color-rule-2);border-radius:var(--radius-input);background:var(--color-paper);box-shadow:var(--shadow-card);color:var(--color-ink-2);font-size:var(--text-sm);white-space:nowrap;font-weight:500;position:absolute}.login-proof__note--a{top:10%;left:5%}.login-proof__note--b{border-color:var(--color-accent);color:var(--color-accent);top:40%;left:55%}.login-proof__note--c{top:72%;left:12%}.login-proof__wire{width:100%;height:100%;position:absolute;inset:0}.login-panel{justify-content:center;gap:var(--space-md);padding:var(--space-xl) var(--space-md) var(--space-2xl);background:var(--color-paper);flex-direction:column;display:flex}.login-card{width:100%;max-width:25rem}.auth-block,.auth-form{gap:var(--space-sm);display:grid}.login-card__head{margin-bottom:var(--space-md)}.login-card__head h2{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.022em;margin:0;font-style:normal;font-weight:600}.login-card__head p{margin:var(--space-2xs) 0 0;color:var(--color-muted);font-size:var(--text-sm);line-height:1.6}.login-card__banner{margin-bottom:var(--space-sm)}.login-card__guest{gap:var(--space-3xs);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-rule);display:grid}.login-card__guest .field__hint{max-width:48ch;line-height:1.55}.login-foot{gap:var(--space-sm);max-width:25rem;color:var(--color-neutral);font-size:var(--text-xs);align-items:center;margin:0;display:flex}.login-foot a{white-space:nowrap;color:var(--color-muted);text-underline-offset:2px;text-decoration:underline}.login-foot a:hover{color:var(--color-accent)}@media (min-width:60rem){.login-page{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr)}.login-claim{order:-1}.login-panel{order:0}.login-claim{justify-content:center;gap:var(--space-md);padding:var(--space-xl) var(--space-xl) var(--space-xl);border-top:0;border-right:1px solid var(--color-rule)}.login-claim>*{flex:none}.login-panel{padding:var(--space-xl) var(--space-2xl) var(--space-xl) var(--space-xl);align-items:flex-start}.login-proof{min-height:212px}}@media (min-width:90rem){.login-claim{padding-inline:var(--space-3xl) var(--space-2xl)}.login-panel{padding-inline:var(--space-2xl) var(--space-3xl)}}.share-save{padding:var(--space-3xs) var(--space-2xs);color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap;font-weight:600}.share-save.is-error{color:var(--color-danger)}.guest-hint{padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-chip);background:var(--color-paper-3);color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap;font-weight:600}.cloud-list{gap:10px;display:grid}.cloud-empty{color:#7b8ba0;text-align:center;border:1px dashed #d2ddea;border-radius:12px;place-items:center;gap:6px;padding:26px 16px;font-size:13px;display:grid}.cloud-item{background:#fff;border:1px solid #e0e8f2;border-radius:12px;gap:10px;padding:14px;display:grid}.cloud-item__top{align-items:flex-start;gap:10px;display:flex}.cloud-item__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:800;overflow:hidden}.cloud-item__meta{color:#8b9ab0;margin-top:4px;font-size:12px;font-weight:600}.cloud-item__badge{border-radius:99px;flex:none;margin-left:auto;padding:4px 8px;font-size:11px;font-weight:800}.cloud-item__badge--off{color:#8b9ab0;background:#eef2f7}.cloud-item__badge--public{color:#1f7a45;background:#e6f4ec}.cloud-item__badge--password{color:#96631a;background:#fff3d8}.cloud-item__actions{gap:var(--space-3xs);flex-wrap:wrap;display:flex}.cloud-item__actions button{border-color:var(--color-rule-2);background:var(--color-paper);color:var(--color-ink)}.cloud-item__actions button:hover:not(:disabled){background:var(--color-paper-2)}.cloud-item__actions button.primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.cloud-item__actions button.primary:hover:not(:disabled){border-color:var(--color-accent-dim);background:var(--color-accent-dim)}.cloud-item__actions button.user-item__delete{color:var(--color-danger)}.quota-bar{color:#4d5f77;background:#f2f7fd;border-radius:11px;align-items:center;gap:10px;padding:12px 14px;font-size:12px;font-weight:700;display:flex}.quota-bar__track{background:#dbe6f3;border-radius:99px;flex:1;height:6px;overflow:hidden}.quota-bar__fill{background:var(--blue);border-radius:99px;height:100%;transition:width .3s;display:block}.quota-bar__fill.is-full{background:#d4737f}.transfer{margin-top:var(--space-2xs);gap:6px;display:grid}.transfer__track{background:#dbe6f3;border-radius:99px;height:6px;overflow:hidden}.transfer__fill{background:var(--blue);border-radius:99px;width:0;height:100%;transition:width .12s linear;display:block}.transfer__fill.is-indeterminate{width:35%;animation:1.1s ease-in-out infinite transfer-sweep}@keyframes transfer-sweep{0%{transform:translate(-100%)}to{transform:translate(285%)}}.transfer__label{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}@media (prefers-reduced-motion:reduce){.transfer__fill{transition:none}.transfer__fill.is-indeterminate{animation-duration:2.4s}}.share-modes{gap:8px;display:grid}.share-mode{cursor:pointer;border:1px solid #e0e8f2;border-radius:11px;align-items:flex-start;gap:10px;padding:12px;font-size:13px;line-height:1.45;display:flex}.share-mode.is-active{border-color:var(--blue);background:#f4f9ff}.share-mode input{accent-color:var(--blue);margin-top:2px}.share-mode strong{font-size:13px;display:block}.share-mode span{color:var(--muted);font-size:12px}.share-link{gap:6px;display:flex}.share-link input{color:#3d4f66;min-width:0;font:inherit;background:#f7fafd;border:1px solid #d5e0ee;border-radius:9px;flex:1;padding:10px 11px;font-size:12px}.viewer-bar{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe8;border:1px solid #d7e2ef;border-radius:12px;align-items:center;gap:12px;max-width:calc(100vw - 28px);padding:9px 10px 9px 16px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #18385a1f}.viewer-bar__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:800;overflow:hidden}.viewer-bar__meta{color:var(--muted);white-space:nowrap;font-size:12px}.viewer-bar__cta{flex:none}.viewer-toast{z-index:var(--layer-toast);bottom:var(--space-md);align-items:center;gap:var(--space-xs);max-width:calc(100vw - 28px);padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper);box-shadow:var(--shadow-lift);color:var(--color-ink);font-size:var(--text-sm);display:flex;position:fixed;left:50%;transform:translate(-50%)}.viewer-toast.is-error{border-color:var(--color-danger-rule);background:var(--color-danger-air);color:var(--color-danger)}.viewer-toast__close{border-radius:var(--radius-input);width:28px;height:28px;color:var(--color-neutral);font-size:var(--text-md);padding:0;line-height:1}.viewer-gate{background:#eef3f8;place-items:center;min-height:100vh;padding:20px;display:grid}.viewer-gate__card{background:#fff;border-radius:16px;width:min(400px,100%);padding:26px;box-shadow:0 20px 60px #18385a22}.viewer-gate__card h1{margin:0 0 6px;font-size:20px}.viewer-gate__card p{color:var(--muted);margin:0 0 18px;font-size:13px;line-height:1.55}.doc{color:#26364a;max-width:780px;margin:0 auto;padding:56px 22px 90px;font-size:15px;line-height:1.75}.doc__back{color:var(--blue);margin-bottom:26px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.doc__back:hover{text-decoration:underline}.doc h1{letter-spacing:-.6px;margin:0 0 8px;font-size:30px}.doc__updated{color:#8b9ab0;margin:0 0 34px;font-size:13px}.doc h2{letter-spacing:-.3px;border-top:1px solid #e3eaf3;margin:38px 0 12px;padding-top:20px;font-size:19px}.doc h3{margin:22px 0 8px;font-size:15px}.doc p{margin:0 0 14px}.doc ul,.doc ol{margin:0 0 16px;padding-left:22px}.doc li{margin-bottom:7px}.doc table{border-collapse:collapse;width:100%;margin:0 0 18px;font-size:14px}.doc th,.doc td{text-align:left;vertical-align:top;border:1px solid #dfe7f1;padding:10px 12px}.doc th{background:#f2f6fb;font-weight:800}.doc__note{border-left:3px solid var(--blue);color:#40536b;background:#f4f8fd;border-radius:0 9px 9px 0;padding:14px 16px;font-size:14px}.doc__foot{color:#8b9ab0;border-top:1px solid #e3eaf3;margin-top:46px;padding-top:18px;font-size:13px}@media (max-width:900px){.toolbar{padding:5px 8px}.app-brand{min-width:152px}.shortcut-panel{width:calc(100vw - 36px)}.property-panel,.user-items-panel,.properties-toggle{right:12px}.properties-toggle.panel-open{right:286px}.doc{padding:36px 18px 70px}.doc h1{font-size:25px}}