.tile-page{max-width:1250px;margin:auto;padding:10px 20px 30px;display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,1.2fr);gap:20px;align-items:start}.tile-input{grid-column:1;grid-row:1}.tile-options{grid-column:1;grid-row:2}.tile-preview{grid-column:2;grid-row:1/span 2;position:sticky;top:15px}.tile-help{grid-column:1/-1}.tile-page details{margin-top:10px}.tile-help{margin-top:0!important}.tile-preview-frame{height:400px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;padding:10px;background-color:#fff;background-image:repeating-conic-gradient(#eee 0% 25%,transparent 0% 50%);background-size:20px 20px}.tile-preview-frame img{max-width:100%;max-height:100%;object-fit:contain}.tile-row{flex-wrap:wrap}.tile-row button{padding:6px 9px}.tile-name{flex:1;min-width:100px;overflow-wrap:anywhere}.tile-grip{cursor:grab;user-select:none}.visually-hidden{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.tile-input .file-list{max-height:300px;overflow:auto}.tile-preview-frame span{padding:6px;background:#fffc}.tile-options details label:first-of-type{margin-top:10px}@media(max-width:760px){.tile-page{display:flex;flex-direction:column;padding:10px 12px 25px;gap:14px}.tile-page>.panel{width:100%}.tile-preview{position:static}.tile-preview-frame{height:280px}}