.lo-page{padding-top:1.5rem}.lo-page>nav{margin-bottom:1rem}.lo-page #tool-title+p{max-width:52rem;margin-top:.5rem}.lo-tool{padding:0;border:0;background:transparent}.lo-workspace{--lo-preview-padding: 1rem;padding:1rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.lo-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"format format" "count generate" "opening opening";gap:.75rem 1rem;align-items:start}.lo-format{grid-area:format;min-width:0;margin:0;padding:0;border:0}.lo-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem}.lo-choices label{position:relative;min-width:0;cursor:pointer}.lo-choices input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.lo-choices span{display:flex;min-height:2.75rem;align-items:center;justify-content:center;padding:.5rem .375rem;border:1px solid transparent;border-radius:.5rem;background:var(--surface-muted);font-size:.875rem;font-weight:600;line-height:1.25rem;text-align:center}.lo-choices input:checked+span{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.lo-choices label:hover input:not(:checked)+span{background:var(--surface-hover)}.lo-choices input:focus-visible+span{outline:2px solid var(--focus);outline-offset:3px}.lo-count{grid-area:count;min-width:0}.lo-count>label{display:block;margin-bottom:.375rem;font-size:.8125rem;line-height:1.25rem;font-weight:600}.lo-count .field-input{width:100%;border-radius:.5rem}.lo-count>.lo-hint{margin-top:.25rem}.lo-hint{color:var(--text-muted);font-size:.8125rem;line-height:1.5rem;overflow-wrap:anywhere}.lo-opening{grid-area:opening;min-width:0}.lo-classic{display:flex;min-height:2.75rem;align-items:flex-start;gap:.625rem;padding-block:.25rem;cursor:pointer}.lo-classic input{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem;accent-color:var(--primary)}.lo-classic-title{display:block;font-size:.875rem;font-weight:600;line-height:1.5rem}.lo-classic .lo-hint{display:block;margin-top:.125rem}.lo-generate{grid-area:generate;align-self:start;margin-top:1.625rem;min-width:0;min-height:2.75rem;padding-inline:.75rem;border-radius:.5rem;font-size:.875rem}.lo-result{min-width:0;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.lo-result-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.lo-result-header>div{min-width:0}.lo-result-header h2{font-size:1.25rem;font-weight:700;line-height:1.75rem;letter-spacing:-.02em}.lo-result-header .lo-hint{margin-top:.125rem}.lo-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.lo-copy{min-height:2.75rem;flex-shrink:0;padding-inline:.75rem;border-radius:.5rem;font-size:.875rem}.lo-copy[aria-disabled=true]{opacity:.6;cursor:default}.lo-reading{margin-top:.75rem}.lo-output{max-height:calc(24rem + var(--lo-preview-padding) + var(--lo-preview-padding) + 2px);padding:var(--lo-preview-padding);border:1px solid var(--border);border-radius:.5rem;background:var(--surface-muted);overflow:hidden;overflow-wrap:anywhere}.lo-output[data-expanded=true]{max-height:none}.lo-prose{max-width:90ch;color:var(--text-primary);font-size:1rem;line-height:1.75rem}.lo-prose p+p{margin-top:1.5rem}.lo-prose ul{padding-left:1.25rem;list-style:disc}.lo-prose li+li{margin-top:.5rem}.lo-expand{display:flex;width:100%;min-height:2.75rem;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.5rem;border-radius:.5rem;background:var(--surface-muted);color:var(--primary);font-size:.875rem;font-weight:600}.lo-expand:hover,.lo-text-button:hover{background:var(--surface-hover)}.lo-expand[aria-expanded=true] .lo-icon{transform:rotate(180deg)}.lo-result-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin-top:1rem;color:var(--text-muted);font-size:.75rem;line-height:1.5rem}.lo-feedback{margin-top:.75rem}.lo-error{margin-top:.375rem;color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.5rem}.lo-text-button{min-height:2.75rem;padding:.5rem;border-radius:.5rem;color:var(--primary);text-decoration:underline;text-underline-offset:.125rem;font-size:.875rem}.lo-instruction,.lo-guide{margin-top:2.5rem}.lo-instruction{padding-top:1.5rem;border-top:1px solid var(--border)}.lo-steps{display:grid;gap:1.25rem;margin-top:1.25rem}.lo-steps li{display:flex;min-width:0;align-items:flex-start;gap:.875rem}.lo-step-number{display:flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:600}.lo-steps h3{font-size:.875rem;font-weight:700;line-height:1.5rem}.lo-steps p,.lo-guide p{margin-top:.5rem;color:var(--text-muted);font-size:.875rem;line-height:1.75rem}.lo-guide{max-width:76ch}@media(min-width:48rem){.lo-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.lo-workspace{--lo-preview-padding: 1.5rem;padding:1.5rem}.lo-choices{max-width:24rem}}@media(min-width:64rem){.lo-page{padding-top:2rem}.lo-workspace{padding:0;border:0;background:transparent}.lo-toolbar{grid-template-columns:minmax(15rem,1.2fr) minmax(11rem,.8fr) minmax(14rem,1fr) auto;grid-template-areas:"format count opening generate";align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.lo-count,.lo-opening{padding-left:1.5rem;border-left:1px solid var(--border)}.lo-count{display:grid;grid-template-columns:minmax(0,1fr) 4.5rem;column-gap:.625rem;align-items:center}.lo-count>label{margin:0;font-size:.8125rem}.lo-count>.lo-hint{grid-column:2}.lo-count>.lo-error{grid-column:1 / -1}.lo-generate{align-self:center;margin-top:0;padding-inline:1.25rem}.lo-result{margin-top:1.75rem;padding-top:0;border-top:0}.lo-result-header h2{font-size:1.5rem;line-height:2rem}.lo-copy{padding-inline:1.25rem}.lo-reading{padding:1.5rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.lo-output{max-height:none;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}.lo-expand{display:none}}