.studio-switcher{display:flex;gap:8px;margin:0 0 24px;padding:5px;width:max-content;max-width:100%;border:1px solid #d9d9d9;border-radius:999px;background:#f5f3ef}
.studio-switcher button{border:0;border-radius:999px;background:transparent;color:#363636}
.studio-switcher button.active{background:#171717;color:#fff}
.master-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.master-heading h2{margin:.1em 0}
.master-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:28px;align-items:start}
.master-controls{display:grid;gap:14px;position:sticky;top:16px}
.master-controls fieldset{display:grid;gap:12px;padding:16px;border:1px solid #ddd;border-radius:12px}
.master-controls input[type=file],.master-controls select,.master-controls input[type=text]{width:100%}
.master-save{display:grid;gap:8px;padding-top:14px;border-top:1px solid #ddd}
.master-previews{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(360px,1fr);gap:18px;align-items:start}
.master-previews figure{margin:0;min-width:0}
.master-previews figcaption{font-weight:800;margin-bottom:8px}
.master-previews canvas{display:block;width:100%;height:auto;background:#eee;border:1px solid #d4d4d4;border-radius:10px}
#master-source{cursor:grab;touch-action:none}
#master-source.dragging{cursor:grabbing}
#master-project-panel{padding:16px;margin-bottom:20px;border:1px solid #ddd;border-radius:12px;background:#faf9f6}
.master-project-row{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #e2e2e2}
.master-project-row:first-child{border-top:0}
.master-project-row img{width:80px;height:64px;object-fit:contain;background:white}
@media(max-width:900px){.master-layout,.master-previews{grid-template-columns:1fr}.master-controls{position:static}.master-result{order:-1}.master-heading{display:block}}