.prose-manual{color:var(--color-muted);font-size:16px;line-height:1.7}.prose-manual>:first-child{margin-top:0}.prose-manual>:last-child{margin-bottom:0}.prose-manual h1,.prose-manual h2,.prose-manual h3,.prose-manual h4{color:var(--color-fg);font-weight:700;letter-spacing:-.02em;scroll-margin-top:96px}.prose-manual h1{font-size:clamp(30px,4vw,44px);line-height:1.12;margin:0 0 1.25rem}.prose-manual h2{font-size:clamp(22px,2.6vw,30px);line-height:1.22;margin:2.75rem 0 1rem}.prose-manual h3{font-size:clamp(18px,1.6vw,20px);font-weight:600;margin:2rem 0 .75rem}.prose-manual h4{font-size:16px;font-weight:600;color:var(--color-gray-30);margin:1.5rem 0 .5rem}.prose-manual p{margin:0 0 1rem}.prose-manual strong{color:var(--color-fg);font-weight:600}.prose-manual a{color:var(--color-brand-soft);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--color-brand-soft) 35%,transparent);transition:color .15s ease,border-color .15s ease}.prose-manual a:hover{color:var(--color-brand);border-bottom-color:currentColor}.prose-manual ul,.prose-manual ol{margin:0 0 1rem;padding-left:1.4rem}.prose-manual ul{list-style-type:disc}.prose-manual ol{list-style-type:decimal}.prose-manual li>ul{list-style-type:circle}.prose-manual li{margin:.4rem 0}.prose-manual li::marker{color:var(--color-brand-soft)}.prose-manual ol li::marker{color:var(--color-dim)}.prose-manual li>ul,.prose-manual li>ol{margin:.4rem 0}.prose-manual hr{border:0;border-top:1px solid var(--color-line-soft);margin:2.5rem 0}.prose-manual code{font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.875em;background:var(--color-surface-2);border:1px solid var(--color-line-soft);border-radius:6px;padding:.12em .4em;color:var(--color-gray-30)}.prose-manual pre{background:var(--color-surface-2);border:1px solid var(--color-line-soft);border-radius:14px;padding:1rem 1.25rem;overflow-x:auto;margin:1.5rem 0;line-height:1.5}.prose-manual pre code{background:none;border:0;padding:0;font-size:13px;color:var(--color-muted);white-space:pre}.prose-manual .layout-diagram{display:grid;grid-template-columns:minmax(84px,24%) 1fr;grid-template-rows:auto minmax(132px,auto);gap:.6rem;margin:1.75rem 0;padding:.7rem;background:var(--color-surface-2);border:1px solid var(--color-line-soft);border-radius:16px}.prose-manual .layout-diagram__region{display:flex;flex-direction:column;gap:.25rem;justify-content:center;align-items:center;text-align:center;padding:.9rem .8rem;background:var(--color-surface);border:1px solid var(--color-line-soft);border-radius:12px}.prose-manual .layout-diagram__sidebar{grid-column:1;grid-row:1 / 3}.prose-manual .layout-diagram__topbar{grid-column:2;grid-row:1}.prose-manual .layout-diagram__main{grid-column:2;grid-row:2;background:color-mix(in srgb,var(--color-brand) 7%,var(--color-surface));border-color:color-mix(in srgb,var(--color-brand) 22%,var(--color-line-soft))}.prose-manual .layout-diagram__label{color:var(--color-fg);font-weight:600;font-size:.95rem;letter-spacing:-.01em}.prose-manual .layout-diagram__hint{color:var(--color-dim);font-size:.8rem;line-height:1.4}@media(max-width:640px){.prose-manual .layout-diagram{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:minmax(60px,auto)}.prose-manual .layout-diagram__sidebar,.prose-manual .layout-diagram__topbar,.prose-manual .layout-diagram__main{grid-column:1;grid-row:auto}}.prose-manual img{display:block;max-width:100%;height:auto;border-radius:14px;border:1px solid var(--color-line-soft);box-shadow:var(--shadow-card);margin:1.75rem auto;background:var(--color-surface-2)}.prose-manual img[src$="layers-panel.webp"],.prose-manual img[src$="toolbox.webp"]{width:auto;max-height:600px}.prose-manual figure{margin:1.75rem 0}.prose-manual figure img{margin:0 auto .6rem}.prose-manual figcaption{text-align:center;font-size:.86rem;line-height:1.45;color:var(--color-dim)}.prose-manual .callout{position:relative;margin:1.5rem 0;padding:.95rem 1.15rem .95rem 3.1rem;background:var(--color-surface);border:1px solid var(--color-line-soft);border-radius:14px;color:var(--color-gray-30)}.prose-manual .callout__icon{position:absolute;left:1.15rem;top:.95rem;width:20px;height:20px;color:var(--color-dim)}.prose-manual .callout__icon+*{margin-top:0}.prose-manual .callout>:last-child{margin-bottom:0}.prose-manual .callout--tip .callout__icon,.prose-manual .callout--summary .callout__icon{color:var(--color-brand-soft)}.prose-manual .callout--warning .callout__icon,.prose-manual .callout--important .callout__icon{color:var(--color-brand)}.prose-manual blockquote{margin:1.5rem 0;padding:.9rem 1.1rem;background:var(--color-surface);border:1px solid var(--color-line-soft);border-radius:12px;color:var(--color-gray-30)}.prose-manual .cl-label{display:inline-block;vertical-align:middle;margin-right:.6rem;padding:.2em .65em;border-radius:999px;border:1px solid transparent;font-size:.62em;font-weight:600;letter-spacing:.06em;text-transform:uppercase;position:relative;top:-.12em}.prose-manual .cl-label--feature{color:var(--color-brand-soft);background:color-mix(in srgb,var(--color-brand) 12%,transparent);border-color:color-mix(in srgb,var(--color-brand-soft) 35%,transparent)}.prose-manual .cl-label--fix{color:var(--color-gray-30);background:var(--color-surface);border-color:var(--color-line-soft)}.prose-manual .swatch{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.4rem;vertical-align:baseline;position:relative;top:1px}.prose-manual .swatch--red{background:#fa5252}.prose-manual .swatch--orange{background:#fd7e14}.prose-manual .swatch--yellow{background:#fab005}.prose-manual .swatch--gray{background:#868e96}.prose-manual .swatch--blue{background:#4c6ef5}.prose-manual .swatch--green{background:#40c057}.prose-manual .yes{color:#40c057;font-weight:700}.prose-manual .no{color:var(--color-gray-60);font-weight:700}.prose-manual table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:14.5px;line-height:1.55}.prose-manual th,.prose-manual td{border:1px solid var(--color-line-soft);padding:.6rem .8rem;text-align:left;vertical-align:top;overflow-wrap:break-word}.prose-manual thead th{background:var(--color-surface);color:var(--color-fg);font-weight:600;font-size:13.5px}.prose-manual tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--color-fg) 3%,transparent)}.prose-manual tbody tr:hover td{background:color-mix(in srgb,var(--color-fg) 5%,transparent)}.prose-manual td>code,.prose-manual th>code{white-space:nowrap}
