@layer components{body.compose-page .scroll-progress{display:none}.compose{display:flex;flex-direction:column;width:100%;min-height:calc(100dvh - var(--header-h))}.compose__sheet{position:relative;flex:1;display:flex;flex-direction:column;width:min(100% - 2 * var(--sp-7),var(--container-wide));margin-inline:auto}.compose__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);padding:var(--sp-7) 0 var(--sp-4)}.compose__title{font-size:var(--fs-2xl);text-wrap:balance}.compose__head>.badge{align-self:center}.compose__hint{flex:1 1 28ch;min-width:0;font-size:var(--fs-sm);color:var(--text-subtle)}.compose__count,.compose__head-end{margin-inline-start:auto}.compose__count{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-hint);white-space:nowrap}.compose__count.is-over{color:var(--danger)}.compose__head-end{align-self:center}.viewer__strip{position:sticky;top:var(--header-h);z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);min-height:42px;padding-block:var(--sp-2);background:color-mix(in srgb,var(--surface-base) 92%,transparent);backdrop-filter:var(--backdrop-nav);-webkit-backdrop-filter:var(--backdrop-nav);border-top:1px solid var(--border-hairline);border-bottom:1px solid var(--border-hairline)}.viewer__strip:empty{position:static;min-height:0;padding:0;border-bottom:0}.viewer__strip--warn{flex-wrap:nowrap;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--text-default)}.viewer__strip--warn>.icon{color:var(--warning)}.viewer__body{flex:1;padding:var(--sp-6) 0 var(--sp-10)}.viewer__prose{font-size:var(--fs-base);line-height:var(--lh-prose);color:var(--text-strong)}.viewer__gate{display:flex;flex-direction:column;gap:var(--sp-4);max-width:560px}.viewer__lead{color:var(--text-muted);line-height:var(--lh-reading)}.viewer__body>.kv{max-width:720px;margin-bottom:var(--sp-8)}.viewer__body>.section-title{margin-bottom:var(--sp-4)}.viewer__fallback{white-space:pre-wrap;font-family:var(--font-body)}.compose__editor{flex:1;display:flex;flex-direction:column}.compose__drop{position:absolute;inset:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-6);text-align:center;background:color-mix(in srgb,var(--primary-tint) 92%,transparent);border:2px dashed var(--primary);border-radius:var(--r-4);color:var(--primary);font-weight:var(--fw-medium);pointer-events:none}.compose__drop .icon{width:32px;height:32px}.compose__drop-inline,.compose__drop.is-inline .compose__drop-attach{display:none}.compose__drop.is-inline .compose__drop-inline{display:block}.generator{position:fixed;z-index:25;width:min(380px,calc(100% - 2 * var(--sp-5)));display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface-raised);border:1px solid var(--border-subtle-c);border-radius:var(--r-4);box-shadow:var(--shadow-xl)}.generator__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.compose__bar{position:sticky;bottom:0;z-index:30;background:color-mix(in srgb,var(--surface-base) 92%,transparent);backdrop-filter:var(--backdrop-nav);-webkit-backdrop-filter:var(--backdrop-nav);border-top:1px solid var(--border-subtle-c);box-shadow:0 -8px 24px -12px var(--shadow-tint-4)}.compose__inner{width:min(100% - 2 * var(--sp-7),var(--container-wide));margin-inline:auto;padding-block:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-3)}.compose__files{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.compose__files .file-item{flex:none;max-width:280px;padding:var(--sp-1) var(--sp-1) var(--sp-1) var(--sp-3)}.compose__controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--sp-3) var(--sp-6)}.control{display:flex;flex-direction:column;gap:var(--sp-1)}.control__row{display:flex;align-items:center;gap:var(--sp-2)}.compose__summary{display:flex;align-items:center;justify-content:flex-end;min-height:36px;flex:1 1 14ch;font-size:var(--fs-xs);line-height:var(--lh-snug);color:var(--text-subtle);text-align:right}.select--sm,.input--sm{height:36px;padding-block:0;font-size:var(--fs-sm)}.select--sm{min-width:150px}.stepper--sm{height:36px}.stepper--sm button{width:34px}.stepper--sm input{width:44px}.compose__controls .btn--sm{height:36px;padding-inline:var(--sp-3);font-size:var(--fs-sm)}.compose__controls .compose__submit{height:36px;padding-block:0;padding-inline:var(--sp-5);margin-inline-start:auto;white-space:nowrap}.compose__controls .compose__submit~.compose__submit{margin-inline-start:0}.compose__send{display:flex;align-items:center;gap:var(--sp-3);margin-inline-start:auto}.compose__send .compose__submit{margin-inline-start:0}.compose__kbd{padding:1px var(--sp-2);border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:var(--r-2);font-family:var(--font-mono);font-size:var(--fs-2xs);opacity:.8}@media(max-width:1100px),(hover:none),(pointer:coarse){.compose__kbd{display:none}}.count-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 var(--sp-1);border-radius:var(--r-full);background:var(--primary);color:var(--on-primary-solid);font-family:var(--font-mono);font-size:var(--fs-2xs)}[data-more-toggle][aria-expanded=true]{border-color:var(--primary);color:var(--primary);background:var(--primary-tint)}.compose__more{position:absolute;bottom:calc(100% + var(--sp-2));left:50%;transform:translate(-50%);width:min(100% - 2 * var(--sp-6),980px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5) var(--sp-7);padding:var(--sp-6);background:var(--surface-raised);border:1px solid var(--border-subtle-c);border-top:2px solid var(--primary);border-radius:var(--r-5);box-shadow:var(--shadow-xl);max-height:calc(100dvh - var(--header-h) - var(--bar-h, 120px) - var(--sp-5));overflow-y:auto;animation:more-in var(--dur-base) var(--ease-emphasized) both}@keyframes more-in{0%{opacity:0;transform:translate(-50%,8px)}}.result-dialog{width:min(820px,calc(100vw - 2 * var(--sp-5)));max-height:calc(100dvh - 2 * var(--sp-5));padding:0;border:1px solid var(--border-subtle-c);border-top:2px solid var(--primary);border-radius:var(--r-5);background:var(--surface-sunken);color:var(--text-default);box-shadow:var(--shadow-xl);overflow:auto}.result-dialog::backdrop{background:color-mix(in srgb,var(--ink-950) 55%,transparent);backdrop-filter:blur(4px)}.result-dialog[open]{animation:dialog-in var(--dur-base) var(--ease-emphasized) both}.result-dialog__body{padding:var(--sp-7)}.result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-8);align-items:start}.result__intro{display:flex;gap:var(--sp-4);align-items:flex-start}.result__title{font-size:var(--fs-2xl)}.result__lead{margin-top:var(--sp-2);color:var(--text-muted);line-height:var(--lh-reading)}.success-mark{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:var(--r-full);background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.success-mark .icon{width:22px;height:22px}.result__facts{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3)}.result__qr{width:176px;height:176px;border-radius:var(--r-3);border:1px solid var(--border-hairline);background:#fff;padding:var(--sp-2);image-rendering:pixelated}.result-dialog__foot{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-4) var(--sp-7);border-top:1px solid var(--border-hairline);background:var(--surface-base)}.result-dialog__foot>:nth-child(2){margin-inline-start:auto}@media(max-width:900px){.compose__more{grid-template-columns:1fr}.compose__head>.compose__hint{display:none}.compose__summary{order:10;flex-basis:100%;justify-content:flex-start;min-height:0;text-align:left}.result{grid-template-columns:1fr}}@media(max-width:640px){.compose__sheet,.compose__inner{width:calc(100% - 2 * var(--sp-4))}.compose__head{padding-top:var(--sp-5)}.compose__title{font-size:var(--fs-xl)}.compose__controls{gap:var(--sp-3)}.compose__controls .compose__submit{flex:1 1 100%;justify-content:center}.compose__send{flex:1 1 100%}.compose__send .compose__submit{flex:1}.control--actions>.field__label{display:none}.compose__more{width:calc(100% - 2 * var(--sp-3));padding:var(--sp-4)}.result-dialog__body{padding:var(--sp-5)}.result-dialog__foot{padding:var(--sp-4) var(--sp-5)}}@media print{.compose{min-height:0}.compose__bar{display:none}.viewer__strip{position:static;backdrop-filter:none}}}.compose__sheet>.ql-toolbar.ql-snow{position:sticky;top:var(--header-h);z-index:20;padding-inline:0;background:color-mix(in srgb,var(--surface-base) 92%,transparent);backdrop-filter:var(--backdrop-nav);-webkit-backdrop-filter:var(--backdrop-nav);border-top:1px solid var(--border-hairline);border-bottom:1px solid var(--border-hairline);transition:border-color var(--dur-fast) var(--ease-standard)}.compose__sheet>.ql-toolbar.ql-snow:first-of-type{border-top:0;padding-block:var(--sp-3)}.compose__sheet:has(.ql-editor:focus)>.ql-toolbar.ql-snow{border-bottom-color:var(--primary)}.compose__editor.ql-container{flex:1;height:auto;display:flex;flex-direction:column}.compose__editor .ql-editor{flex:1;height:auto;min-height:320px;padding:var(--sp-6) 0 var(--sp-10);overflow:visible}.compose__editor .ql-editor.ql-blank:before{left:0;right:0}@media print{.compose__sheet>.ql-toolbar.ql-snow{display:none}}