:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{background:#faf6f0;min-width:320px}body{margin:0}*{box-sizing:border-box}img{max-width:100%}button,a,input,textarea,select{touch-action:manipulation}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #a64b31}::selection{color:#3d3027;background:#eed0b7}
.studio{background:radial-gradient(at 95% 0,#f3e3ce80,#0000 55%),#faf6f0;min-height:100dvh}.studio-brand{align-items:center;gap:12px;padding:8px 6px;display:flex}.studio-main{min-width:0;margin-left:244px}.studio-header{justify-content:space-between;align-items:center;gap:24px;padding:34px clamp(24px,3.5vw,52px) 28px;display:flex}.studio-header>div:first-child{min-width:0}.studio-header>div:last-child{flex-shrink:0}.studio-body{padding:0 clamp(24px,3.5vw,52px) 40px}.model-workspace{gap:28px;display:grid}.model-workspace.with-detail{grid-template-columns:minmax(0,1fr) 330px;align-items:start}.model-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,215px),1fr));gap:20px;display:grid}.public-model-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start;gap:24px;display:grid}.public-model-photo{aspect-ratio:4/3;background:#eee2d2;overflow:hidden}.public-model-photo img{object-fit:cover;width:100%;height:100%;display:block}.model-photo{aspect-ratio:1.05;background:#eee2d2;overflow:hidden}.model-photo img{object-fit:cover;width:100%;height:100%;display:block}.model-detail{min-width:0;padding:24px}.detail-photo{object-fit:contain;background:#f2e9dd;border-radius:10px;width:100%;max-height:320px;margin-top:20px;display:block}.swatch{vertical-align:middle;border:1px solid #00000020;border-radius:50%;flex-shrink:0;width:20px;height:20px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff40}.recipe-swatch{border-radius:9px;width:30px;height:30px}.preserve-notes{white-space:pre-wrap;overflow-wrap:anywhere}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:clamp(28px,6vw,64px) 24px;display:flex;background:linear-gradient(130deg,#fffdf9,#f8eedf)!important}.paint-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.entry-fields{border:0;gap:22px;min-width:0;margin:0;padding:0;display:grid}.entry-fields:disabled{opacity:.65}.upload-preview{object-fit:contain;background:#f4eadc;border-radius:12px;width:100%;max-height:240px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mobile-navigation{display:none}@media (max-width:1250px){.model-workspace.with-detail{grid-template-columns:minmax(0,1fr)}.model-detail .detail-photo{max-width:440px}}@media (max-width:899px){.studio-main{padding-bottom:calc(76px + env(safe-area-inset-bottom));margin-left:0}.mobile-navigation{z-index:1100;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #e7dbcd;display:block;position:fixed;bottom:0;left:0;right:0}.studio-header{padding:24px}}@media (max-width:599px){.studio-header{flex-wrap:wrap;gap:18px;padding:20px 18px 24px}.studio-header>div:first-child{flex:100%}.studio-header>div:last-child{justify-content:flex-end;width:100%}.studio-body{padding:0 18px 28px}.model-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:14px}.model-detail{padding:20px}.paint-stats{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}