.is-composer > form { grid-row: 3; width: 100%; }
.composer-message { color: var(--muted, #888); font-size: 12px; line-height: 1.6; text-align: center; margin: 16px 0 0; }
.composer-message.is-error { color: #efa6a6; }
.composer-note { margin: 13px 0 0; color: var(--muted, #888); text-align: center; font-size: var(--ui-text-size); line-height: 1.6; }
.composer-intro { text-wrap: balance; }
.composer-sentence { display: inline-block; max-width: 100%; }
.composer-list > li { position: relative; }
.page-shell.is-composer .composer-list .result-link { cursor: default; outline: none; }
.composer-list > [data-draggable] { cursor: grab; touch-action: none; user-select: none; }
.is-composer .composer-list > [data-draggable] .result-link { cursor: inherit; align-content: start; padding-top: 39px; padding-bottom: 44px; }
.is-composer .composer-list > [data-draggable] .service-icon { position: absolute; top: 14px; left: calc(50% - 8px); }
.arrange-handle, .remove-link { position: absolute; top: 0; display: grid; place-items: center; appearance: none; border: 0; background: transparent; color: #888; width: 44px; height: 44px; padding: 12px; cursor: pointer; border-radius: 8px; }
.arrange-handle { top: auto; bottom: 0; left: calc(50% - 22px); cursor: inherit; outline: none; }
.remove-link { right: 0; }
.arrange-handle svg, .remove-link svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; }
.arrange-handle svg { stroke-width: 3; }
.remove-link:hover { color: #fff; }
.remove-link:focus-visible { outline: 1px solid #fff; outline-offset: -5px; }
.composer-publish { display: block; margin: 24px auto 0; min-height: 44px; padding: 12px 28px; border: 1px solid #eee; border-radius: 999px; background: #eee; color: #111; font: inherit; font-size: var(--ui-text-size); font-weight: 600; cursor: pointer; }
.composer-publish:hover { background: #fff; }
.composer-publish:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
[data-composer-form][aria-busy="true"] { opacity: .65; pointer-events: none; }
.composer-list > .is-dragging { cursor: grabbing; }
.composed-share { margin: 12px 0 0; }
.composed-copy-status { min-height: 1em; margin: 0; color: #aaa; text-align: center; font-size: 14px; line-height: 1; }
html:not(.is-loading) .page-shell.is-composed-page { grid-template-rows: minmax(0, 1fr) auto auto minmax(0, 1fr) auto; }
html:not(.is-loading) .page-shell.is-composed-page .legal-footer { grid-row: 5; }
.page-shell.is-composed-page .site-header { padding-bottom: 24px; }
.page-shell.is-composed-page .results-section { display: grid; grid-row: 3; margin-top: 0; }
.is-composed-page .composer-app-hint { margin: 0 0 20px; }
.is-composed-page .composed-redirect-hint { margin: 20px auto 0; }
.is-composed-page .share-link { margin-top: 0; }
.is-composed-page .create-new-link { margin-top: 12px; }
.is-composer .search-button:disabled { opacity: .3; }

@media (max-width: 679px) {
    .composer-intro { max-width: 42ch; margin-inline: auto; }
    .composer-sentence { display: block; }
    .is-composed-page .composed-redirect-hint { max-width: 32ch; text-wrap: balance; }
}