.theme-editor{margin:24px 0}.theme-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.theme-fields .field,.theme-colors .field{margin:12px 0}.theme-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.theme-colors input[type=color]{width:100%;height:42px;padding:3px;cursor:pointer}.theme-sample{max-width:480px;padding:24px;margin:20px auto;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-card);font-family:var(--font-body)}.theme-sample-header{display:flex;justify-content:space-between;margin-bottom:20px;font-size:12px;color:var(--muted)}.theme-sample article{padding:var(--card-padding);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--card-shadow)}.theme-sample article h3{font-family:var(--font-heading);font-size:calc(20px * var(--font-scale));margin:12px 0;color:var(--text)}.theme-sample article p,.theme-sample article small{color:var(--muted)}.theme-sample article>div{display:flex;gap:var(--grid-gap);margin:20px 0}.theme-sample article span{flex:1;padding:10px;border-radius:var(--radius-control);font-size:calc(12px * var(--font-scale));text-align:center}.theme-sample .sample-yes{background:var(--green);color:var(--positive-text)}.theme-sample .sample-no{background:var(--red);color:var(--negative-text)}.theme-sample article button{display:block;width:100%;background:var(--accent);color:var(--accent-text);border:0;border-radius:var(--radius-control);padding:12px;font-family:var(--font-body);font-size:calc(13px * var(--font-scale))}.theme-editor .fine{margin-bottom:16px}@media(max-width:900px){.theme-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.theme-fields,.theme-colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-sample{padding:14px}.theme-editor{padding:16px!important}}