.studio-shell{min-height:100dvh;background:#f3f4ef;color:#183334}.studio-nav{background:#fffefa;border-bottom:1px solid #dce1d9}.studio-panel{background:#fffefa;border:1px solid #dce1d9;border-radius:14px;box-shadow:0 4px 24px #18333404}.studio-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.16em;color:#57756a;margin-bottom:.8rem}.studio-signin{max-width:1150px}.studio-new-name{flex-basis:200px}.studio-shell .btn-dark{background:#183334;border-color:#183334}.studio-shell .btn-dark:hover{background:#2c5651;border-color:#2c5651}.studio-shell .form-control:focus,.studio-shell .form-select:focus{border-color:#78a79b;box-shadow:0 0 0 .2rem #78a79b26}.studio-editor-fieldset{min-width:0}.studio-cover{height:190px;width:100%;object-fit:cover}.studio-empty-cover{display:grid;place-items:center;background:linear-gradient(140deg,#b9cec3,#dfdbbf);font-size:3rem;font-family:var(--font-syne),sans-serif;color:#18333466}.studio-plan{width:100%;aspect-ratio:1;background:#f9faf6;border-radius:8px}.studio-plan.is-drawing{cursor:crosshair}.studio-upload-area{border:1px dashed #93aaa0;border-radius:10px;background:#f3f6f0;padding:1.5rem 1rem;text-align:center}.studio-art-card{border:1px solid #e0e3dc;border-radius:9px;overflow:hidden}.studio-art-card.is-selected,.studio-placement.is-selected{border-color:#36796b;box-shadow:0 0 0 2px #36796b33}.studio-art-select{display:block;width:100%;padding:0;border:0;background:#eee}.studio-art-select img{width:100%;height:160px;object-fit:contain}.studio-empty-state{padding:2rem 1rem;text-align:center;color:#75877d;background:#f6f6f1;border-radius:9px}.studio-placement{width:100%;display:flex;align-items:center;gap:.8rem;padding:.6rem;border:1px solid #dce1d9;border-radius:9px;background:#fffefa;color:inherit}.studio-placement img{width:44px;height:48px;object-fit:cover;border-radius:4px}.studio-preview{position:relative;height:75dvh;min-height:400px}.studio-shell a:focus-visible,.studio-shell button:focus-visible,.studio-shell summary:focus-visible{outline:3px solid #5b9b88;outline-offset:3px}@media (max-width:575px){.studio-nav .brand-mark img{max-width:145px;height:auto}.studio-editor-heading .btn{font-size:.8rem}.studio-preview{height:65dvh}}