: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);--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: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);background-attachment:fixed;min-height:100vh;font-size:14px;font-weight:400;line-height:1.45}#root{min-height:100vh;transition:filter .32s cubic-bezier(.33,0,.2,1)}body.has-sheet #root{filter:blur(10px)saturate(160%)}@media (prefers-reduced-motion:reduce){#root{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;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:16px;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{z-index:1;position:relative}.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}.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;min-width:0;max-width:100%;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}to{opacity:1}}.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;align-items:center;gap:8px;display:flex}.topbar__share{flex-shrink:0;height:38px;overflow:visible}.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:40px;height:40px;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__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{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-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}.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__head{justify-content:space-between;align-items:center;padding:14px 12px 8px 18px;display:flex}.rail__label{color:var(--ink-secondary);font-size:13px;font-weight:600}.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__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);flex-direction:column;gap:24px;display:flex}.editor--empty .canvas__flow{max-width:1040px;margin:0 auto;padding-left:16px}.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:28px;height:28px;color:var(--ink-muted);border-radius:50%;place-items:center;display:none}.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:row;align-items:center}.rail__head{flex-shrink:0;padding:8px 4px 8px 14px}.rail__label{display:none}.rail__list{flex-direction:row;padding:8px 8px 8px 0;overflow:auto hidden}.rail-item{flex-shrink:0;width:168px}.rail-item__grip,.rail-item__delete{opacity:1}.page-row__actions{display:none}.canvas__flow{padding:calc(var(--editor-top) + 104px) 12px 40vh 12px}.editor{padding:0}.module__body{grid-template-columns:1fr}.module__design{min-height:240px}.module__delete{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}}
