:root{--bg:#f3f3f5;--bg-elevated:#fff;--bg-subtle:#00000009;--bg-hover:#0000000d;--bg-pressed:#00000014;--ink:#1d1d1f;--ink-secondary:#515154;--ink-muted:#86868b;--ink-faint:#b8b8bd;--border:#00000012;--border-strong:#0000001f;--accent:#8e7fe0;--accent-hover:#7d6dd6;--accent-ink:#6253b8;--accent-soft:#8e7fe01f;--accent-ring:#8e7fe047;--glass:#ffffff8f;--glass-strong:#ffffffc7;--glass-edge:#ffffffb3;--glass-blur:blur(28px) saturate(180%);--glass-shine:inset 0 1px 0 #ffffffe6, inset 0 -1px 0 #ffffff40;--danger:#d1453b;--danger-soft:#d1453b1a;--status-draft:#a1a1a6;--status-ready:#5b8def;--status-signed:#34a46b;--shadow-sm:0 1px 2px #1414280d;--shadow-md:0 2px 6px #1414280a, 0 12px 32px #14142812;--shadow-lg:0 4px 12px #1414280d, 0 32px 64px #1414281f;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--radius-pill:999px;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--rail-width:248px;--nav-height:64px;--editor-top:calc(var(--nav-height) + 16px);--doc-page-width:816px;--doc-page-height:1154px;--doc-page-gap:28px;--comment-gutter:300px;--ease:cubic-bezier(.33, 0, .2, 1);--morph:.72s cubic-bezier(.33, 0, .2, 1);--duration:.22s}@media (prefers-reduced-motion:reduce){:root{--duration:0s}}*,:before,:after{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:0}::-webkit-scrollbar{width:0;height:0;display:none}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:none;font-size:16px}body{font-family:var(--font-sans);color:var(--ink);letter-spacing:-.01em;background:var(--bg);min-height:100vh;font-size:14px;font-weight:400;line-height:1.45}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(55% 45% at 8% 0,#c9bdff73,#0000 70%),radial-gradient(45% 40% at 96% 6%,#c4dcff73,#0000 70%),radial-gradient(60% 50% at 70% 100%,#ffdeec66,#0000 70%),radial-gradient(40% 40% at 0 90%,#d6f0ec59,#0000 70%);position:fixed;inset:0}#root{z-index:1;min-height:100vh;position:relative}body.has-sheet #root{filter:blur(10px)saturate(160%);transition:filter .32s cubic-bezier(.33,0,.2,1)}@media (prefers-reduced-motion:reduce){body.has-sheet #root,.doc-view,.canvas__flow,.find-bar{transition:none}}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:0 0;border:none}button:disabled{cursor:default}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-ring);color:var(--ink)}kbd{border:1px solid var(--border);min-width:20px;height:20px;box-shadow:0 1px 0 var(--border-strong);color:var(--ink-secondary);background:#fffc;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-family:inherit;font-size:11px;font-weight:500;display:inline-flex}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-pick{opacity:0;pointer-events:none;width:48px;height:48px;margin:0;position:fixed;top:0;left:0}label.btn{cursor:pointer}label.btn.is-disabled{opacity:.45;pointer-events:none}.glass{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);box-shadow:var(--glass-shine), 0 1px 2px #1414280a, 0 12px 32px #14142812}.btn{border-radius:var(--radius-pill);white-space:nowrap;height:38px;transition:background var(--duration) var(--ease), color var(--duration) var(--ease), box-shadow var(--duration) var(--ease), transform .12s var(--ease);justify-content:center;align-items:center;gap:7px;padding:0 18px;font-size:14px;font-weight:500;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45}.btn-primary{background:var(--ink);color:#fff;box-shadow:inset 0 1px #ffffff2e,0 4px 12px #1414282e}.btn-primary:hover:not(:disabled){background:#000}.btn-secondary{color:var(--ink);border:1px solid var(--border);box-shadow:var(--glass-shine), var(--shadow-sm);background:#ffffffbf}.btn-secondary:hover:not(:disabled){background:#fff}.btn-ghost{color:var(--ink-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--ink)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b93a31}.btn-sm{height:32px;padding:0 14px;font-size:13px}.icon-btn{border-radius:var(--radius-pill);width:40px;height:40px;color:var(--ink-secondary);transition:color var(--duration) var(--ease), transform .12s var(--ease);place-items:center;display:grid}.icon-btn:hover:not(:disabled){color:var(--ink)}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn:disabled{opacity:.5}.input,.textarea{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;transition:border-color var(--duration) var(--ease), background var(--duration) var(--ease), box-shadow var(--duration) var(--ease);background:#ffffffb3;padding:11px 14px;font-size:14px}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);background:#fff;outline:none}.label{color:var(--ink-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.chip{border-radius:var(--radius-pill);border:1px solid var(--border);height:30px;color:var(--ink-secondary);transition:background var(--duration) var(--ease), color var(--duration) var(--ease), border-color var(--duration) var(--ease);background:#fff9;padding:0 13px;font-size:13px;font-weight:500}.chip:hover{background:var(--accent-soft);color:var(--accent-ink);border-color:#0000}.app-shell{flex-direction:column;min-height:100vh;display:flex;position:relative}.app-shell--editor{height:100vh}.app-shell--editor .page-view{overflow:hidden}.page-view{view-transition-name:page;flex-direction:column;flex:1;min-height:0;display:flex}.topbar{height:var(--nav-height);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 0;display:flex;position:fixed;top:0;left:0;right:0}.app-shell--editor .topbar:before{content:"";height:calc(var(--nav-height) + 36px);pointer-events:none;background:linear-gradient(#f3f3f5b8 0%,#f3f3f547 55%,#0000 100%);position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 40%,#0000);mask-image:linear-gradient(#000 40%,#0000)}.app-shell--editor .topbar__lead,.app-shell--editor .topbar__actions,.app-shell--editor .topbar__format{z-index:1;position:relative}.topbar--format .topbar__format{height:calc(var(--nav-height) - 12px);z-index:3;pointer-events:none;align-items:center;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.topbar--format .topbar__format>*{pointer-events:auto}.doc-format{border-radius:var(--radius-pill);white-space:nowrap;box-sizing:border-box;flex-shrink:0;align-items:center;gap:2px;height:44px;padding:4px;display:inline-flex;position:relative}.doc-format.glass{-webkit-backdrop-filter:none;background:0 0}.doc-format.glass:before{content:"";border-radius:inherit;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);pointer-events:none;z-index:0;position:absolute;inset:0}.doc-format>*{z-index:1;position:relative}.doc-format__style{border-radius:var(--radius-pill);min-width:92px;height:36px;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.doc-format__style:after{content:"";border-right:1.5px solid var(--ink-muted);border-bottom:1.5px solid var(--ink-muted);flex-shrink:0;width:5px;height:5px;margin-top:-1px;transform:rotate(45deg)}.doc-format__style:hover,.doc-format__style[aria-expanded=true]{background:#ffffffe0}.doc-format__rule{background:var(--border);flex-shrink:0;align-self:center;width:1px;height:18px;margin:0 4px}.doc-format__btn{border-radius:var(--radius-pill);width:36px;height:36px;color:var(--ink-secondary);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}.doc-format__btn:hover{color:var(--ink);background:#ffffffb8}.doc-format__btn.is-active{color:var(--ink);box-shadow:var(--shadow-sm);background:#fff}.save-lamp{color:var(--ink-muted);padding:0 4px;font-size:12px;font-weight:500}.save-lamp--error{color:var(--danger)}.save-lamp--saving{color:var(--ink-secondary)}.topbar__lead{border-radius:var(--radius-pill);flex:0 auto;align-items:stretch;min-width:0;max-width:calc(100% - 280px);height:44px;display:flex;position:relative}.topbar--format .topbar__lead{max-width:min(36vw,50% - 180px)}.topbar__lead.glass{-webkit-backdrop-filter:none;background:0 0}.topbar__lead.glass:before{content:"";border-radius:inherit;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);pointer-events:none;z-index:0;position:absolute;inset:0}.topbar__lead-clip{z-index:1;border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.topbar__lead-inner{flex-shrink:0;align-items:center;gap:4px;width:max-content;height:100%;padding:0 14px 0 9px;display:flex}.topbar__brand{flex-shrink:0;align-items:center;gap:9px;padding-right:4px;display:flex}.topbar__wordmark{font-family:var(--font-display);letter-spacing:-.02em;font-size:15px;font-weight:600}.brand-mark{border-radius:9px;flex-shrink:0;display:inline-block;box-shadow:0 2px 6px #14142833}.brand-mark svg{width:100%;height:100%;display:block}.topbar__crumbs{width:max-content;color:var(--ink-muted);align-items:center;font-size:14px;display:flex}.topbar__crumb{animation:crumb-in var(--morph) both;flex-shrink:0;align-items:center;display:flex}@keyframes crumb-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.topbar__crumb:last-child{flex-shrink:1;min-width:0}.topbar__crumb a{white-space:nowrap;transition:color var(--duration) var(--ease), background var(--duration) var(--ease);border-radius:8px;padding:4px 6px}.topbar__crumb a:hover{color:var(--ink);background:var(--bg-hover)}.topbar__sep{color:var(--ink-faint);padding:0 2px}.topbar__current,.topbar__current-input{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;padding:4px 6px;font-weight:500;overflow:hidden}.topbar__current-input{field-sizing:content;width:auto;min-width:4ch;max-width:100%;transition:background var(--duration) var(--ease), box-shadow var(--duration) var(--ease);background:0 0;border:none;border-radius:8px}.topbar__current-input:hover{background:var(--bg-hover)}.topbar__current-input:focus{box-shadow:0 0 0 3px var(--accent-soft);background:#fff;outline:none}.topbar__actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;height:44px;margin-left:auto;display:flex}.topbar__tools{border-radius:var(--radius-pill);-webkit-backdrop-filter:none;background:0 0;align-items:center;gap:2px;height:44px;padding:4px;display:flex;position:relative}.topbar__tools.glass:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);position:absolute;inset:0}.topbar__tools>*{z-index:1;position:relative}.topbar__tool-slot{flex-shrink:0;justify-content:center;align-items:center;display:flex}.topbar__tool-slot-inner{align-items:center;width:max-content;height:36px;display:flex}.topbar__tool{border-radius:var(--radius-pill);width:36px;height:36px;color:var(--ink-secondary);transition:background var(--duration) var(--ease), color var(--duration) var(--ease);flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex;position:relative}.topbar__tool:hover{color:var(--ink);background:#ffffffb8}.topbar__tool.is-on{color:var(--accent-ink);box-shadow:var(--shadow-sm);background:#ffffffeb}.topbar__tool-count{background:var(--accent);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:700;line-height:1;display:grid;position:absolute;top:2px;right:2px;box-shadow:0 0 0 1.5px #ffffffe6}.topbar__share{flex-shrink:0;align-items:center;height:44px;display:flex;overflow:visible}.topbar__share .btn{height:44px;padding:0 18px}.topbar__share-inner{align-items:center;width:max-content;height:100%;display:flex}.nav-orb{border-radius:var(--radius-pill);view-transition-name:nav-orb;flex-shrink:0;width:44px;height:44px;position:relative;overflow:visible}.nav-orb__face{position:absolute;inset:0}.nav-orb__hit{width:100%;height:100%;color:var(--ink-secondary);border-radius:var(--radius-pill);justify-content:center;align-items:center;padding:0;line-height:0;display:flex}.nav-orb__hit svg{display:block}.nav-orb__hit:hover{color:var(--ink)}.menu{width:100%;height:100%;position:relative}.menu__panel{z-index:90;-webkit-backdrop-filter:blur(64px)saturate(180%);background:#ffffffeb;border-radius:16px;flex-direction:column;min-width:180px;padding:6px;display:flex;position:fixed}.menu__item{text-align:left;height:36px;color:var(--ink);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:500;display:flex}.menu__item-main{align-items:center;gap:8px;min-width:0;display:inline-flex}.menu__item:hover:not(:disabled),.menu__item.is-active:not(:disabled){background:var(--bg-hover)}.menu__item.is-selected{background:var(--bg-subtle)}.menu__item.is-selected.is-active:not(:disabled),.menu__item.is-selected:hover:not(:disabled){background:var(--bg-hover)}.menu__item.is-danger{color:var(--danger)}.menu__item.is-danger:hover:not(:disabled){background:var(--danger-soft)}.stage{padding:calc(var(--nav-height) + 24px) 24px 24px;flex-direction:column;flex:1;display:flex}.stage__center{flex:1;place-items:center;padding-bottom:8vh;display:grid}.stage__wide{width:100%;max-width:1040px;margin:0 auto;padding:32px 0 80px}.stage__narrow{width:100%;max-width:560px;margin:0 auto;padding:32px 0 80px}.welcome{border-radius:var(--radius-xl);text-align:center;background:var(--glass-strong);flex-direction:column;align-items:center;width:min(100%,440px);padding:36px 32px 28px;display:flex}.welcome--wide{width:min(100%,520px)}.welcome .brand-mark{margin-bottom:20px}.welcome__art{margin-bottom:22px}.welcome__title{font-family:var(--font-display);letter-spacing:-.025em;margin-bottom:6px;font-size:22px;font-weight:600;line-height:1.2}.welcome__lead{color:var(--ink-muted);max-width:36ch;margin-bottom:24px;font-size:15px;line-height:1.45}.welcome>.btn{margin-top:16px}.gate{place-items:center;min-height:100vh;padding:48px 24px 10vh;display:grid}.gate__inner{flex-direction:column;align-items:center;width:min(100%,340px);display:flex}.gate__intro{text-align:center;width:100%;display:grid}.gate__intro-pane{opacity:0;pointer-events:none;transition:opacity .4s var(--ease), transform .4s var(--ease);flex-direction:column;grid-area:1/1;align-items:center;display:flex;transform:translateY(8px)}.gate__intro-pane.is-on{opacity:1;pointer-events:auto;transform:none}.gate__title{font-family:var(--font-display);letter-spacing:-.048em;text-align:center;min-height:1.06em;font-size:44px;font-weight:600;line-height:1.06}.gate__blurb{text-align:center;color:var(--ink-muted);max-width:32ch;min-height:3em;margin-top:14px;margin-bottom:36px;font-size:15px;line-height:1.5}.gate__form{flex-direction:column;gap:10px;width:100%;display:flex}.gate__name{opacity:0;pointer-events:none;transition:grid-template-rows .4s var(--ease), margin-bottom .4s var(--ease), opacity .28s var(--ease);grid-template-rows:0fr;margin-bottom:-10px;display:grid}.gate__name.is-open{opacity:1;pointer-events:auto;grid-template-rows:1fr;margin-bottom:0}.gate__name-inner{min-height:0;overflow:hidden}.gate__swap{place-items:center;display:grid}.gate__swap span{opacity:0;pointer-events:none;transition:opacity .28s var(--ease), transform .28s var(--ease);grid-area:1/1;transform:translateY(6px)}.gate__swap span.is-on{opacity:1;transform:none}.gate__secret{position:relative}.gate__secret .input{padding-right:64px}.gate__reveal{border-radius:var(--radius-pill);height:28px;color:var(--ink-secondary);background:0 0;border:none;padding:0 10px;font-size:12px;font-weight:500;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.gate__reveal:hover{color:var(--ink)}.gate__help{color:var(--ink-muted);text-align:center;margin-top:8px;font-size:12px;line-height:1.45}.gate__help a{color:var(--accent-ink)}.gate__form .input{border-radius:var(--radius-pill);height:44px;box-shadow:var(--glass-shine), var(--shadow-sm);background:#ffffffb8;padding:0 16px}.gate__form .input::placeholder{color:var(--ink-faint)}.gate__form .btn{width:100%;height:44px}.gate__form .btn-primary{margin-top:6px}.moment{z-index:130;pointer-events:auto;background:radial-gradient(55% 45% at 8% 0%, #c9bdff73, transparent 70%), radial-gradient(45% 40% at 96% 6%, #c4dcff73, transparent 70%), radial-gradient(60% 50% at 70% 100%, #ffdeec66, transparent 70%), radial-gradient(40% 40% at 0% 90%, #d6f0ec59, transparent 70%), var(--bg);place-items:center;padding:48px 24px 10vh;display:grid;position:fixed;inset:0}.moment__wave{gap:8px;display:flex}.gate__title+.moment__wave{margin-top:22px}.moment__wave span{background:var(--accent);width:9px;height:9px;animation:moment-wave .88s var(--ease) infinite;border-radius:50%}.moment__wave span:nth-child(2){animation-delay:.11s}.moment__wave span:nth-child(3){animation-delay:.22s}@keyframes moment-wave{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-11px)}}.skel-line,.skel-card,.skel-row{background:linear-gradient(90deg,#ffffff61,#ffffffdb,#ffffff61) 0 0/220% 100%;animation:1.5s infinite skel-shimmer}.skel-line{border-radius:8px;width:180px;height:16px;margin-bottom:10px}.skel-line--title{border-radius:12px;width:min(240px,70%);height:30px}.skel-line--sub{width:min(320px,85%);height:14px;margin-bottom:28px}.skel-card{border-radius:var(--radius-lg);height:176px}.skel-card--wide{max-width:720px;height:min(52vh,420px);margin:0 auto}@keyframes skel-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.skel-line,.skel-card,.skel-row,.moment__wave span{animation:none}.gate__intro-pane,.gate__name,.gate__swap span{transition:none}}.gate__or{color:var(--ink-faint);align-items:center;gap:12px;margin:2px 8px;font-size:13px;display:flex}.gate__or:before,.gate__or:after{content:"";background:var(--border-strong);flex:1;height:1px}.gate__error{color:var(--danger);text-align:center;font-size:13px;line-height:1.4}.create-field{text-align:left;width:100%}.create-field__row{border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);background:#fff;align-items:center;gap:8px;padding:6px 6px 6px 18px;display:flex}.create-field__row:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.create-field__input{background:0 0;border:none;flex:1;min-width:0;height:36px;font-size:15px}.create-field__input:focus{outline:none}.create-field__input::placeholder{color:var(--ink-faint)}.create-field--lg .create-field__input{height:40px;font-size:16px}.create-field__submit{background:var(--accent);color:#fff;width:36px;height:36px;transition:background var(--duration) var(--ease), opacity var(--duration) var(--ease), transform .12s var(--ease), box-shadow var(--duration) var(--ease);border-radius:50%;flex-shrink:0;place-items:center;display:grid;box-shadow:0 4px 12px #8e7fe066}.create-field--lg .create-field__submit{width:40px;height:40px}.create-field__submit:hover:not(:disabled){background:var(--accent-hover)}.create-field__submit:active:not(:disabled){transform:scale(.92)}.create-field__submit:disabled{background:var(--bg-pressed);color:var(--ink-faint);box-shadow:none}.create-field__suggest{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:14px;display:flex}.create-field__suggest-label{color:var(--ink-muted);margin-right:2px;font-size:13px}.greeting{margin-bottom:28px}.greeting--row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.greeting__copy{min-width:0}.greeting h1{font-family:var(--font-display);letter-spacing:-.035em;font-size:32px;font-weight:600;line-height:1.15}.greeting p{color:var(--ink-muted);margin-top:6px;font-size:15px}.greeting__new{flex-shrink:0;margin-top:4px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:20px;display:grid}.card-grid>div{display:flex}.card{border-radius:var(--radius-lg);border:1px solid var(--glass-edge);box-shadow:var(--glass-shine), var(--shadow-md);text-align:left;transition:top .32s var(--ease), box-shadow .32s var(--ease);flex-direction:column;flex:1;display:flex;position:relative;top:0}.card:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:var(--glass-strong);-webkit-backdrop-filter:var(--glass-blur);position:absolute;inset:0}.card>*{z-index:1;position:relative}.card__media{margin:8px 8px 0;position:relative}.card__preview{aspect-ratio:4/3;background:radial-gradient(80% 80% at 20% 10%,#c9bdff80,#0000 70%),radial-gradient(70% 70% at 90% 90%,#c4dcff8c,#0000 70%),#f1f0f6;border-radius:14px;position:relative;overflow:hidden}.card__monogram{font-family:var(--font-display);letter-spacing:-.04em;color:#1d1d1fc7;text-transform:uppercase;font-size:48px;font-weight:600}.card__preview--sitemap{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.card__sitemap-icon{width:56px;height:56px;color:var(--accent-ink);border:1px solid var(--glass-edge);box-shadow:var(--shadow-sm);background:#ffffffb8;border-radius:18px;place-items:center;display:grid}.card__sitemap-hint{color:var(--ink-muted);font-size:12px;font-weight:650}.card__action,.card__actions{z-index:5;opacity:0;transition:opacity var(--duration) var(--ease);position:absolute;top:10px;right:10px}.card:focus-within .card__action,.card:focus-within .card__actions{opacity:1}.card__action{width:32px;height:32px;color:var(--ink-secondary);border-radius:50%;place-items:center;display:grid}.card__action:hover{color:var(--ink)}.card__actions{border-radius:var(--radius-pill);border:1px solid var(--glass-edge);box-shadow:var(--glass-shine);-webkit-backdrop-filter:blur(64px)saturate(180%);background:#ffffffeb;padding:3px;display:flex}.card__actions button{width:28px;height:28px;color:var(--ink-secondary);transition:background var(--duration) var(--ease), color var(--duration) var(--ease);border-radius:50%;place-items:center;display:grid}.card__actions button:hover{color:var(--ink);background:#fffc}.card__actions button.is-danger:hover{color:var(--danger)}.card__body{flex-direction:column;gap:2px;padding:14px 16px 16px;display:flex}.card__name{letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.card__meta{color:var(--ink-secondary);font-size:13px}.card__time{color:var(--ink-muted);margin-top:6px;font-size:12px}.card--new{min-height:240px;box-shadow:none;color:var(--ink-secondary);background:#ffffff47;border:1.5px dashed #0000001f;justify-content:center;align-items:center;gap:12px;transition:none;position:relative;top:0}.card--new:after,.module-slot:after{content:"";border-radius:inherit;border:1.5px dashed var(--accent);opacity:0;pointer-events:none;transition:opacity .48s var(--ease);position:absolute;inset:0}.card.card--new:hover{color:var(--ink-secondary);box-shadow:none;background:#ffffff47;top:0}.card--new__icon{width:48px;height:48px;box-shadow:var(--shadow-md);background:#fff;border-radius:50%;place-items:center;display:grid}.card--new__plus{transition:transform .32s var(--ease);place-items:center;display:grid}@media (prefers-reduced-motion:reduce){.card--new:hover .card--new__plus{transform:none}}.card--new__label{font-size:14px;font-weight:500}@media (hover:hover) and (pointer:fine){.card:hover{box-shadow:var(--glass-shine), var(--shadow-lg);top:-3px}.card:hover .card__action,.card:hover .card__actions,.card--new:hover:after,.module-slot:hover:after{opacity:1}.card--new:hover .card--new__plus{transform:rotate(90deg)}.card:hover .preview--2 .preview__sheet--0{transform:translate(-14%,6%)rotate(-6deg)}.card:hover .preview--2 .preview__sheet--1{transform:translate(16%,-8%)rotate(6deg)}.card:hover .preview--3 .preview__sheet--1{transform:translate(-20%,-6%)rotate(-9deg)scale(.92)}.card:hover .preview--3 .preview__sheet--2{transform:translate(20%,-6%)rotate(9deg)scale(.92)}.page-row:hover .page-row__actions{opacity:1}}@media (hover:none),(pointer:coarse){.card__action,.card__actions,.page-row__actions{opacity:1}}.preview{place-items:center;display:grid;position:absolute;inset:0}.preview__sheet{aspect-ratio:4/3;width:62%;transition:transform .42s var(--ease);background:#fff;border-radius:10px;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #0000000a,0 8px 24px #14142824}.preview__sheet img{object-fit:cover;object-position:top;width:100%;height:100%}.preview--1 .preview__sheet--0{width:68%}.preview--2 .preview__sheet--0{z-index:2;transform:translate(-8%,4%)rotate(-4deg)}.preview--2 .preview__sheet--1{transform:translate(10%,-6%)rotate(4deg)}.preview--3 .preview__sheet--0{z-index:3;transform:translateY(6%)}.preview--3 .preview__sheet--1{z-index:2;transform:translate(-14%,-4%)rotate(-6deg)scale(.92)}.preview--3 .preview__sheet--2{transform:translate(14%,-4%)rotate(6deg)scale(.92)}.page-list{flex-direction:column;gap:10px;display:flex}.page-list>div{min-width:0;display:flex}.card.page-row{flex-direction:row;align-items:center;gap:14px;min-height:0;padding:6px 12px 6px 6px;top:0}.page-row__thumb{background:radial-gradient(80% 80% at 20% 10%,#c9bdff80,#0000 70%),radial-gradient(70% 70% at 90% 90%,#c4dcff8c,#0000 70%),#f1f0f6;border-radius:10px;flex-shrink:0;width:96px;height:68px;position:relative;overflow:hidden}.page-row__thumb .preview__sheet{border-radius:7px;width:56%}.page-row__thumb .preview--1 .preview__sheet--0{width:62%}.page-row__thumb .wireframe{border-radius:7px;gap:2px;width:54%;max-height:78%;padding:4px}.page-row__thumb .wireframe__row{border-radius:4px;gap:3px;padding:2px}.page-row__thumb .wireframe__media{border-radius:2px;width:14px;height:9px}.page-row__thumb .wireframe__lines{gap:2px}.page-row__thumb .wireframe__lines span{height:2px}.page-row__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.page-row__modules{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.page-row__aside{flex-shrink:0;justify-content:flex-start;align-items:center;padding-right:4px;display:flex}.page-row__aside .status-pill{white-space:nowrap;justify-content:flex-start;width:8rem}.page-row__actions{border-radius:var(--radius-pill);border:1px solid var(--glass-edge);box-shadow:var(--glass-shine);-webkit-backdrop-filter:blur(64px)saturate(180%);opacity:0;transition:opacity var(--duration) var(--ease);background:#ffffffeb;flex-shrink:0;padding:3px;display:flex}.page-row:focus-within .page-row__actions{opacity:1}.page-row__actions button{width:28px;height:28px;color:var(--ink-secondary);transition:background var(--duration) var(--ease), color var(--duration) var(--ease);border-radius:50%;place-items:center;display:grid}.page-row__actions button:hover{color:var(--ink);background:#fffc}.page-row__actions button.is-danger:hover{color:var(--danger)}.card.page-row--new{justify-content:flex-start;gap:14px;min-height:0;padding:6px 12px 6px 6px}.page-row__thumb--new{background:#fff;place-items:center;display:grid}.page-row__thumb--new .card--new__icon{width:36px;height:36px;box-shadow:var(--shadow-sm)}.skel-row{border-radius:var(--radius-lg);height:80px}.wireframe{background:#ffffffbf;border-radius:12px;flex-direction:column;gap:6px;width:62%;padding:10px;display:flex;box-shadow:0 8px 24px #14142814}.welcome__art .wireframe{width:160px}.wireframe__row{border:1px dashed #0000001a;border-radius:7px;gap:6px;padding:6px;display:flex}.wireframe__row.is-filled{background:#8e7fe014;border:1px solid #0000}.wireframe__media{background:#0000000f;border-radius:4px;width:28px;height:18px}.wireframe__row.is-filled .wireframe__media{background:#8e7fe047}.wireframe__lines{flex-direction:column;flex:1;justify-content:center;gap:4px;display:flex}.wireframe__lines span{background:#00000014;border-radius:2px;height:3px}.wireframe__lines span:last-child{width:60%}.status-bar{border-radius:2px;gap:2px;height:4px;margin-top:10px;display:flex;overflow:hidden}.status-bar__seg{border-radius:2px}.status-fill--draft{background:#0000001a}.status-fill--ready{background:var(--status-ready)}.status-fill--signed_off{background:var(--status-signed)}.sheet-backdrop__blur{z-index:60;pointer-events:none;background:#ffffff47;position:fixed;inset:0}.sheet-backdrop{z-index:61;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.sheet{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(64px)saturate(180%);width:max-content;max-width:min(100%,520px);box-shadow:var(--glass-shine), var(--shadow-lg);background:#ffffffeb}.sheet__inner{width:max-content;max-width:min(92vw,520px);padding:22px}.sheet--dialog .sheet__inner{max-width:min(92vw,400px);padding:24px}.sheet.sheet--share,.sheet.sheet--share .sheet__inner,.sheet.sheet--search,.sheet.sheet--search .sheet__inner{width:min(92vw,560px);max-width:min(92vw,560px)}.sheet__head{margin-bottom:16px;padding:0 4px}.sheet__title{font-family:var(--font-display);letter-spacing:-.02em;font-size:18px;font-weight:600}.sheet__hint{color:var(--ink-muted);margin-top:4px;font-size:14px;line-height:1.45}.sheet .create-field__suggest{justify-content:flex-start;padding:0 4px}.sheet__keys{border-top:1px solid var(--border);color:var(--ink-muted);justify-content:flex-end;gap:14px;margin-top:18px;padding:14px 4px 0;font-size:12px;display:flex}.sheet__keys span{align-items:center;gap:6px;display:inline-flex}.sheet__actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.share-form{align-items:center;gap:8px;display:flex}.share-form__email{border-radius:var(--radius-pill);background:#ffffffd1;flex:1;min-width:0;height:40px;padding:0 16px}.share-form .btn{flex-shrink:0;height:40px;padding:0 18px}.share-select{border:1px solid var(--border);border-radius:var(--radius-pill);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#ffffffd1;flex:none;width:132px;height:40px;margin:0;padding:0 32px 0 14px;font-size:14px;font-weight:500;line-height:40px;position:relative;overflow:hidden}.share-select:after{content:"";border-right:1.5px solid var(--ink-secondary);border-bottom:1.5px solid var(--ink-secondary);pointer-events:none;width:7px;height:7px;margin-top:-5px;position:absolute;top:50%;right:14px;transform:rotate(45deg)}.share-select:hover{background:#fffffff2}.share-select:focus,.share-select[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);background:#fff;outline:none}.share-people{flex-direction:column;gap:8px;margin-top:18px;list-style:none;display:flex}.share-person{border-radius:var(--radius-pill);background:#ffffff80;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:44px;padding:4px 4px 4px 14px;display:grid}.share-person__email{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.share-person__role{color:var(--ink-muted);padding-right:12px;font-size:13px}.share-person .share-select{background:#ffffffe6;width:124px;height:32px;padding:0 28px 0 12px;font-size:13px;line-height:32px}.share-person .share-select:after{width:6px;height:6px;margin-top:-4px;right:12px}.share-person__remove{border-radius:var(--radius-pill);height:32px;color:var(--ink-secondary);padding:0 12px;font-size:13px}.share-person__remove:hover{color:var(--danger);background:var(--danger-soft)}.share-empty{color:var(--ink-muted);text-align:center;margin-top:10px;font-size:13px}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-dot--draft{background:var(--status-draft)}.status-dot--ready{background:var(--status-ready);box-shadow:0 0 0 3px #5b8def2e}.status-dot--signed_off{background:var(--status-signed);box-shadow:0 0 0 3px #34a46b2e}.status-dot--connected{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.status-pill{border-radius:var(--radius-pill);background:var(--bg-subtle);height:30px;color:var(--ink-secondary);align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.status-pill--select{cursor:pointer;padding-right:28px;position:relative}.status-pill--select:hover,.status-pill--select[aria-expanded=true]{background:var(--bg-hover)}.status-pill--select:after{content:"";border-right:1.5px solid var(--ink-muted);border-bottom:1.5px solid var(--ink-muted);pointer-events:none;width:6px;height:6px;position:absolute;top:50%;right:12px;transform:translateY(-70%)rotate(45deg)}.status-pill--select:focus{outline:none}.status-pill--select:focus-visible,.status-pill--select[aria-expanded=true]{box-shadow:0 0 0 3px var(--accent-soft)}.toast-viewport{z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;border-radius:var(--radius-pill);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);color:var(--ink);box-shadow:var(--glass-shine), var(--shadow-md);padding:10px 18px;font-size:13px;font-weight:500}.editor{flex:1;min-height:0;position:relative}.doc-view{width:100%;padding:var(--editor-top) 16px 40vh calc(16px + var(--rail-width) + 16px);box-sizing:border-box;transition:padding .48s var(--ease);justify-content:center;margin:0;display:flex}.doc-view__stack{--doc-sheets:1;width:min(var(--doc-page-width), 100%);min-height:calc(var(--doc-sheets) * var(--doc-page-height) + (var(--doc-sheets) - 1) * var(--doc-page-gap));position:relative}.doc-view__sheets{gap:var(--doc-page-gap);pointer-events:none;z-index:0;flex-direction:column;display:flex;position:absolute;inset:0}.doc-view__sheet{width:100%;height:var(--doc-page-height);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:0 0;flex-shrink:0;position:relative}.doc-view__sheet:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);box-shadow:var(--glass-shine);background:#ffffffeb;position:absolute;inset:0}.doc-view__sheet-num{z-index:1;color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;position:absolute;bottom:12px;right:14px}.doc-view__write{z-index:1;box-sizing:border-box;width:100%;min-height:calc(var(--doc-sheets) * var(--doc-page-height) + (var(--doc-sheets) - 1) * var(--doc-page-gap));padding:72px 72px 96px;position:relative}.doc-page{min-height:calc(var(--doc-page-height) - 72px - 96px);position:relative}.doc-page__placeholder{pointer-events:none;font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink-faint);margin:0;font-size:28px;font-weight:550;position:absolute;top:0;left:0}.doc-page__editor{min-height:calc(var(--doc-page-height) - 72px - 96px);color:var(--ink);font-family:var(--font-sans);letter-spacing:-.01em;caret-color:var(--ink);outline:none;font-size:16px;line-height:1.7}.doc-page__editor:focus{outline:none}.doc-page__editor [contenteditable=false]{opacity:.85}.doc-page__editor h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:1.6em 0 .35em;font-size:28px;font-weight:650;line-height:1.2}.doc-page__editor h1:first-child{margin-top:0}.doc-page__editor h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:1.25em 0 .25em;font-size:18px;font-weight:650;line-height:1.3}.doc-page__editor p{min-height:1.7em;margin:0 0 .75em}.doc-page__editor p:last-child{margin-bottom:0}.doc-page__editor b,.doc-page__editor strong{font-weight:700}.doc-page__editor i,.doc-page__editor em{font-style:italic}.doc-page__editor u{text-underline-offset:2px;text-decoration:underline}::highlight(toolbox-find){color:inherit;background:#8e7fe038}::highlight(toolbox-find-active){color:inherit;background:#8e7fe073}::highlight(toolbox-comment){color:inherit;background:#ffd67873}::highlight(toolbox-comment-active){color:inherit;background:#ffc450b3}.doc-comment-pop{z-index:4;border-radius:var(--radius-pill);height:32px;color:var(--ink);white-space:nowrap;-webkit-backdrop-filter:none;background:0 0;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;transform:translate(-50%,-100%)}.doc-comment-pop:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:var(--glass-strong);-webkit-backdrop-filter:var(--glass-blur);position:absolute;inset:0}.doc-comment-pop>*{z-index:1;position:relative}.find-bar{top:calc(var(--nav-height) + 8px);z-index:6;border-radius:var(--radius-pill);-webkit-backdrop-filter:none;height:40px;transition:right .48s var(--ease);background:0 0;align-items:center;gap:6px;padding:4px 8px 4px 12px;display:flex;position:absolute;right:16px}.find-bar:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:var(--glass-strong);-webkit-backdrop-filter:var(--glass-blur);position:absolute;inset:0}.find-bar>*{z-index:1;position:relative}.find-bar input{width:180px;font:inherit;background:0 0;border:none;outline:none;font-size:13px}.find-bar__count{min-width:3.5ch;color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.find-bar button{width:28px;height:28px;color:var(--ink-secondary);border-radius:50%;place-items:center;display:grid}.find-bar button:hover{color:var(--ink);background:#ffffffb8}.editor.has-comments .doc-view,.editor.has-comments .canvas__flow{padding-right:calc(16px + var(--comment-gutter) + 16px)}.editor.has-comments .find-bar{right:calc(16px + var(--comment-gutter) + 12px)}.comment-gutter{top:var(--editor-top);width:min(var(--comment-gutter), calc(100% - 32px));max-height:calc(100% - var(--editor-top) - 16px);z-index:5;flex-direction:column;gap:10px;min-height:0;display:flex;position:absolute;right:16px}.comment-gutter__head{border-radius:var(--radius-pill);-webkit-backdrop-filter:none;background:0 0;justify-content:space-between;align-items:center;height:40px;padding:0 8px 0 14px;display:flex;position:relative}.comment-gutter__head:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:var(--glass-strong);-webkit-backdrop-filter:var(--glass-blur);position:absolute;inset:0}.comment-gutter__head>*{z-index:1;position:relative}.comment-gutter__head span{align-items:center;gap:8px;font-size:13px;font-weight:650;display:inline-flex}.comment-gutter__head button{width:28px;height:28px;color:var(--ink-muted);border-radius:50%;place-items:center;display:grid}.comment-gutter__head button:hover{color:var(--ink);background:#ffffffb8}.comment-gutter__list{flex-direction:column;gap:10px;min-height:0;padding:2px;display:flex;overflow-y:auto}.comment-empty,.comment-thread{-webkit-backdrop-filter:none;background:0 0;border-radius:18px;position:relative}.comment-empty:before,.comment-thread:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:var(--glass-strong);-webkit-backdrop-filter:var(--glass-blur);position:absolute;inset:0}.comment-empty>*,.comment-thread>*{z-index:1;position:relative}.comment-empty{text-align:center;padding:22px 18px}.comment-empty p{color:var(--ink-muted);margin:0;font-size:14px;line-height:1.45}.comment-thread{padding:12px 12px 10px}.comment-thread.is-resolved{opacity:.7}.comment-thread.is-active{box-shadow:var(--glass-shine), var(--shadow-md)}.comment-thread__hit{text-align:left;flex-direction:column;align-items:stretch;gap:8px;width:100%;display:flex}.comment-thread__quote{text-align:left;width:100%;color:var(--ink-muted);border-left:2px solid #ffc450e6;padding:0 0 0 8px;font-size:12px;line-height:1.4;display:block}.comment-note{align-items:flex-start;gap:8px;display:flex}.comment-note__avatar{background:var(--accent-soft);width:24px;height:24px;color:var(--accent-ink);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.comment-note__copy{flex:1;min-width:0}.comment-note__who{justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;font-weight:650;display:flex}.comment-note__who time{color:var(--ink-muted);font-size:11px;font-weight:550}.comment-note__body{color:var(--ink);margin:2px 0 0;font-size:13px;line-height:1.45}.comment-thread__more{color:var(--accent-ink);padding-left:32px;font-size:12px;font-weight:600}.comment-compose{flex-direction:column;align-items:stretch;gap:8px;margin-top:10px;display:flex}.comment-compose textarea{resize:none;width:100%;font:inherit;background:#ffffffb8;border:none;border-radius:12px;outline:none;padding:10px 12px;line-height:1.45}.comment-thread__cancel,.comment-gutter__resolved{color:var(--ink-muted);text-align:left;margin-top:6px;font-size:12px;font-weight:600}.comment-thread__tools{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.comment-thread__tools button{border-radius:var(--radius-pill);height:26px;color:var(--ink-secondary);align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.comment-thread__tools button:hover,.comment-thread__cancel:hover,.comment-gutter__resolved:hover{color:var(--ink);background:#ffffffb8}.comment-thread__tools button.is-danger:hover{background:var(--danger-soft);color:var(--danger)}.search-backdrop{place-items:start center;padding-top:14vh}.search-sheet{flex-direction:column;gap:10px;display:flex}.search-sheet__field{border-radius:var(--radius-pill);border:1px solid var(--border);box-shadow:var(--shadow-sm);color:var(--ink-secondary);background:#fff;align-items:center;gap:10px;padding:6px 6px 6px 16px;display:flex}.search-sheet__field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.search-sheet__field input{min-width:0;height:40px;font:inherit;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:16px}.search-sheet__field button{border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.search-sheet__field button:hover{color:var(--ink);background:#ffffffb8}.search-sheet__label{color:var(--ink-muted);padding:8px 4px 0;font-size:12px;font-weight:650}.search-sheet__hits{max-height:46vh;margin:0 -4px;padding:0 4px;list-style:none;overflow-y:auto}.search-sheet__hits button{text-align:left;width:100%;color:var(--ink);border-radius:12px;align-items:center;gap:12px;padding:9px 10px;display:flex}.search-sheet__hits button.is-active,.search-sheet__hits button:hover{background:#ffffffb8}.search-sheet__kind{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-ink);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.search-sheet__copy{flex:1;min-width:0}.search-sheet__title,.search-sheet__detail{display:block}.search-sheet__title{color:var(--ink);font-size:14px;font-weight:600}.search-sheet__detail{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.search-sheet__tag{color:var(--ink-muted);flex-shrink:0;font-size:11px;font-weight:650}.search-sheet__empty{color:var(--ink-muted);margin:8px 4px 4px;font-size:14px;line-height:1.45}.search-sheet .sheet__keys{margin-top:6px}.sitemap-canvas{background:radial-gradient(90% 70% at 50% 0%, #c9bdff29, transparent 58%), radial-gradient(70% 50% at 100% 100%, #c4dcff1f, transparent 55%), var(--bg);min-height:0;position:relative}.sitemap-canvas__viewport{cursor:grab;touch-action:none;position:absolute;inset:0;overflow:hidden}.sitemap-canvas__viewport:active{cursor:grabbing}.sitemap-canvas__world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.sitemap-canvas__hud{z-index:5;border-radius:var(--radius-pill);align-items:center;gap:14px;max-width:min(92vw,580px);padding:8px 10px 8px 16px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.sitemap-canvas__meta{min-width:0;color:var(--ink-muted);flex-direction:column;gap:1px;font-size:12px;display:flex}.sitemap-canvas__meta strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.sitemap-canvas__tools{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.sitemap-canvas__tool{width:32px;height:32px;color:var(--ink-secondary);border-radius:50%;place-items:center;display:grid}.sitemap-canvas__tool:hover:not(:disabled){color:var(--ink);background:#ffffffb8}.sitemap-canvas__tool:disabled{opacity:.45}.sitemap-canvas__zoom{border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;width:auto;min-width:48px;padding:0 8px;font-size:12px;font-weight:650}.sitemap-canvas__back{border-radius:var(--radius-pill);height:32px;color:var(--accent-ink);background:var(--accent-soft);white-space:nowrap;align-items:center;padding:0 12px;font-size:12px;font-weight:650;display:inline-flex}.sitemap-canvas__back:hover{background:#fffc}.sitemap-tree{--sitemap-line:#8e7fe066;--sitemap-line-w:1.5px;--sitemap-rise:30px;--sitemap-pad:14px;flex-direction:column;align-items:center;width:max-content;padding:48px 56px;display:flex}.sitemap-node{flex-direction:column;align-items:center;display:flex}.sitemap-kids{padding-top:var(--sitemap-rise);justify-content:center;align-items:flex-start;margin-top:0;display:flex;position:relative}.sitemap-kids:before{content:"";width:var(--sitemap-line-w);height:var(--sitemap-rise);background:var(--sitemap-line);border-radius:999px;position:absolute;top:0;left:50%;transform:translate(-50%)}.sitemap-kid{padding:var(--sitemap-rise) var(--sitemap-pad) 0;flex-direction:column;align-items:center;display:flex;position:relative}.sitemap-kid:before,.sitemap-kid:after{content:"";width:50%;height:var(--sitemap-rise);border-top:var(--sitemap-line-w) solid var(--sitemap-line);position:absolute;top:0;right:50%}.sitemap-kid:after{border-left:var(--sitemap-line-w) solid var(--sitemap-line);left:50%;right:auto}.sitemap-kid:only-child:after{display:none}.sitemap-kid:only-child:before{border:0;border-left:var(--sitemap-line-w) solid var(--sitemap-line);width:0;height:var(--sitemap-rise);left:50%;right:auto}.sitemap-kid:first-child:not(:only-child):before{border:0}.sitemap-kid:last-child:not(:only-child):after{border-top:0;border-left:var(--sitemap-line-w) solid var(--sitemap-line)}.sitemap-kids.is-single:before{height:calc(var(--sitemap-rise) * .55)}.sitemap-card{text-align:left;width:168px;color:inherit;-webkit-backdrop-filter:none;box-shadow:var(--shadow-md);transition:transform .18s var(--ease), box-shadow .18s var(--ease);background:0 0;border-radius:16px;flex-direction:column;gap:8px;padding:11px 11px 12px;display:flex;position:relative}.sitemap-card:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);box-shadow:var(--glass-shine);background:#ffffffd6;position:absolute;inset:0}.sitemap-card>*{z-index:1;position:relative}.sitemap-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.sitemap-card--root{gap:10px;width:200px;padding:13px 13px 14px}.sitemap-card--section{width:168px}.sitemap-card--section:before{background:linear-gradient(#ede9ff8c,#ffffffd1);border-color:#8e7fe047}.sitemap-card--page{border-radius:14px;gap:6px;width:152px;padding:10px}.sitemap-card--d2,.sitemap-card--d3{border-radius:13px;width:140px;padding:9px 10px}.sitemap-card--more{width:auto;min-width:96px;box-shadow:none;cursor:default;align-items:center;padding:10px 14px}.sitemap-card--more:before{box-shadow:none;background:#ffffff80}.sitemap-card__more-label{color:var(--ink-muted);white-space:nowrap;font-size:12px;font-weight:650}.sitemap-card__chrome{justify-content:space-between;align-items:center;display:flex}.sitemap-card__dots{gap:3.5px;display:inline-flex}.sitemap-card__dots i{background:#8e7fe080;border-radius:50%;width:5px;height:5px}.sitemap-card__menu{background:#8e7fe01f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2.5px;width:20px;height:20px;display:inline-flex}.sitemap-card__menu i{background:var(--accent-ink);border-radius:999px;width:8px;height:1.5px}.sitemap-card__badge{font-variant-numeric:tabular-nums;min-width:20px;height:20px;color:var(--accent-ink);background:#8e7fe029;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:10px;font-weight:700;display:inline-flex}.sitemap-card__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.56em;font-size:14px;font-weight:650;line-height:1.28;display:-webkit-box;overflow:hidden}.sitemap-card--root .sitemap-card__title{min-height:2.5em;font-size:15px}.sitemap-card--page .sitemap-card__title,.sitemap-card--d2 .sitemap-card__title,.sitemap-card--d3 .sitemap-card__title{min-height:2.4em;font-size:13px}.sitemap-card__stage{background:radial-gradient(80% 80% at 10% 0,#c9bdff38,#0000 70%),radial-gradient(70% 70% at 100% 100%,#c4dcff38,#0000 70%),#f8f7fcb8;border-radius:12px;flex-direction:column;gap:6px;padding:9px;display:flex}.sitemap-card__bar{border-radius:7px;display:block}.sitemap-card__bar--title{width:68%;height:14px}.sitemap-card__bar--body{width:100%;height:26px}.sitemap-card__bar--cta{width:52%;height:12px}.sitemap-card--section .sitemap-card__bar--body{height:20px}.sitemap-card--v0 .sitemap-card__bar--title{background:linear-gradient(135deg,#8e7fe0b3,#8e7fe052)}.sitemap-card--v0 .sitemap-card__bar--body{background:linear-gradient(135deg,#6e96dc7a,#6e96dc38)}.sitemap-card--v0 .sitemap-card__bar--cta{background:linear-gradient(135deg,#78b4aa7a,#78b4aa38)}.sitemap-card--v1 .sitemap-card__bar--title{background:linear-gradient(135deg,#6e96dca6,#6e96dc4d)}.sitemap-card--v1 .sitemap-card__bar--body{background:linear-gradient(135deg,#8e7fe06b,#8e7fe033)}.sitemap-card--v1 .sitemap-card__bar--cta{background:linear-gradient(135deg,#78b4aa7a,#78b4aa38)}.sitemap-card--v2 .sitemap-card__bar--title{background:linear-gradient(135deg,#78b4aa9e,#78b4aa47)}.sitemap-card--v2 .sitemap-card__bar--body{background:linear-gradient(135deg,#6e96dc73,#6e96dc33)}.sitemap-card--v2 .sitemap-card__bar--cta{background:linear-gradient(135deg,#8e7fe080,#8e7fe038)}.sitemap-card__meta{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.sitemap-card__path{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:600;overflow:hidden}.sitemap-card__kind{letter-spacing:.02em;text-transform:uppercase;color:var(--accent-ink);opacity:.8;flex-shrink:0;font-size:10px;font-weight:700}.sitemap-canvas__hint{z-index:4;border-radius:var(--radius-pill);color:var(--ink-muted);border:1px solid var(--glass-edge);pointer-events:none;white-space:nowrap;background:#ffffff8c;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:18px;left:50%;transform:translate(-50%)}.is-spin{animation:.7s linear infinite design-spin}.module__tools{flex-shrink:0;align-items:center;gap:4px;display:flex}.module__comment{width:30px;height:30px;color:var(--ink-muted);opacity:.45;transition:opacity var(--duration) var(--ease), background var(--duration) var(--ease), color var(--duration) var(--ease);border-radius:50%;place-items:center;display:inline-grid;position:relative}.module__head:hover .module__comment,.module__comment:focus-visible,.module__comment.has-notes{opacity:1}.module__comment:hover{color:var(--ink);background:#ffffffb8}.module__comment.has-notes{background:var(--accent-soft);color:var(--accent-ink)}.module__comment-count{background:var(--accent);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:700;line-height:1;display:grid;position:absolute;top:-2px;right:-2px;box-shadow:0 0 0 1.5px #fff}.welcome__actions{flex-direction:column;align-items:stretch;gap:12px;width:min(420px,100%);margin-top:8px;display:flex}.welcome__actions .btn{justify-content:center}.rail-shell{top:var(--editor-top);width:var(--rail-width);max-height:calc(100% - var(--editor-top) - 16px);z-index:4;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);pointer-events:auto;flex-direction:column;min-height:0;display:flex;position:absolute;left:16px}.rail{border-radius:var(--radius-lg);width:100%;min-height:0;max-height:100%;box-shadow:var(--glass-shine);flex-direction:column;display:flex;overflow:hidden}.rail__switch{border-radius:var(--radius-pill);background:#ffffff73;gap:2px;margin:10px 10px 0;padding:3px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff59}.rail__switch-pill{border-radius:var(--radius-pill);width:calc(50% - 4px);box-shadow:var(--shadow-sm);pointer-events:none;z-index:0;background:#fff;position:absolute;top:3px;bottom:3px}.rail__switch-pill.is-document{left:calc(50% + 1px)}.rail__switch-pill.is-modules{left:3px}.rail__switch-btn{z-index:1;border-radius:var(--radius-pill);min-width:0;color:var(--ink-secondary);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 8px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex;position:relative}.rail__switch-btn:hover{color:var(--ink)}.rail__switch-btn.is-active{color:var(--ink);box-shadow:none;background:0 0}.canvas__view{width:100%;min-height:100%}.rail__head{justify-content:space-between;align-items:center;padding:12px 12px 8px 18px;display:flex}.rail__label{color:var(--ink-secondary);font-size:13px;font-weight:600}.rail__empty{color:var(--ink-muted);background:#fff6;border-radius:12px;margin:4px 14px 16px;padding:12px 10px;font-size:12px;line-height:1.45}.rail__add{width:28px;height:28px;color:var(--ink-secondary);transition:background var(--duration) var(--ease), color var(--duration) var(--ease);border-radius:50%;place-items:center;display:grid}.rail__add:hover{color:var(--accent-ink);background:#fffc}.rail__list{scrollbar-width:none;flex-direction:column;gap:2px;min-height:0;padding:0 8px 10px;display:flex;overflow-y:auto}.rail__list::-webkit-scrollbar{display:none}.rail-item{transition:background var(--duration) var(--ease), box-shadow var(--duration) var(--ease);border-radius:13px;align-items:center;display:flex;position:relative}.rail-item.is-movable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.rail.is-reordering,.rail.is-reordering .rail-item,.rail-item.is-dragging{cursor:grabbing}.rail-item.is-dragging{z-index:6;box-shadow:var(--shadow-lg), 0 0 0 1px #0000000a;background:#fffffff7}.rail-item.is-dragging .rail-item__delete{opacity:0;pointer-events:none}.rail-item:hover{background:#ffffff80}.rail-item.is-active{box-shadow:var(--shadow-sm), 0 0 0 1px #00000008;background:#ffffffeb}.rail-item__main{text-align:left;flex:1;align-items:center;gap:11px;min-width:0;padding:8px;display:flex}.rail-item__thumb{width:44px;height:33px;color:var(--ink-muted);font-variant-numeric:tabular-nums;background:#0000000a;border-radius:8px;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:grid;overflow:hidden}.rail-item__thumb img{object-fit:cover;object-position:top;width:100%;height:100%}.rail-item--page .rail-item__main{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:none}.rail-item__page-thumb{border:1px solid var(--glass-edge);width:28px;height:36px;box-shadow:var(--shadow-sm);background:#ffffffe0;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:center;gap:2px;padding:4px 3px 3px;display:flex;position:relative}.rail-item__page-lines{flex-direction:column;flex:1;justify-content:center;gap:2px;width:70%;display:flex}.rail-item__page-lines i{background:#8e7fe059;border-radius:999px;height:1.5px;display:block}.rail-item__page-lines i:nth-child(2){width:85%}.rail-item__page-lines i:nth-child(3){width:60%}.rail-item__page-index{color:var(--accent-ink);font-variant-numeric:tabular-nums;font-size:9px;font-weight:700;line-height:1}.rail-item--page.is-active .rail-item__page-thumb{box-shadow:0 0 0 2px var(--accent-soft);border-color:#8e7fe073}.rail-item__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.rail-item__name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.rail-item.is-active .rail-item__name{font-weight:600}.rail-item__status{color:var(--ink-muted);align-items:center;gap:6px;font-size:12px;display:flex}.rail-item__status .status-dot{width:6px;height:6px;box-shadow:none}.rail-item__tools{flex-shrink:0;align-items:center;gap:2px;padding-right:6px;display:flex}.rail-item__grip{opacity:0;width:10px;transition:opacity var(--duration) var(--ease);grid-template-columns:1fr 1fr;gap:2px;margin:0 4px;display:grid}.rail-item__grip i{background:var(--ink-faint);border-radius:50%;width:3px;height:3px}.rail-item:hover .rail-item__grip,.rail-item.is-dragging .rail-item__grip{opacity:1}.rail-item__delete{width:26px;height:26px;color:var(--ink-muted);opacity:0;transition:opacity var(--duration) var(--ease), background var(--duration) var(--ease);border-radius:50%;place-items:center;display:grid}.rail-item:hover .rail-item__delete,.rail-item__delete:focus-visible{opacity:1}.rail-item__delete:hover{background:var(--danger-soft);color:var(--danger)}.canvas{scroll-behavior:smooth;scrollbar-width:none;height:100%;min-height:0;overflow:hidden auto}.canvas::-webkit-scrollbar{display:none}.canvas__center{min-height:100%;padding:var(--editor-top) 0 8vh;place-items:center;display:grid}.canvas__flow{padding:var(--editor-top) 16px 40vh calc(16px + var(--rail-width) + 16px);transition:padding .48s var(--ease);flex-direction:column;gap:24px;display:flex}.editor--empty .canvas__flow{max-width:1040px;margin:0 auto}.module-demo{width:220px;box-shadow:var(--shadow-md);background:#fff;border-radius:16px;gap:10px;margin-bottom:24px;padding:10px;display:flex}.module-demo__design{width:92px;height:72px;color:var(--accent);background:radial-gradient(80% 80% at 30% 20%,#c9bdff8c,#0000 70%),#f4f2fb;border-radius:10px;place-items:center;display:grid}.module-demo__copy{flex-direction:column;flex:1;justify-content:center;gap:5px;display:flex}.module-demo__label{background:#0000001f;border-radius:2px;width:40%;height:4px}.module-demo__line{background:#0000000d;border-radius:5px;height:12px;margin-bottom:3px}.module-demo__line--short{width:70%}.module-slot{border-radius:var(--radius-lg);text-align:left;width:100%;color:var(--ink-secondary);transition:background .48s var(--ease);background:#ffffff40;border:1.5px dashed #0000001f;align-items:center;gap:14px;padding:18px 20px;display:flex;position:relative}.module-slot:hover{background:#ffffff8c}.module-slot__icon{width:36px;height:36px;box-shadow:var(--shadow-sm);transition:color var(--duration) var(--ease);background:#fff;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.module-slot:hover .module-slot__icon{color:var(--accent-ink)}.module-slot__title{color:var(--ink);font-size:14px;font-weight:600;display:block}.module-slot__hint{color:var(--ink-muted);margin-top:1px;font-size:13px;display:block}.module-shell{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);scroll-margin-top:0}.module{border-radius:var(--radius-lg);border:1px solid var(--glass-edge);box-shadow:var(--glass-shine);position:relative}.module:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:var(--glass-strong);-webkit-backdrop-filter:var(--glass-blur);position:absolute;inset:0}.module>*{z-index:1;position:relative}.module__head{align-items:center;gap:10px;padding:12px 14px 12px 16px;display:flex}.module__index{background:var(--bg-subtle);width:26px;height:26px;color:var(--ink-secondary);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:grid}.module__name{min-width:0;font-family:var(--font-display);letter-spacing:-.02em;transition:background var(--duration) var(--ease), box-shadow var(--duration) var(--ease);background:0 0;border:none;border-radius:8px;flex:1;padding:4px 8px;font-size:17px;font-weight:600}.module__name:hover{background:var(--bg-subtle)}.module__name:focus{box-shadow:0 0 0 3px var(--accent-soft);background:#fff;outline:none}.module__body{grid-template-columns:minmax(280px,1.1fr) minmax(300px,1fr);gap:10px;min-height:360px;padding:0 10px 10px;display:grid}.module__design{transition:box-shadow var(--duration) var(--ease), background var(--duration) var(--ease);background:radial-gradient(70% 60% at 20% 0,#c9bdff38,#0000 70%),radial-gradient(60% 60% at 100% 100%,#c4dcff40,#0000 70%),#f5f5f7;border-radius:14px;outline:none;place-items:center;padding:28px;display:grid;position:relative}.module__design.is-paste-ready{box-shadow:inset 0 0 0 2px var(--accent-ring)}.module__design.is-dragging{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.module__design.is-busy .float-toolbar{opacity:0;pointer-events:none}.design-busy{z-index:4;border-radius:inherit;color:var(--ink);background:#ffffff8c;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex;position:absolute;inset:0}.design-busy__spin{border:2px solid #0000001f;border-top-color:var(--ink);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite design-spin}@keyframes design-spin{to{transform:rotate(360deg)}}.artboard{background:#fff;border-radius:10px;max-width:100%;overflow:hidden;box-shadow:0 0 0 1px #0000000d,0 12px 32px #1414281f}.artboard.is-loading img{opacity:.45}.artboard.is-err{background:var(--bg-subtle);min-height:120px;box-shadow:none;place-items:center;padding:24px;display:grid}.artboard__fail{color:var(--ink-muted);text-align:center;font-size:13px}.module__delete{width:30px;height:30px;color:var(--ink-muted);opacity:0;border-radius:50%;place-items:center;display:grid}.module__head:hover .module__delete,.module__delete:focus-visible{opacity:1}.module__delete:hover{background:var(--danger-soft);color:var(--danger)}.artboard img{object-fit:contain;pointer-events:none;width:auto;max-width:100%;height:auto;max-height:min(52vh,440px);display:block}.float-toolbar{opacity:0;pointer-events:none;transition:opacity var(--duration) var(--ease);justify-content:center;display:flex;position:absolute;bottom:14px;left:0;right:0}.module__design:hover .float-toolbar,.module__design:focus-within .float-toolbar{opacity:1}.float-toolbar__bar{border-radius:var(--radius-pill);pointer-events:auto;border:1px solid var(--glass-edge);box-shadow:var(--glass-shine);-webkit-backdrop-filter:blur(64px)saturate(180%);background:#ffffffeb;gap:2px;padding:4px;display:flex}.float-toolbar button{border-radius:var(--radius-pill);height:32px;color:var(--ink-secondary);transition:background var(--duration) var(--ease), color var(--duration) var(--ease);align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.float-toolbar button:hover:not(:disabled){color:var(--ink);background:#fff}.float-toolbar button.is-danger{padding:0 10px}.float-toolbar button.is-danger:hover{color:var(--danger)}.dropzone{text-align:center;flex-direction:column;align-items:center;max-width:280px;display:flex}.dropzone__icon{width:56px;height:56px;color:var(--accent);box-shadow:var(--shadow-md);transition:transform .32s var(--ease);background:#fff;border-radius:18px;place-items:center;margin-bottom:14px;display:grid}.module__design.is-dragging .dropzone__icon,.module__design.is-paste-ready .dropzone__icon{transform:translateY(-3px)scale(1.05)}.dropzone__title{margin:0 0 4px;font-size:15px;font-weight:600}.dropzone__swap{width:100%;height:1.25em;margin-bottom:4px;position:relative;overflow:hidden}.dropzone__swap .dropzone__title{white-space:nowrap;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.dropzone__hint{color:var(--ink-muted);flex-direction:column;align-items:center;gap:2px;margin-bottom:16px;font-size:13px;line-height:1.4;display:flex}.dropzone__hint kbd{vertical-align:middle;margin:0 2px;transform:translateY(-1px)}.module__content{flex-direction:column;min-width:0;padding:6px 6px 6px 4px;display:flex}.guide{flex-direction:column;flex:1;justify-content:center;padding:8px 10px;display:flex}.guide__title{margin-bottom:4px;font-size:15px;font-weight:600}.guide__lead{color:var(--ink-muted);margin-bottom:16px;font-size:13px}.templates{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.template{background:var(--bg-subtle);text-align:left;transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease), transform .12s var(--ease);border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:11px 13px;display:flex}.template:hover:not(:disabled){border-color:var(--border);box-shadow:var(--shadow-sm);background:#fff}.template:active:not(:disabled){transform:scale(.98)}.template__name{align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.template__meta{color:var(--ink-muted);font-size:12px}.template.is-suggested{background:var(--accent-soft);border-color:#8e7fe040}.template.is-suggested .template__meta{color:var(--accent-ink);font-weight:500}.template--ai{background:linear-gradient(120deg,#c9bdff59,#c4dcff59);flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center}.template--ai .template__name{color:var(--accent-ink)}.guide__blank{border-radius:var(--radius-pill);color:var(--ink-secondary);transition:background var(--duration) var(--ease), color var(--duration) var(--ease);align-self:flex-start;align-items:center;gap:6px;margin-top:14px;margin-left:-10px;padding:6px 10px;font-size:13px;font-weight:500;display:inline-flex}.guide__blank:hover{background:var(--bg-hover);color:var(--ink)}.fields{flex-direction:column;gap:14px;padding:6px 6px 4px;display:flex}.field__head{align-items:center;gap:4px;margin-bottom:6px;display:flex}.field__label{min-width:0;color:var(--ink-muted);background:0 0;border:none;border-radius:6px;flex:1;margin-left:-6px;padding:2px 6px;font-size:12px;font-weight:600}.field__label:hover{background:var(--bg-subtle)}.field__label:focus{color:var(--ink);background:var(--bg-subtle);outline:none}.field__type{height:22px;color:var(--ink-muted);background:0 0;border:none;border-radius:6px;padding:0 16px 0 6px;font-size:11px;font-weight:500;position:relative}.field__type:after{content:"";border-right:1.5px solid var(--ink-muted);border-bottom:1.5px solid var(--ink-muted);pointer-events:none;width:5px;height:5px;position:absolute;top:50%;right:5px;transform:translateY(-70%)rotate(45deg)}.field__type:hover,.field__type:focus,.field__type[aria-expanded=true]{background:var(--bg-subtle);color:var(--ink-secondary);outline:none}.field__remove{width:22px;height:22px;color:var(--ink-muted);opacity:0;transition:opacity var(--duration) var(--ease), background var(--duration) var(--ease);border-radius:50%;place-items:center;display:grid}.field:hover .field__remove,.field__remove:focus-visible{opacity:1}.field__remove:hover{background:var(--danger-soft);color:var(--danger)}.field__box{position:relative}.field__input{background:var(--bg-subtle);width:100%;transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);border:1px solid #0000;border-radius:12px;padding:10px 40px 10px 12px;font-size:14px;line-height:1.45}.field__input--area{resize:vertical;min-height:76px;display:block}.field__input::placeholder{color:var(--ink-faint)}.field__input:hover{background:#0000000d}.field__input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);background:#fff;outline:none}.field__copy{width:28px;height:28px;color:var(--ink-muted);transition:background var(--duration) var(--ease), color var(--duration) var(--ease);border-radius:8px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.field__copy:hover:not(:disabled){color:var(--accent-ink);box-shadow:var(--shadow-sm);background:#fff}.field__copy:disabled{opacity:.3}.fields__add{border-radius:var(--radius-pill);color:var(--ink-secondary);transition:background var(--duration) var(--ease), color var(--duration) var(--ease);align-self:flex-start;align-items:center;gap:6px;margin-left:-8px;padding:6px 10px;font-size:13px;font-weight:500;display:inline-flex}.fields__add:hover{background:var(--bg-hover);color:var(--ink)}.settings-card{border-radius:var(--radius-lg);background:var(--glass-strong);padding:24px}.settings-card+.settings-card{margin-top:16px}.settings-card__intro{margin-bottom:18px}.settings-card__intro h2{letter-spacing:-.015em;font-size:16px;font-weight:600}.settings-card__intro p{color:var(--ink-muted);margin-top:4px;font-size:14px;line-height:1.5}.settings-card__intro a{color:var(--accent-ink)}.settings-fields{flex-direction:column;gap:14px;display:flex}.settings-split{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.settings-card__intro+.settings-row,.settings-card__head+.settings-row{border-top:0;padding-top:0}.settings-card .share-select{width:148px}.settings-row__copy h3{font-size:14px;font-weight:600}.settings-row__copy p{color:var(--ink-muted);margin-top:3px;font-size:13px;line-height:1.45}.switch{width:44px;height:26px;transition:background .2s var(--ease);background:#0000001f;border-radius:999px;flex-shrink:0;position:relative}.switch.is-on{background:var(--accent)}.switch:after{content:"";width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch.is-on:after{transform:translate(18px)}.input:read-only{color:var(--ink-secondary);background:#ffffff73}.settings-account{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-account h2{font-size:16px;font-weight:600}.settings-account p{color:var(--ink-muted);margin-top:4px;font-size:14px}.settings-card__head{gap:14px;margin-bottom:22px;display:flex}.settings-card__icon{width:40px;height:40px;color:var(--accent-ink);background:var(--accent-soft);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.settings-card__head h2{letter-spacing:-.015em;margin-bottom:4px;font-size:16px;font-weight:600}.settings-card__head p{color:var(--ink-muted);font-size:14px;line-height:1.5}.settings-card__actions{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.settings-card__state{color:var(--ink-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.settings-card__buttons{gap:8px;display:flex}@keyframes vt-out{to{opacity:0;transform:translateY(-10px)scale(.99)}}@keyframes vt-in{0%{opacity:0;transform:translateY(22px)scale(.985)}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(page){animation:.42s cubic-bezier(.33,0,.2,1) both vt-out}::view-transition-new(page){animation:.56s cubic-bezier(.33,0,.2,1) both vt-in}::view-transition-old(page){mix-blend-mode:normal}::view-transition-new(page){mix-blend-mode:normal}::view-transition-group(page){animation-duration:.52s;animation-timing-function:cubic-bezier(.33,0,.2,1)}::view-transition-group(topbar){animation-duration:.72s;animation-timing-function:cubic-bezier(.33,0,.2,1)}::view-transition-group(nav-orb){animation-duration:.72s;animation-timing-function:cubic-bezier(.33,0,.2,1)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.rail-shell{width:auto;height:auto;max-height:none;left:12px;right:12px}.rail{flex-direction:column;align-items:stretch}.rail__switch{margin:8px 8px 0}.rail__head{flex-shrink:0;padding:8px 8px 4px 14px}.rail__label,.rail__empty{display:none}.rail__list{flex-direction:row;padding:4px 8px 8px;overflow:auto hidden}.rail-item{flex-shrink:0;width:168px}.rail-item__grip,.rail-item__delete,.page-row__actions{opacity:1}.canvas__flow{padding:calc(var(--editor-top) + 104px) 12px 40vh 12px}.editor{padding:0}.topbar{height:auto;min-height:var(--nav-height);flex-wrap:wrap;gap:8px;padding-bottom:8px}.find-bar{inset:auto 12px 12px}.find-bar input{flex:1;width:auto}.comment-gutter{width:auto;max-height:42vh;inset:auto 12px 12px}.editor.has-comments .doc-view,.editor.has-comments .canvas__flow{padding-right:12px}.topbar--format{height:auto;min-height:var(--nav-height);flex-wrap:wrap;row-gap:8px;padding-bottom:8px}.topbar--format .topbar__format{pointer-events:auto;flex:100%;order:3;justify-content:flex-start;width:100%;height:auto;position:static;top:auto;left:auto;overflow-x:auto;transform:none}.topbar--format .topbar__lead{max-width:calc(100% - 120px)}.doc-format{width:max-content}.doc-view{padding:calc(var(--editor-top) + 88px) 12px 30vh 12px}.doc-view__write{padding:36px 24px 48px}.doc-view__sheet-num{display:none}.doc-format{height:40px}.doc-format__btn{width:34px;height:34px}.doc-page__editor{font-size:16px}.doc-page__editor h1{font-size:24px}.doc-page__editor h2{font-size:17px}.doc-page__placeholder{font-size:24px}.module__body{grid-template-columns:1fr}.module__design{min-height:240px}.module__comment,.module__delete{opacity:1;display:grid}.topbar__lead{flex:auto;max-width:none}.input,.textarea,.field__input,.topbar__current-input,.create-field__input{font-size:16px}}@media (width<=560px){.templates,.settings-split{grid-template-columns:1fr}.stage{padding:calc(var(--nav-height) + 36px) 16px 24px}.page-row__thumb{width:84px;height:60px}.page-row__aside .status-pill{width:auto;min-width:0}}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:20px;max-width:760px;display:grid}.tool-card{min-height:240px;box-shadow:none;color:var(--ink-secondary);text-align:center;background:#ffffff47;border:1.5px dashed #0000001f;transition:none}.tool-card:hover{color:var(--ink-secondary);box-shadow:none;border-color:var(--accent);background:#ffffff47;top:0}.tool-card .card--new__icon{width:48px;height:48px;box-shadow:var(--shadow-md);background:#fff;border-radius:50%;place-items:center;margin:0 auto 12px;display:grid}.tool-card__desc{color:var(--ink-secondary);text-align:center;margin-top:8px;font-size:13px;line-height:1.4;display:block}
