.image-studio{max-width:1680px;margin-inline:auto}.studio-grid{grid-template-columns:300px minmax(0,1fr) 230px;align-items:stretch;gap:16px;display:grid}.studio-panel{border:1px solid var(--border-color);background:var(--bg-surface);border-radius:18px}.studio-label{color:var(--text-primary);margin-bottom:9px;font-size:12px;font-weight:500;display:block}.studio-canvas{background-color:var(--bg-main);background-image:radial-gradient(var(--border-color) .8px,transparent .8px);background-size:18px 18px}.studio-action{border:1px solid var(--border-color);color:var(--text-primary);border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:11px;transition:border-color .15s,color .15s;display:inline-flex}.studio-action:hover{color:#59c9d5;border-color:#59c9d5}.studio-action:disabled{opacity:.4;cursor:not-allowed}.studio-history{max-height:900px}.studio-orbit{box-shadow:0 0 0 12px #59c9d50a,0 0 0 24px #59c9d506}@media(max-width:1350px){.studio-grid{grid-template-columns:280px minmax(0,1fr)}.studio-grid>aside{grid-column:1/-1}.studio-history{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));max-height:280px;display:grid}}@media(max-width:767px){.studio-grid{grid-template-columns:minmax(0,1fr)}.studio-grid>aside{grid-column:auto}.studio-grid>section:first-child{order:0}.studio-history{max-height:360px}}.studio-label.flex{display:flex}.studio-checker{background-color:var(--bg-main);background-image:conic-gradient(var(--border-color) 25%,transparent 0 50%,var(--border-color) 0 75%,transparent 0);background-size:20px 20px}.studio-action[aria-pressed=true]{color:#59c9d5;background:#59c9d514;border-color:#59c9d5}