:root{--ink:#101f3d;--ink-2:#33415c;--muted:#5d6880;--faint:#8a93a6;--line:#e7e4dd;--line-strong:#d6d3cb;--primary:#0c59ee;--primary-hover:#0a49c4;--primary-soft:#eaf1ff;--primary-ring:#0c59ee59;--danger:#c0352b;--danger-soft:#fdecea;--warn:#8a5a12;--warn-soft:#fff4e5;--ok:#1f7a4d;--bg:#f1efea;--surface:#fff;--radius-sm:10px;--radius:14px;--radius-lg:20px;--shadow-1:0 1px 2px #101f3d0d, 0 2px 10px #101f3d0a;--shadow-2:0 10px 30px #101f3d1f;--shadow-page:0 2px 6px #101f3d0f, 0 18px 48px #101f3d24;--topbar:64px;--tabbar:64px;--ease:cubic-bezier(.2, .7, .2, 1);color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Nunito Sans,Arial,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{border-radius:var(--radius-sm);min-height:44px;transition:background-color .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:700;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.6}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn--secondary:hover:not(:disabled){background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.btn--ghost{color:var(--primary);background:0 0;padding:0 12px}.btn--ghost:hover:not(:disabled){background:var(--primary-soft)}.btn--danger-ghost{color:var(--danger);background:0 0;padding:0 12px}.btn--danger-ghost:hover{background:var(--danger-soft)}.btn--danger{background:var(--danger);color:#fff}.icon-btn{border-radius:var(--radius-sm);color:var(--muted);height:40px;transition:background-color .15s var(--ease), color .15s var(--ease);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:40px;display:inline-flex}.icon-btn:hover{background:var(--primary-soft);color:var(--ink)}.icon-btn:disabled{cursor:not-allowed;opacity:.35}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.menu{position:relative}.menu__list{animation:menu-in .14s var(--ease);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-2);z-index:30;flex-direction:column;min-width:200px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.menu__item{color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-size:15px;font-weight:600;display:flex}.menu__item svg{color:var(--muted);flex-shrink:0}.menu__item:hover:not(:disabled),.menu__item:focus-visible{background:var(--primary-soft);outline:none}.menu__item:disabled{color:var(--faint);cursor:not-allowed}.menu__item--danger,.menu__item--danger svg{color:var(--danger)}.menu__item--danger:hover{background:var(--danger-soft)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}}.preview{width:100%;max-width:820px;margin:0 auto}.preview__meta{align-items:center;gap:10px;margin-bottom:14px;display:flex}.chip{background:var(--surface);box-shadow:var(--shadow-1);color:var(--ink-2);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}.preview__status{color:var(--muted);opacity:0;transition:opacity .2s var(--ease);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.preview__status.is-on{opacity:1}.spin{animation:.9s linear infinite spin}.preview__pages{flex-direction:column;gap:24px;display:flex}.page{aspect-ratio:210/297;box-shadow:var(--shadow-page);background:#fff;border-radius:6px;width:100%;height:auto}.page--loading{animation:shimmer 1.4s var(--ease) infinite;background:linear-gradient(90deg,#e5e8ef00 0%,#e5e8efb3 50%,#e5e8ef00 100%) -100% 0/60% 100% no-repeat,#fff}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:220% 0,0 0}}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field--wide{grid-column:1/-1}.field label{color:var(--ink-2);font-size:14px;font-weight:700}.field input,.field textarea{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);width:100%;padding:11px 14px;font-size:16px;line-height:1.5}.field input:hover,.field textarea:hover{border-color:#b9c1d0}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:var(--faint)}.field input:focus-visible,.field textarea:focus-visible{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #0c59ee24}.field input:disabled{background:var(--bg);color:var(--muted)}.field__hint{color:var(--muted);font-size:13px}.checkbox{color:var(--ink-2);cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:15px;font-weight:600;display:inline-flex}.checkbox input{accent-color:var(--primary);width:20px;height:20px;margin:0}.field__top{justify-content:space-between;align-items:center;gap:8px;min-height:32px;display:flex}.password{position:relative}.password input{padding-right:52px}.password__eye{color:var(--muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.password__eye:hover{color:var(--primary)}.location{border:0;min-width:0;margin:0;padding:0}.location legend{color:var(--ink-2);margin-bottom:6px;padding:0;font-size:14px;font-weight:700}.location__row{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:10px;display:grid}.location__country{position:relative}.location select,.location input{appearance:none;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink);min-height:48px;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);width:100%;padding:11px 14px;font-size:16px;line-height:1.5}.location select{cursor:pointer;padding-right:40px}.location select:invalid,.location select option[value=""],.location input::placeholder{color:var(--faint)}.location select:hover,.location input:hover{border-color:#b9c1d0}.location select:focus-visible,.location input:focus-visible{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #0c59ee24}.location__chevron{color:var(--muted);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}@media (width<=420px){.location__row{grid-template-columns:minmax(0,1fr)}}.content,.focus-editor{flex-direction:column;gap:20px;max-width:560px;margin:0 auto;display:flex}.panel-head{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.panel-head h1{letter-spacing:-.02em;font-size:30px;font-weight:800;line-height:1.15}.panel-head h1:focus{outline:none}.panel-head p{color:var(--muted);font-size:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.icon-tile{background:var(--primary-soft);color:var(--primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.personal-card{cursor:pointer;text-align:left;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);flex-direction:column;gap:20px;width:100%;padding:28px;display:flex}.personal-card:hover{box-shadow:var(--shadow-2);border-color:#c9d6f3}.personal-card__top{align-items:center;gap:14px;display:flex}.avatar{background:var(--ink);color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;font-weight:800;display:inline-flex}.personal-card__who{flex-direction:column;flex:1;min-width:0;display:flex}.personal-card__name{font-size:21px;font-weight:800;line-height:1.25}.personal-card__headline{color:var(--ink-2);font-weight:600}.personal-card__name.is-empty,.personal-card__headline.is-empty{color:var(--faint)}.contact-rows{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding-top:20px;display:grid}.contact-row{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:10px;min-width:0;font-size:15px;display:flex;overflow:hidden}.contact-row svg{color:var(--muted);flex-shrink:0}.contact-row.is-empty{color:var(--faint)}.edit-pill{background:var(--bg);color:var(--ink-2);transition:background-color .15s var(--ease), color .15s var(--ease);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:14px;font-weight:700;display:inline-flex}.personal-card:hover .edit-pill{background:var(--primary-soft);color:var(--primary)}.section{padding:16px 16px 12px 12px}.section.is-dragging,.row.is-dragging{box-shadow:var(--shadow-2);z-index:5;position:relative}.section__head{align-items:center;gap:8px;min-height:48px;display:flex}.section__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:18px;font-weight:800;overflow:hidden}.handle{color:var(--faint);cursor:grab;touch-action:none;width:32px}.handle:active{cursor:grabbing}.handle--row{opacity:0;width:28px;height:36px}.handle-space{flex-shrink:0;width:28px}.row:hover .handle--row,.handle--row:focus-visible{opacity:1}@media (hover:none){.handle--row{opacity:1}}.rename{flex:1}.rename input{border:1px solid var(--primary);border-radius:8px;width:100%;padding:6px 10px;font-size:18px;font-weight:800;box-shadow:0 0 0 4px #0c59ee24}.rename input:focus-visible{outline:none}.rows{flex-direction:column;margin:4px 0 0;padding:0;list-style:none;display:flex}.row{background:var(--surface);border-radius:var(--radius);align-items:center;display:flex}.row__open,.profile-row{border-radius:var(--radius);text-align:left;min-width:0;min-height:56px;transition:background-color .15s var(--ease);background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:8px 10px 8px 6px;display:flex}.row__open:hover,.profile-row:hover{background:var(--bg)}.row__text{flex-direction:column;flex:1;min-width:0;display:flex}.row__title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.row__title.is-empty{color:var(--faint)}.row__detail{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.row__dates{color:var(--muted);flex-shrink:0;font-size:13px;font-weight:600}.row-chevron{color:var(--faint);flex-shrink:0}.profile-row{margin:4px 0 4px 34px}.profile-row__text{-webkit-line-clamp:3;color:var(--ink-2);-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.profile-row__text.is-empty{color:var(--faint)}.add-row{min-height:40px;margin:4px 0 4px 34px;padding:0 10px}.confirm{background:var(--danger-soft);border-radius:var(--radius);margin:6px 4px 8px;padding:14px 16px}.confirm p{margin-bottom:12px;font-weight:600}.confirm__actions{gap:8px;display:flex}.add-content{border-radius:var(--radius);color:#fff;min-width:260px;min-height:60px;transition:box-shadow .2s var(--ease), transform .2s var(--ease);background:linear-gradient(100deg,#0a49c4 0%,#0c59ee 45%,#3d8bff 100%);border:0;justify-content:center;align-self:center;align-items:center;gap:10px;margin-top:12px;padding:0 36px;font-size:18px;font-weight:800;display:inline-flex;box-shadow:0 8px 22px #0c59ee47}.add-content:hover{transform:translateY(-1px);box-shadow:0 12px 28px #0c59ee5c}.add-content:active{transform:translateY(0)}.start-hint{color:var(--muted);text-align:center;margin-top:4px;font-size:15px}.content__foot{justify-content:center;margin-top:8px;display:flex}.content__foot .btn--ghost{color:var(--muted);font-weight:600}.back{color:var(--muted);min-height:40px;transition:background-color .15s var(--ease), color .15s var(--ease);background:0 0;border:0;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin-left:-8px;padding:0 12px 0 8px;font-size:15px;font-weight:700;display:inline-flex}.back:hover{background:var(--surface);color:var(--ink)}.focus-editor__card{padding:24px}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;display:grid}.focus-editor__actions{align-items:center;gap:8px;display:flex}.move{gap:2px;display:inline-flex}.push-right{margin-left:auto}.dialog{background:var(--surface);box-shadow:var(--shadow-2);color:var(--ink);border:0;border-radius:24px;width:calc(100vw - 32px);max-width:1040px;max-height:calc(100vh - 32px);padding:32px}.dialog--narrow{max-width:440px}.dialog[open]{animation:dialog-in .18s var(--ease)}.dialog::backdrop{background:#101f3d73}.dialog__head{justify-content:space-between;align-items:center;display:flex}.dialog__head h2{letter-spacing:-.02em;font-size:32px;font-weight:800}.dialog--narrow .dialog__head h2{font-size:24px}.dialog__intro{color:var(--muted);margin:4px 0 20px}.kind-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.kind{background:var(--bg);border-radius:var(--radius);text-align:left;transition:border-color .15s var(--ease), box-shadow .15s var(--ease), background-color .15s var(--ease);border:1px solid #0000;grid-template-columns:auto 1fr;align-items:flex-start;gap:2px 12px;padding:14px;display:grid}.kind:hover{background:var(--primary-soft);border-color:var(--primary)}.kind .icon-tile{background:var(--surface)}.sign-in{flex-direction:column;gap:16px;display:flex}.sign-in .btn--primary{width:100%}.sign-in__links{justify-content:space-between;font-size:14px;font-weight:700;display:flex}.sign-in__links a{color:var(--primary)}.sign-in__links a:hover{text-decoration:underline}.kind .icon-tile{grid-row:span 2}.kind__name{font-weight:800}.kind__hint{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@media (width<=560px){.panel-head h1{font-size:26px}.contact-rows{grid-template-columns:minmax(0,1fr)}.dialog__head h2{font-size:26px}.fields,.kind-grid{grid-template-columns:minmax(0,1fr)}.personal-card{padding:16px}.edit-pill{padding:7px 10px}.focus-editor__card{padding:18px}.row__dates{display:none}.dialog{padding:20px}}.opening{color:var(--muted);padding:24px 0;font-weight:600}.shell{min-height:100vh}.topbar{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);height:var(--topbar);z-index:20;align-items:center;gap:24px;width:calc(100% - 48px);max-width:1440px;margin:16px auto 0;padding:0 12px 0 20px;display:flex;position:sticky;top:12px}.topbar:before{background:var(--bg);content:"";height:12px;position:absolute;top:-12px;left:-24px;right:-24px}.topbar__brand{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.topbar__brand img{width:auto;height:26px}.product-tag{background:var(--primary-soft);color:var(--primary);letter-spacing:.06em;border-radius:6px;padding:2px 7px;font-size:12px;font-weight:800}.tabs{gap:4px;display:flex}.tab{border-radius:var(--radius-sm);color:var(--ink-2);min-height:44px;transition:background-color .15s var(--ease), color .15s var(--ease);background:0 0;border:0;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:700;display:inline-flex}.tab:hover{background:var(--bg);color:var(--ink)}.tab[aria-current=page]{background:var(--primary-soft);color:var(--primary)}.topbar__end{align-items:center;gap:12px;margin-left:auto;display:flex}.saved{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.saved:before{background:var(--ok);content:"";border-radius:50%;width:8px;height:8px}.saved--off:before{background:var(--warn)}.btn--dark{background:var(--ink);color:#fff}.btn--dark:hover:not(:disabled){background:#1d3263}.account-btn{background:0 0;border:0;border-radius:50%;padding:2px}.account{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:inline-flex}.workspace{grid-template-columns:minmax(400px,560px) minmax(0,1fr);gap:40px;max-width:1440px;margin:0 auto;padding:32px 24px 80px;display:grid}.stage{max-height:calc(100vh - var(--topbar) - 44px);top:calc(var(--topbar) + 28px);align-self:start;padding:0 4px 24px;position:sticky;overflow-y:auto}.notice{border-radius:var(--radius-sm);align-items:flex-start;gap:8px;margin:0 0 16px;padding:10px 14px;font-size:14px;font-weight:600;line-height:1.45;display:flex}.notice svg{flex-shrink:0;margin-top:1px}.notice--warn{background:var(--warn-soft);color:var(--warn)}.notice--danger{background:var(--danger-soft);color:var(--danger)}.notice--page{width:calc(100% - 48px);max-width:1392px;margin:16px auto 0}.tabbar{display:none}@media (width<=1199px){.saved{display:none}.workspace{grid-template-columns:minmax(380px,1fr) minmax(0,1fr);gap:24px}}@media (width<=1023px){.topbar:before{display:none}.topbar{box-shadow:none;border-bottom:1px solid var(--line);border-radius:0;gap:12px;width:100%;margin:0;padding:0 12px 0 16px;top:0}.topbar__brand img{height:22px}.tabs{display:none}.download{min-height:40px;padding:0 14px}.sign-in-btn{min-height:40px;padding:0 8px}.tabbar{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:20;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar__item{color:var(--muted);height:var(--tabbar);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:700;display:flex}.tabbar__item[aria-current=page]{color:var(--primary)}.workspace{max-width:680px;padding:24px 16px calc(var(--tabbar) + 32px + env(safe-area-inset-bottom));display:block}.stage{max-height:none;padding:0;position:static;overflow:visible}.shell[data-tab=preview] .editor,.shell:not([data-tab=preview]) .stage{display:none}}@media (width<=480px){.download__label{display:none}.download{padding:0 12px}}