.app-footer{padding:1.5rem;text-align:center}.app-footer__content{display:flex;justify-content:space-between;margin:0 auto;max-width:80ch}.app-footer{background-color:#eee;border-top:1px solid #ccc;box-shadow:0 -4px 4px #00000012;font-size:.75rem;font-weight:300}.content-wrapper{margin:0 auto;max-width:80ch}.app-header{padding:1.5rem;text-align:center;z-index:10}.app-header h1{margin:0}.app-header{background-color:#eee;border-bottom:1px solid #ccc;box-shadow:0 4px 4px #00000012}.app-header h1{font-size:1.5em;transition:font-size .5s}@media (min-width: 30rem){.app-header h1{font-size:2em}}.ui-button{align-content:center;align-items:center;display:flex;height:2rem;justify-content:center;margin:0;padding:0 1.25rem;white-space:nowrap;width:100%}@media (min-width: 24rem){.ui-button{display:inline-flex;width:auto}}.ui-button{font:inherit;line-height:1;background:#eee;border:1px solid #ccc;box-shadow:0 4px 4px #0003;color:#222;cursor:pointer;font-size:1rem;font-weight:500;transition:box-shadow .35s}.ui-button:enabled:hover{background-color:#f5f5f5;border-color:#999}.ui-button:enabled:active{background-color:#ddd}.ui-button:disabled{background-color:#f5f5f5;border-color:#e3e3e3;box-shadow:none;color:#777;cursor:default;font-weight:400;transition:box-shadow .35s}.checkbox-control{display:grid;grid-template-areas:"ctrl lbl";grid-template-columns:auto 1fr;grid-template-rows:auto;grid-gap:.5em}.checkbox-control>label{grid-area:lbl;font-weight:600;line-height:1.5;white-space:nowrap}.checkbox-control>input[type=checkbox]{display:inline-block;grid-area:ctrl;height:1.5em;margin:0;padding:0;width:1.5em;border:1px solid #ccc}.checkbox-control>input[type=checkbox]:disabled~label{opacity:.5;font-weight:400}.field-label{font-weight:600}.form-field{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem 0}.generator-form{align-items:end;background-color:#fff;border-color:transparent;border-bottom-color:#ddd;border-style:solid;border-width:0 1px 1px;justify-content:start;padding:2rem;position:sticky;top:0}.generator-form>*+*{margin-block-start:1.5rem}.generator-form>.dict{grid-area:dict}.generator-form>.paragraphs{grid-area:paragraphs}.generator-form>.submit{grid-area:submit}@media (min-width: 80ch){.generator-form{border-color:#ddd}}@media (min-width: 24rem){.generator-form{display:grid;grid-auto-rows:auto;grid-gap:1.5rem;grid-template-areas:"dict       dict" "paragraphs intro" "submit     .";grid-template-columns:auto 1fr;justify-content:start}.generator-form>*+*{margin:0}}@media (min-width: 30rem){.generator-form{grid-template-columns:1fr auto;grid-template-areas:"dict  paragraphs" "intro submit"}}@media (min-width: 40rem){.generator-form{grid-template-columns:minmax(min-content,30rem) auto auto;grid-template-areas:"dict  paragraphs submit" "intro .          ."}}.lorem-ipsum{display:flex;flex-direction:column;line-height:1.5;padding:2rem;gap:2em 0}.lorem-ipsum>blockquote{margin:0}.lorem-ipsum .action-bar{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.lorem-ipsum .copy-status{flex-grow:1;font-size:.75em;opacity:.75}.number-control{display:grid;grid-template-columns:auto auto auto;grid-template-areas:"less ctrl more";grid-gap:.25rem .5rem}.number-control>input{grid-area:ctrl;width:4rem;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;text-align:center;font:inherit}.number-control>.ui-button{border-radius:0;width:2rem}.number-control>.ui-button:disabled{cursor:not-allowed}.number-control .number-decrement{grid-area:less}.number-control .number-increment{grid-area:more}.select-control{display:grid;grid-template-rows:repeat(4,auto);grid-template-areas:"lbl" "ctrl";width:100%}.select-control>label{grid-area:lbl}.select-control>.select-facade,.select-control>select{grid-area:ctrl;min-width:10rem}.select-control>select{-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none;padding-inline-start:.5rem;font:inherit;vertical-align:middle}.select-control>.select-facade{pointer-events:none;position:relative;height:2rem;border:1px solid #ccc}.select-control>.select-facade:before,.select-control>.select-facade:after{content:"";height:100%;right:0;width:2rem;display:block;position:absolute}.select-control>.select-facade:before{background-color:#fff;border-left:1px solid #ccc}.select-control>.select-facade:after{background-color:currentColor;clip-path:polygon(0 0,100% 0,50% 100%);transform:scale(.25)}html{box-sizing:border-box;font-size:100%}*,*:before,*:after{box-sizing:inherit}body{font-family:system-ui,sans-serif;font-size:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;min-height:100vh;margin:0}.app{display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "body" "footer";min-height:100vh}.app__header{grid-area:header}.app__body{grid-area:body}.app__footer{grid-area:footer}