.studio-v30 .development-detail{padding:80px 5.5%;grid-template-columns:54% 46%;align-items:center}.dev-console{border:1px solid #b399c2;border-radius:18px;overflow:hidden;background:#f6f2ed;color:#352238;box-shadow:0 25px 60px #20122625;min-width:0;isolation:isolate}.dev-console-top{padding:22px 26px;background:linear-gradient(120deg,#43304d,#27182e);color:#faf4ed;display:flex;align-items:center;justify-content:space-between;gap:15px}.dev-console-top>b{font:22px Georgia;letter-spacing:.15em}.dev-console-top>b>span{font:8px Instrument,sans-serif;letter-spacing:.15em}.dev-live{font-size:8px;letter-spacing:.12em;display:flex;align-items:center;gap:8px}.dev-live:before{content:'';width:5px;height:5px;background:#dcef69;border-radius:50%;box-shadow:0 0 12px #dcef6980}.dev-console-body{padding:26px;background:radial-gradient(ellipse at 0 0,#d9c6e266,transparent 65%)}.dev-dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.dev-dashboard-heading small{font-size:8px;letter-spacing:.15em;color:#82648b}.dev-dashboard-heading h3{font:38px/.95 'Times New Roman',serif;letter-spacing:-.045em;margin:10px 0 25px}.dev-reset{border:0;background:none;color:#735480;font-size:10px;cursor:pointer;padding:10px}.dev-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.dev-metrics>div{padding:17px 20px;border-radius:10px;background:#e9dff0;border:1px solid #b395c533;display:grid;gap:12px}.dev-metrics>div:first-child{background:#352238;color:#fff8ef}.dev-metrics>div:last-child{background:#e2ecad}.dev-metrics span{font-size:10px}.dev-metrics strong{font:40px/1 'Times New Roman',serif;letter-spacing:-.04em}.dev-filter{display:flex;gap:5px;border-bottom:1px solid #35223825;margin-bottom:15px;padding-bottom:12px}.dev-filter button{border:0;border-radius:25px;background:none;padding:9px 14px;font-size:11px;color:#705b79;cursor:pointer}.dev-filter button[aria-pressed=true]{background:#352238;color:#fff9ef}.dev-requests{display:grid;gap:8px;min-height:168px;align-content:start}.dev-request-row{display:grid;grid-template-columns:34px 1fr auto 16px;gap:12px;align-items:center;width:100%;background:#fffdf9;border:1px solid #d9cce0;border-radius:8px;padding:13px;text-align:left;color:#352238;cursor:pointer;transition:transform .25s,box-shadow .25s}.dev-request-row:hover{transform:translateX(3px);box-shadow:0 5px 16px #35223810}.dev-request-row>i{display:grid;place-items:center;width:32px;height:32px;background:#ece3f1;border-radius:50%;font:italic 15px Georgia}.dev-request-row b{font-size:12px;display:block}.dev-request-row small{display:block;font-size:9px;color:#8a768c;margin-top:5px}.dev-badge{padding:6px 9px;border-radius:20px;background:#ece2f3;color:#6d487c;font-size:8px;white-space:nowrap}.dev-badge.confirmed{background:#e5edc4;color:#46561f}.dev-empty{font-size:12px;padding:30px 0;color:#78627f}.dev-request-detail{border:1px solid #af90bf;border-radius:12px;background:linear-gradient(120deg,#fffdf8,#ebe1f1);padding:20px;margin-top:15px}.dev-request-detail h4{font:27px Georgia;margin:10px 0}.dev-request-detail p{font-size:11px;line-height:1.6}.dev-request-detail .dev-detail-heading{display:flex;justify-content:space-between;align-items:center}.dev-detail-heading small{font-size:8px;letter-spacing:.1em}.dev-detail-close{border:0;background:none;color:#352238;font-size:20px;cursor:pointer;min-width:32px;min-height:32px}.dev-change{border:0;border-radius:25px;background:#352238;color:#fff9ed;padding:12px 17px;font-size:11px;cursor:pointer}.dev-request-detail .dev-detail-status{font-size:10px;color:#746080}.dev-activity{display:flex;align-items:center;gap:12px;color:#705b79;border-top:1px solid #35223820;margin-top:19px;padding-top:15px;min-height:44px}.dev-activity>span{font-size:22px;color:#9973af}.dev-activity p{font-size:10px;line-height:1.5;margin:0}.dev-console-bottom{display:flex;justify-content:space-between;gap:15px;padding:15px 26px;background:#e7dceb;color:#775b80}.dev-console-bottom>span{font-size:7px;letter-spacing:.12em}.dev-console-bottom small{font-size:8px;text-align:right}.dev-intro{font-size:16px;line-height:1.65;color:var(--muted);max-width:43ch}.dev-explanations{display:grid;margin-top:28px}.dev-explanations article{display:flex;gap:20px;padding:19px 0;border-top:1px solid var(--line)}.dev-explanations article>span{font:italic 22px Georgia;color:#9d7cae}.dev-explanations h3{font-size:15px;margin:0 0 8px}.dev-explanations p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.dev-note{font-size:10px;color:var(--muted);margin-top:15px}.dev-console [hidden]{display:none!important}.dev-console button:focus-visible{outline:2px solid #8b6d9b;outline-offset:3px}
@media(max-width:1100px){.studio-v30 .development-detail{grid-template-columns:1fr;padding:60px 7%;gap:40px}.studio-v30 .development-detail .detail-copy{padding:0;max-width:none}.dev-console{max-width:800px;width:100%;margin:auto}.dev-explanations{grid-template-columns:repeat(3,1fr);gap:20px}.dev-explanations article{gap:10px}}
@media(max-width:600px){.studio-v30 .development-detail{padding:40px 6%;gap:30px}.dev-console-top{padding:18px 15px}.dev-console-top>b{font-size:19px}.dev-live{font-size:6px}.dev-console-body{padding:18px 14px}.dev-dashboard-heading h3{font-size:31px}.dev-reset{font-size:9px;padding:7px}.dev-metrics{gap:6px}.dev-metrics>div{padding:14px 10px}.dev-metrics span{font-size:8px}.dev-metrics strong{font-size:33px}.dev-filter{gap:0}.dev-filter button{padding:9px 11px;font-size:10px}.dev-request-row{grid-template-columns:1fr auto 10px;padding:12px 10px;gap:8px}.dev-request-row>i{display:none}.dev-request-row b{font-size:11px}.dev-badge{font-size:7px;padding:5px 7px}.dev-request-row small{font-size:8px}.dev-console-bottom{padding:14px;flex-direction:column;gap:8px}.dev-console-bottom small{text-align:left}.dev-explanations{grid-template-columns:1fr;gap:0}.dev-intro{font-size:14px}.dev-request-detail{padding:15px}.dev-request-detail h4{font-size:24px}}
@media(prefers-reduced-motion:reduce){.dev-console *{transition:none!important}}