/* 스튜디오 보조 화면의 공통 색상과 조작 규칙 */
:root{--ink:#1A1823;--soft:#57536B;--line:rgba(26,24,35,.13);--bg:#F3F0F8;--pop:#DE3E63;--no:#a42f46}
body{background:radial-gradient(110% 80% at 15% 0%,#E6E3F5,transparent 65%),#C9CBE8;color:var(--ink);font-family:"Pretendard",system-ui,-apple-system,"Malgun Gothic",sans-serif}
.wrap{background:var(--bg);border:1px solid rgba(255,255,255,.6);border-radius:22px;padding:28px;box-shadow:0 18px 44px -22px rgba(26,24,35,.35)}
h1{font-size:25px;line-height:1.3;letter-spacing:-.04em;margin-bottom:20px}h2{font-size:15px}
.brand{letter-spacing:.13em;font-size:11px;color:var(--soft)}
input{min-height:44px}button{min-height:40px}button:not(.ghost){background:var(--ink);color:#fff;border-color:var(--ink)}
button:hover{filter:brightness(1.1)}a{color:var(--soft);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--pop);outline-offset:3px}
input:focus{outline:2px solid var(--pop);outline-offset:1px;border-color:var(--pop)}
.bsInputLabel{display:block;font-size:12px;font-weight:600;color:var(--soft);margin-top:12px}
.foot{flex-wrap:wrap;row-gap:12px}.foot .right{overflow-wrap:anywhere}.row input{min-width:0}
.bsTableScroll{overflow-x:auto}td{overflow-wrap:anywhere}td.act button[data-do="remove"]{color:#a42f46;background:#fff;border-color:rgba(164,47,70,.25)}
@media(max-width:560px){body{padding:16px 12px 32px}.wrap{padding:22px 18px}.row{flex-wrap:wrap}.row input{flex-basis:100%}.row input#newHandle{max-width:none!important}.foot .right{width:100%;margin-left:0}td.act button{min-height:38px}}