:root{color:#443e36;background:#f8f5f0}.topbar{border-color:#e9e2d9;background:#fffcf8}.brand-icon{background:#da8c75}.brand-light,.eyebrow{color:#a79584}.stage{min-height:760px;background:radial-gradient(ellipse at 40% 35%,#fffaf1,#ebe5db);border-color:#e7ded1}.panel{border-color:#e7ded1}.stage-heading p,.intro{color:#9b8c7d}.stage-heading{top:27px}#viewport{inset:108px 0 42px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tabs button{border:1px solid #e9dfd4;background:#fcfaf7;border-radius:8px;padding:10px 7px;font-size:12px;color:#9b8776}.tabs button[aria-pressed=true]{background:#f8e6dd;color:#a65f48;border-color:#e3b5a1}.list-title{display:flex;justify-content:space-between;gap:12px;margin:22px 0 10px;font-size:11px;color:#a18e7a}.list-title strong{color:#645549;font-weight:500}#fields{max-height:370px;overflow:auto;padding-right:7px;scrollbar-width:thin;scrollbar-color:#dccdbd transparent}.control-row{padding:10px 0 12px;border-color:#f0e9e1}.bar-label{color:#7f6f60}.number-wrap{background:#fdfbf8;border-color:#e9dfd4}.number-wrap input{color:#645549}.control-top{margin-bottom:8px}.ratio{font-size:10px;color:#a18a72;min-width:38px;text-align:right}.number-wrap input{width:61px}.tag{background:#f8f2e9;color:#ab947b}button.primary{background:#b47b60;box-shadow:none}button.primary:hover{background:#a56d52}.secondary{border-color:#e9dfd4;color:#9b8776}.actions{margin-top:18px}.api{margin-top:23px;font-size:11px;color:#9b8776;border-top:1px solid #eee6dc;padding-top:16px}.api summary{cursor:pointer}.api pre{font:10px/1.8 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#faf6ef;padding:12px;color:#876e57;border-radius:8px}.api a{text-decoration:underline}.source{color:#ac9c8c}.source a{color:#9f7b5d}.error{margin-top:12px}.page-footer{color:#ae9e8c}.quiet{border-color:#e5dcd0;color:#95816c}.stage-footer{color:#a18e7a}.status{color:#a18e7a}:focus-visible{outline-color:#bd8a6e}@media(min-width:1450px){.stage{min-height:820px}}@media(max-width:760px){.stage{min-height:570px}#viewport{inset:100px 0 42px}#fields{max-height:330px}.brand-light{display:none}}