:root{font-family:system-ui,sans-serif;color:#233c35;background:#f3f6f3;letter-spacing:0}*{box-sizing:border-box}body{margin:0}header{padding:16px 5%;display:flex;gap:18px;align-items:center;border-bottom:1px solid #c7d5cb}header span{margin-left:auto;font-size:13px}a{color:#28634d}main{max-width:1040px;margin:auto;padding:28px 24px}h1{font-size:32px;margin:0}h2{font-size:20px;margin:0 0 18px}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.heading p{margin:0 0 5px;color:#577467}#wallet{font-weight:700;text-align:right}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:36px}.studio{background:#e3ecea;padding:24px;min-width:0}.bench{min-width:0}#art{height:290px}#art svg{width:100%;height:100%}.name{display:grid;gap:8px;font-size:13px}input,select,button{font:inherit;min-height:44px;border:1px solid #acbcb2;border-radius:6px;background:#fff;color:inherit;padding:9px 12px;max-width:100%}button{cursor:pointer;font-weight:650}button:hover:not(:disabled){background:#dbeee5}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bb7824;outline-offset:2px}.primary{background:#256549;color:white;border-color:#256549}.primary:hover:not(:disabled){background:#174d37}.ingredient,.field{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.ingredient small{display:block;color:#566b61;margin-top:4px}.stepper{display:flex;gap:4px;align-items:center}.stepper input{width:62px;text-align:center;padding:6px}.stepper button{width:44px}.count{min-width:28px;text-align:center}.swatch{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px}#traits{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px}#audience{font-size:14px;color:#516b60;min-height:42px}#cost{padding:14px 0;font-weight:600}#recipes{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.sales{margin-top:32px;padding:24px 0;border-top:2px solid #467b65;border-bottom:1px solid #bccfc3;margin-bottom:28px}#actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}#customers{padding:0;list-style:none;display:grid;gap:8px}#customers li{padding:12px;background:#fff;border-left:4px solid #c5a365;animation:arrive .35s ease-out}#customers li.bought{border-color:#378664}#customers small{display:block;margin-top:4px;color:#52675c}#result{font-weight:700;line-height:1.8}#history>div{padding:14px 0;border-bottom:1px solid #cedad2}#history small{display:block;color:#566d60}footer{font-size:13px;margin-top:32px;color:#587363}#message{min-height:24px;color:#8c4c21}#batch{line-height:1.7}#batchState{color:#655677}.field select{min-width:0;width:65%}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){main{padding:20px 16px}.workspace{grid-template-columns:1fr;gap:24px}header{padding:12px 16px;flex-wrap:wrap;gap:8px}header span{display:none}header button{margin-left:auto}h1{font-size:28px}.studio{padding:16px}#art{height:220px}.heading{align-items:flex-start}#wallet{font-size:14px}.ingredient small{font-size:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
:root .compare-grid{display:grid;grid-template-columns:minmax(70px,.8fr) repeat(2,minmax(0,1fr));gap:0;margin-top:16px;border-top:2px solid #467b65}.compare-grid>*{padding:12px 8px;border-bottom:1px solid #cedad2;overflow-wrap:anywhere;min-width:0}.compare-grid strong{background:#e3ecea}.compare-grid small,#recipes small{display:block;font-size:12px;font-weight:400;margin-top:5px}.history-item{display:flex;gap:16px;justify-content:space-between;align-items:center}.history-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.history-actions label{display:flex;align-items:center;gap:6px;white-space:nowrap;min-height:44px}.history-actions input{min-height:20px;width:20px;height:20px}.market-note{font-size:13px;line-height:1.5;color:#52675c}#comparison{margin-bottom:16px}#actions[hidden]{display:none}@media(max-width:640px){.history-item{flex-direction:column;align-items:stretch}.compare-grid{font-size:13px}.compare-grid>*{padding:10px 5px}.history-actions{justify-content:space-between}}
.sales-tabs{display:flex;gap:8px;margin-top:28px;border-bottom:2px solid #467b65;padding-bottom:10px}.sales-tabs button[aria-pressed="true"]{background:#256549;color:white}.commission-preview{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center}.commission-preview svg{width:100%;height:160px}#commission{padding:24px 0;border-bottom:1px solid #bacabd;margin-bottom:24px}#commission button{margin:8px 8px 8px 0}#commission small{display:block}#commission blockquote{margin:16px 0;padding:12px 18px;border-left:3px solid #af7083;background:#f1e8ee;line-height:1.7}#commission p{line-height:1.6}.sales[hidden],#commission[hidden],#make[hidden]{display:none}@media(max-width:640px){.commission-preview{grid-template-columns:80px minmax(0,1fr);gap:10px}.commission-preview svg{height:110px}#commission .heading{flex-wrap:wrap}#commission h2{font-size:18px}}
.field[hidden],#sampleActions[hidden]{display:none}.sales-tabs{margin-bottom:24px}#sampleActions{margin:16px 0}#sampleActions button{width:100%}
#traits{display:grid;grid-template-columns:1fr;gap:20px}#traits strong{font-size:14px}.palette-strip{height:14px;display:flex;gap:3px;margin:10px 0;border-radius:4px;overflow:hidden;background:#cddbd5}.palette-strip span{min-width:0}.palette-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:13px}.palette-legend span{display:flex;align-items:center;gap:5px}.palette-legend i{width:12px;height:12px;border:1px solid #ffffff;display:inline-block;border-radius:50%}.trait-title,.scent-labels{display:flex;justify-content:space-between;gap:10px}.scent-labels,#traits small{font-size:12px;color:#50645b}.scent-trait meter{width:100%;height:18px;accent-color:#91739b}.scent-trait meter::-webkit-meter-bar{background:#d3dcda;border:0}.scent-trait meter::-webkit-meter-optimum-value{background:#91739b}.scent-trait meter::-moz-meter-bar{background:#91739b}