.wardrobe-button{display:block;width:100%;border:1px solid #d8deca;border-radius:4px;margin-top:13px;padding:9px 6px;font-size:10px;color:#557b61;background:#eef0e4}.initial-character{display:flex;align-items:center;gap:20px;padding:15px;background:#eef0df;border:1px solid #d8dfc9;border-radius:4px;margin:18px 0}.initial-character>div{width:76px;min-width:76px;height:100px;display:grid;place-items:center;background:#dce4c9}.initial-character svg{width:67px;height:89px;image-rendering:pixelated}.initial-character b{font-size:13px}.initial-character p{font-size:11px;margin:6px 0}.initial-character .secondary{font-size:11px;padding:9px;margin-top:5px}#customizer{width:840px;padding:27px;max-height:92vh}#customizer .custom-heading h2{font-size:25px;margin:7px 0}#customizer .custom-heading p{font-size:11px;margin:7px 0 20px}.custom-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px}.custom-preview-column{align-self:start;position:sticky;top:0}.custom-preview{border:1px solid #ccd5bf;border-radius:5px;background:linear-gradient(#dfe9d5 0 70%,#c9d7b7 70%);display:grid;place-items:center;overflow:hidden}.character-preview{height:288px;position:relative}.character-preview:after{content:'';position:absolute;width:110px;height:12px;border-radius:50%;background:#7d997b33;bottom:28px}.character-preview svg{width:160px;height:216px;image-rendering:pixelated;z-index:1}.space-preview{min-height:210px;background:#e3e7d6}.space-preview svg{width:100%;height:auto;display:block}.preview-caption{text-align:center;padding:14px 0}.preview-caption b{display:block;color:#60785b;font:12px Georgia,serif;letter-spacing:2px}.preview-caption span{display:block;font-size:10px;color:#8d9980;margin-top:7px}.custom-note{font-size:10px!important;line-height:1.9!important;color:#859076!important}.custom-fields{min-width:0}.style-options{margin:0 0 18px;padding:0}.style-options legend{font-size:11px;color:#657859;margin-bottom:9px}.style-options>div{display:flex;flex-wrap:wrap;gap:6px}.style-options button,.preview-switch button{padding:10px 11px;font-size:11px;border:1px solid #d5ddc8;border-radius:3px;background:#faf9ef}.style-options button[aria-pressed=true],.preview-switch button[aria-pressed=true]{background:#dbe8d4;border-color:#88a47a;color:#3f6748;font-weight:bold;box-shadow:inset 0 -2px 0 #a5bd95}.custom-colors{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px}.custom-color{display:flex!important;align-items:center;justify-content:space-between;gap:8px;background:#efefdf;border-radius:4px;padding:8px 11px;font-size:11px!important}.custom-color input{height:30px;width:40px;padding:0;border:0;background:none;cursor:pointer}.custom-footer{display:flex;gap:12px;position:sticky;bottom:-27px;background:#fcfaf0;border-top:1px solid #dce2cf;padding:16px 0 0;margin-top:16px}.custom-footer .secondary{width:30%}.custom-footer .primary{width:70%}.custom-name{font-size:11px;display:block;margin-bottom:18px}.custom-name small{display:block;color:#96a086;font-size:9px;margin-top:4px}.preview-switch{display:flex;justify-content:center;gap:7px}#customError{color:#a95038;font-size:11px;margin:8px 0 0}.shop-buttons{flex-wrap:wrap}.shop-buttons>button{flex:1 1 150px}.studio-customize{margin-top:10px}.studio-identity{font-size:10px;color:#839473;margin-top:8px}@media(max-width:600px){#customizer{padding:20px;width:calc(100vw - 20px);max-width:calc(100vw - 20px)}.custom-layout{grid-template-columns:1fr;gap:12px}.custom-preview-column{position:static}.character-preview{height:170px}.character-preview svg{width:100px;height:140px}.character-preview:after{width:72px;bottom:11px}.space-preview{min-height:160px}.space-preview svg{max-height:200px}.custom-preview-column .custom-note{display:none}.preview-caption{padding:9px 0}.preview-caption span{font-size:9px}.custom-fields{padding-top:5px}.custom-heading h2{font-size:20px!important}.style-options{margin-bottom:14px}.style-options button{font-size:10px;padding:9px}.custom-footer{bottom:-20px}.wardrobe-button{grid-column:1;grid-row:3;margin-top:0}.left-panel nav{grid-row:4}.left-panel .stats{grid-row:2}.initial-character{gap:12px}.initial-character section{min-width:0}}