body{margin:0;font-family:system-ui,sans-serif;line-height:1.4}main{max-width:64rem;margin:0 auto;padding:1rem}:focus-visible{outline-offset:2px;outline:3px solid #1a73e8}.editor{gap:1.5rem;display:grid}@media (width>=48rem){.editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.editor-preview{position:sticky;top:1rem}.preview img{max-height:80vh}}.control{border:0;min-width:0;margin:0 0 1rem;padding:0;display:block}.control legend,.control>label{margin-bottom:.25rem;padding:0;font-weight:600;display:block}.control select,.control textarea,.control input:not([type=checkbox],[type=radio]){box-sizing:border-box;width:100%;min-height:2.75rem;font:inherit}.control input[type=range]{padding:0}.control button,.preview-actions button,.preview-actions a{min-height:2.75rem;font:inherit;padding:0 1rem}.preview-actions a{align-items:center;display:inline-flex}.control button{margin-top:.5rem}.hint{color:#555;margin:.25rem 0 0}.custom-size label{margin-top:.5rem;display:block}.preview{margin:0}.preview img{width:auto;max-width:100%;height:auto;max-height:60vh;margin:0 auto;display:block}.preview-stale{opacity:.4}.preview-actions{flex-wrap:wrap;gap:1rem;margin-top:.5rem;display:flex}.background-grid{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.5rem;margin-bottom:1rem;display:grid}.background-option{cursor:pointer;flex-direction:column;gap:.25rem;font-size:.75rem;display:flex;position:relative}.background-option input{opacity:0;position:absolute}.background-option img,.background-upload-tile{box-sizing:border-box;aspect-ratio:9/16;border:3px solid #0000;border-radius:.25rem;width:100%}.background-option img{object-fit:cover}.background-upload-tile{text-align:center;background:#eee;justify-content:center;align-items:center;display:flex}.background-option input:checked+img,.background-option input:checked+.background-upload-tile{border-color:#1a73e8}.background-option input:checked~span:last-child{font-weight:700}.background-option input:checked~span:last-child:before{content:"✓ "}.background-option input:focus-visible+img,.background-option input:focus-visible+.background-upload-tile{outline-offset:2px;outline:3px solid #1a73e8}.preview-frame{width:fit-content;max-width:100%;margin:0 auto;position:relative}.preview-guide{pointer-events:none;position:absolute;inset:0}.preview-guide-reserved{background:#ff000026}.preview-guide-area{box-sizing:border-box;border:2px dashed #fff;outline:1px solid #000;position:absolute}.control label:has(input[type=checkbox]){align-items:center;gap:.5rem;min-height:2.75rem;font-weight:400;display:flex}.about{border-top:1px solid #ccc;margin-top:2rem;padding-top:1rem}.about h2,.about h3{margin:0 0 .5rem}