.studio-intro,.studio-form,.studio-item,.studio-group,.studio-done{border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(20,27,25,.72);box-shadow:0 15px 40px rgba(0,0,0,.2);padding:20px}.studio-intro h2{margin:.15rem 0;font-size:clamp(1.7rem,4vw,3rem)}.studio-intro p{max-width:680px}.studio-form{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 2fr auto;gap:10px;margin:14px 0}.studio-form textarea{min-height:44px;padding:10px;border-radius:10px}.studio-groups{display:grid;gap:14px}.studio-group{padding:16px}.studio-group-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.studio-group-head h3{margin:0;color:#fff}.studio-group-head span{background:var(--lime);color:#111;font-weight:900;border-radius:99px;padding:4px 8px;font-size:.75rem}.studio-list{display:grid;gap:10px}.studio-item{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:10px}.studio-item h3{margin:.2rem 0}.studio-item p{margin:.25rem 0;color:#b8c1bd}.studio-item.is-done{opacity:.55}.studio-item.is-done h3{text-decoration:line-through}.studio-actions{display:grid;gap:7px;min-width:150px}.studio-actions select{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.24);border-radius:9px;color:#fff;padding:7px;font:inherit}.studio-done{margin-top:14px}.studio-done summary{cursor:pointer;font-weight:900;color:#fff}@media(max-width:900px){.studio-form{grid-template-columns:1fr 1fr}.studio-form input:first-child,.studio-form textarea,.studio-form button{grid-column:1/-1}}@media(max-width:760px){.studio-form{grid-template-columns:1fr}.studio-form input:first-child,.studio-form textarea,.studio-form button{grid-column:auto}.studio-item{align-items:flex-start;flex-direction:column}.studio-actions{width:100%}}
