.diy-main{max-width:1240px}.diy-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,440px);gap:36px;align-items:start;margin-top:32px}.diy-editor{min-width:0}.diy-editor fieldset{min-width:0;border:1px solid var(--line);border-radius:12px;padding:22px;margin:0 0 24px;background:var(--panel)}.diy-editor legend{color:var(--gold);padding:0 8px;font-weight:700}.diy-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.diy-editor label{display:flex;flex-direction:column;gap:6px;font-size:14px;min-width:0}.diy-editor input,.diy-editor select{width:100%}.diy-editor input[type=range]{padding:8px 0;accent-color:var(--gold)}.diy-editor input[type=file]{font-size:13px}.diy-wide{grid-column:1/-1}.diy-editor .muted{font-size:13px;margin:12px 0}.diy-preview{position:sticky;top:112px;border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--panel);min-width:0}.diy-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.diy-preview-heading span{font-size:12px;color:var(--muted)}#cardCanvas{display:block;width:100%;height:auto;aspect-ratio:3/4;background:#111b23;border-radius:8px}.diy-preview button{width:100%;margin-top:18px}.diy-preview p{font-size:13px}.diy-preview [role=status]:empty,.diy-editor [role=status]:empty{display:none}.diy-warning{color:#ffc28e}.site-nav{flex-wrap:wrap;gap:16px}@media(max-width:900px){.diy-layout{gap:20px;grid-template-columns:minmax(0,1fr) minmax(260px,340px)}.diy-preview{top:130px;padding:14px}}@media(max-width:680px){.diy-layout{grid-template-columns:1fr}.diy-preview{position:static;grid-row:1;width:100%;max-width:380px;justify-self:center}.diy-editor fieldset{padding:16px}.diy-preview-heading h2{font-size:18px}}