/* Shared appearance. Layout, visibility and JavaScript state classes stay intact. */
:root { --ui-ink: #202b43; --ui-muted: #66748c; --ui-line: #e1e6ef; --ui-accent: #6355d9; }
body { background: #f4f6fb; color: var(--ui-ink); }
#header { background: #fff; border-bottom: 1px solid var(--ui-line); box-shadow: 0 2px 12px #202b4305; }
#header .header-wrap { height: 100%; gap: 24px; }
#header .header-wrap .logo > a { color: var(--ui-ink); letter-spacing: -1px; }
#header .header-wrap .logo > a::before { content: ""; display: inline-block; width: 12px; height: 22px; margin-right: 10px; vertical-align: -2px; border-radius: 5px; background: linear-gradient(160deg, #9c8cff, #6355d9); box-shadow: 5px 0 0 #e5dffc; }
#header .header-wrap .gnb { gap: 6px; }
#header .header-wrap .gnb > li > a { height: 36px; padding: 0 20px; border-radius: 9px; letter-spacing: .4px; }
#header .header-wrap .gnb > li > a { color: var(--ui-muted); font-size: 13px; font-weight: 600; }
#header .header-wrap .gnb > li:hover > a, #header .header-wrap .gnb > li.active > a { color: var(--ui-accent); background: #eeeafd; }
#header .header-wrap .user-info { color: var(--ui-muted); font-size: 12px; }
#header .header-wrap .user-info .user { color: var(--ui-muted); font-size: 12px; }
#header .header-wrap .user-info .btn-wht { border-color: var(--ui-line); border-radius: 8px; }
#container > .content { padding: 32px 30px; }
.top-title { padding-bottom: 24px; border-color: var(--ui-line); }
.top-title .tit-set .tit { color: var(--ui-ink); font-size: 28px; letter-spacing: -1px; }
.top-title .step-info { gap: 12px; font-size: 12px; }
.top-title .step-info .step { padding: 9px 14px; border-radius: 20px; background: #ebe8fc; color: #5345bd; font-weight: 700; }
.top-title .step-info .step.disabled { color: var(--ui-muted); background: #e9edf4; font-weight: 400; }
.top-title .step-info .step::after { content: none; }
.content .info-tit strong, .link-txt, .tab-area .tab.act { color: var(--ui-accent); }
.content-box, .info-detail-box { border: 1px solid var(--ui-line); border-radius: 12px; box-shadow: 0 6px 22px #202b4306; }
.content-box { padding: 24px; }
.table th { background: #eef1f7; color: #52617a; font-weight: 600; font-size: 13px; line-height: 1.5; }
.table td { color: var(--ui-ink); border-bottom-color: #edf0f5; line-height: 1.5; }
.table tr.act td { background: #f0edff; color: #30275d; }
.table-list tbody tr:not(.act):hover td { background: #f8f9fd; }
.table-detail th { color: var(--ui-muted); background: #f7f8fc; }
.info-detail-box .table-detail th, .info-detail-box .table-detail td { padding-top: 18px; padding-bottom: 18px; }
.table .tb-btn { border-radius: 7px; background: #737e98; }
.table-set > .table-list { border: 1px solid var(--ui-line); }
.inp, .slct, textarea { border-color: #dbe1eb; border-radius: 8px; color: var(--ui-ink); background-color: #fff; }
.inp::placeholder, textarea::placeholder { color: #929db0; }
.inp:focus, .slct:focus, textarea:focus { border-color: #9b8bea; box-shadow: 0 0 0 3px #6355d912; }
.inp:disabled, .slct:disabled { background-color: #eef1f5; color: #8b96a8; }
.srch-set { border-color: var(--ui-line); border-radius: 9px; }
.form-list .label { color: #52617a; }
.btn { border-radius: 8px; font-size: 13px; font-weight: 600; transition: background-color .15s, box-shadow .15s; }
.btn.btn-blu { background: var(--ui-accent); box-shadow: 0 4px 10px #6355d920; }
.btn.btn-blu:hover { background: #5143bd; }
.btn.btn-blk { background: #26344e; }
.btn.btn-blk:hover { background: #394a68; }
.btn.btn-wht { border-color: #dbe1eb; color: #52617a; background: #fff; }
.btn.btn-wht:hover { background: #f2f4f9; }
.btn.btn-red { background: #ca5269; }
.btn-icon { border-radius: 8px; }
.btn:disabled { box-shadow: none; opacity: .55; }
button:focus-visible, a:focus-visible { outline: 3px solid #9b8bea; outline-offset: 3px; }
.project-list > li .prj-box { border-color: var(--ui-line); border-radius: 14px; box-shadow: 0 5px 18px #202b4308; }
.project-list > li .prj-box .bot-box { padding: 14px 20px; background: #26344e; }
.project-list > li .prj-box .btn-box { background: #fafbfe; }
.project-list > li .prj-box .btn-box .btn-icon { color: #52617a; }
.paging a, .paging button { border-radius: 7px; }
.paging .act { background-color: var(--ui-accent); color: #fff; }
.popup .pop-content { border-radius: 16px; box-shadow: 0 20px 70px #202b432b; }
.popup .pop-header { background: #f7f8fc; border-bottom: 1px solid var(--ui-line); }
.popup .pop-header .tit { color: var(--ui-ink); }
#footer { background: #edf0f7; border-top: 1px solid var(--ui-line); }
#footer .footer-wrap .copyright, #footer .footer-wrap .address { color: #7b879d; }
#login-wrap { background: radial-gradient(ellipse at 15% 20%, #e7e1ff, transparent 55%), #f4f6fb; }
#login-wrap .login { border-radius: 24px; box-shadow: 0 24px 80px #202b431a; border: 1px solid #ffffff; }
#login-wrap .login .lft-box { background: radial-gradient(circle at 15% 85%, #8980e7, transparent 60%), linear-gradient(145deg, #26344e, #5143bd); }
#login-wrap .login .lft-box .tit { letter-spacing: -4px; }
#login-wrap .login .rgt-box { padding: 48px 36px 36px; }
#login-wrap .login .rgt-box .title { color: var(--ui-ink); font-weight: 700; line-height: 1.7; }
#login-wrap .login .rgt-box .login-inp .form-list > li .label { color: var(--ui-muted); font-size: 13px; }
#login-wrap .login .rgt-box .login-inp .form-list > li .inp-set .inp { border-color: #dbe1eb; border-radius: 8px; }
#login-wrap .login .rgt-box .login-inp .btn-area .btn-login { background: var(--ui-accent); border-radius: 9px; font-weight: 600; box-shadow: 0 5px 12px #6355d925; }
#login-wrap .login .rgt-box .login-bottom .btn-join-info { color: var(--ui-accent); background: #eeeafd; border: 1px solid #ded8f7; border-radius: 8px; }
#login-wrap .login .rgt-box .login-info-txt .email .link-txt { color: var(--ui-accent); }
@media (prefers-reduced-motion: reduce) { .btn { transition: none; } }
/* 공통 스튜디오 내비게이션 */
#header{height:76px;padding:0 38px;background:linear-gradient(110deg,#fffcfa,#fcfaff 65%,#f8f5ff);border-bottom:1px solid #e9e3f1;box-shadow:0 4px 22px #32224b04;font-family:"SpoqaHanSansNeo","Noto Sans KR","Malgun Gothic",Arial,"Doutm",Tahoma,sans-serif}
#header .header-wrap{justify-content:flex-start;gap:40px;max-width:1720px;margin:auto}
#header .header-wrap .logo{flex-shrink:0;margin:0}
#header .header-wrap .logo>a{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.8px;color:#292338;white-space:nowrap}
#header .header-wrap .logo>a::before{content:none}
.studio-brand-wave{display:flex;align-items:center;gap:3px;width:24px;height:29px;margin-right:3px}.studio-brand-wave i{display:block;width:5px;height:15px;background:#8568df;border-radius:4px}.studio-brand-wave i:nth-child(2){height:28px}.studio-brand-wave i:nth-child(3){height:21px}
.studio-brand-caption{font-size:8px;color:#b0a0bd;letter-spacing:2px;font-weight:600;padding-top:3px}
#header .header-wrap .gnb{gap:5px;border-left:1px solid #e7e0ed;padding-left:26px}
#header .header-wrap .gnb>li>a{height:38px;padding:0 19px;font-size:12px;letter-spacing:-.2px;border-radius:10px;color:#8c7f98;font-weight:600;transition:background .15s,color .15s}
#header .header-wrap .gnb>li:hover>a{background:#f0eafa;color:#8063bc}
#header .header-wrap .gnb>li.active>a{background:#ece4fa;color:#7855b5;box-shadow:inset 0 0 0 1px #e5d9f5}
#header .header-wrap .user-info{margin-left:auto;gap:18px}
#header .header-wrap .user-info .user{display:flex;align-items:center;gap:8px;font-size:12px;color:#786b88;white-space:nowrap}
#header .header-wrap .user-info .user .name{margin-left:0;font-weight:600}
.studio-user-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#eee5fb;color:#9578bc;font-size:12px;font-weight:700;border:1px solid #e6dcf2}
.studio-user-suffix{margin-left:-5px;color:#a69ab0;font-size:11px}
#header .header-wrap .user-info .btn-set{margin-left:0}
#header .header-wrap .user-info .btn-wht{height:32px;padding:0 13px;border:1px solid #e5dcec;border-radius:9px;background:#ffffff80;color:#9a89a7;font-size:10px;font-weight:500;box-shadow:none}
#header .header-wrap .user-info .btn-wht:hover{background:#f2ecf9;color:#795994}
@media(max-width:1000px){#header{padding:0 22px}#header .header-wrap{gap:20px}.studio-brand-caption{display:none}#header .header-wrap .gnb{padding-left:15px}#header .header-wrap .gnb>li>a{padding:0 12px}#header .header-wrap .user-info{gap:10px}}
@media(max-width:640px){#header{height:auto;min-height:100px;padding:14px 18px}#header .header-wrap{flex-wrap:wrap;gap:12px}#header .header-wrap .logo>a{font-size:18px}#header .header-wrap .user-info{order:2}#header .header-wrap .gnb{order:3;width:100%;padding:0;border:0;justify-content:flex-start}#header .header-wrap .gnb>li>a{height:32px}.studio-user-avatar{display:none}}
/* 프리셋 목록: 데이터와 이벤트 구조를 유지하는 화면 스타일 */
.preset-library .top-title{border-bottom:0;padding-bottom:14px}.preset-library .top-title .tit{font-size:28px;letter-spacing:-1px}.preset-library .top-info-set{margin-top:8px;padding:0 0 18px;border-bottom:0}.preset-library .top-info-set .info-tit{font-size:12px;color:#93879f;padding:12px 0}.preset-library .info-tit strong{color:#8563cf;font-weight:700}.preset-library .srch-set{height:40px;border-color:#e7e0ed;border-radius:11px;background:#fff}.preset-library .srch-set .inp{font-size:12px;color:#746780}.preset-library .table-set{margin-top:0;border:1px solid #e7e0ed;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 8px 28px #37234b05}.preset-library .table{border-collapse:collapse}.preset-library .table th{padding:18px 14px;background:#f7f4fb;color:#9b8ba8;font-size:11px;font-weight:600;border-bottom:1px solid #eee7f4}.preset-library .table td{height:72px;padding:18px 14px;border-bottom:1px solid #f0ebf5;font-size:12px;color:#8f819b}.preset-library .table tbody tr:last-child td{border-bottom:0}.preset-library .table td:nth-child(2){text-align:left;font-size:14px;font-weight:700;color:#5d4b73}.preset-library .table th:nth-child(2),.preset-library .table th:nth-child(3){text-align:left}.preset-library .table td:nth-child(3){color:#9a8ca5;line-height:1.7;font-size:12px}.preset-library .table td:first-child{color:#b5a7c2;font-size:11px}.preset-library .table td:nth-child(4),.preset-library .table td:nth-child(5){font-weight:600;color:#8e72b4}.preset-library .table td:nth-child(6){font-size:11px;color:#b0a3bb}.preset-library .table tbody tr:not(#noData):hover td{background:#fcfaff}.preset-library .table .btn-icon{width:30px;height:32px;border:1px solid transparent;border-radius:8px;background:#f7f4fa;transition:background .15s}.preset-library .table .btn-icon .ic{opacity:.42;transform:scale(.8)}.preset-library .table .btn-icon:hover{background:#fbeaf0;border-color:#f1d8e2}.preset-library .table .btn-icon:hover .ic{opacity:.75}.preset-library #produce{height:40px;width:auto;min-width:130px;padding:0 20px;background:#8564d9;border:1px solid #8564d9;color:#fff;border-radius:10px;font-size:12px;box-shadow:0 5px 14px #8564d91c}.preset-library #produce:hover{background:#7352c7}.preset-library .btn-area{margin-top:22px}.preset-library .btn-area .btn-blk{height:38px;width:100px;min-width:0;border:1px solid #e5ddec;border-radius:10px;background:#fff;color:#9a85ad;box-shadow:none;font-size:12px}.preset-library .btn-area .btn-blk:hover{background:#f3edf9;color:#795696}
/* 프로젝트 카드 */
body.project-library{background:#f7f5fb}.project-library .top-title{border-bottom:0;padding-bottom:14px}.project-library .top-info-set{border-bottom:0;padding-bottom:18px}.project-library .top-info-set .info-tit{font-size:12px;color:#93879f}:is(.project-library,.project-overview) .project-list>li .prj-box{border:1px solid #e7e0ed;border-radius:16px;box-shadow:0 8px 25px #37234b06}:is(.project-library,.project-overview) .project-list>li .prj-box .thumb-box .bg-img::before{z-index:1;background:linear-gradient(0deg,#281741a6,transparent 65%);pointer-events:none}:is(.project-library,.project-overview) .project-list>li .prj-box .thumb-box .txt{z-index:2;top:auto;bottom:20px;left:20px;transform:none;text-align:left;width:calc(100% - 80px);font-size:18px;line-height:1.5;letter-spacing:-.5px;text-shadow:0 2px 12px #0005}:is(.project-library,.project-overview) .thumb-box a:hover img,:is(.project-library,.project-overview) .thumb-box a:focus img{transform:scale(1.035)}:is(.project-library,.project-overview) .project-list>li .prj-box .bot-box{background:#fff;padding:15px 20px;border-top:1px solid #f1eaf5}:is(.project-library,.project-overview) .project-list>li .prj-box .bot-box .info{justify-content:space-between;color:#a497b0;font-size:10px;font-weight:400}:is(.project-library,.project-overview) .project-list>li .prj-box .bot-box .info .time{color:#8c6eb3;font-weight:600}:is(.project-library,.project-overview) .project-list>li .prj-box .bot-box .info .time::after{background:#e9e0f0}:is(.project-library,.project-overview) .thumb-box>.btn-set{z-index:3;bottom:15px;right:12px}:is(.project-library,.project-overview) .thumb-box>.btn-set[style]{right:46px!important}:is(.project-library,.project-overview) .thumb-box .btn-modify,:is(.project-library,.project-overview) .thumb-box .btn-del{width:29px;height:29px;border:1px solid #ffffff70;border-radius:8px;background-color:#ffffffe0;background-size:18px;opacity:.85}:is(.project-library,.project-overview) .thumb-box .btn-modify:hover,:is(.project-library,.project-overview) .thumb-box .btn-del:hover{opacity:1;background-color:#fff}:is(.project-library,.project-overview) .project-list>li .category{border-radius:0 0 0 10px;background:#ffffffe6;color:#8c729e;font-size:10px;padding:7px 13px}:is(.project-library,.project-overview) .project-list>li:first-child>.prj-box{border:1px dashed #d6c7e7;background:#ffffffb3}:is(.project-library,.project-overview) .project-list>li:first-child>.prj-box:hover{background:#f3edfb;border-color:#ac8bd7}
.slct.studio-select{position:relative;overflow:visible;background:#fff;border:1px solid #e4dceb;border-radius:10px}.slct.studio-select::after{display:none}.studio-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none;padding:0!important}.studio-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;padding:0 15px;background:transparent;border:0;border-radius:10px;text-align:left;font:inherit;font-size:12px;color:#73627f;cursor:pointer}.studio-select-trigger::after{content:'';width:6px;height:6px;border-right:1.5px solid #aa96b9;border-bottom:1.5px solid #aa96b9;transform:rotate(45deg);margin:0 3px 4px 12px}.studio-select-trigger:focus-visible{outline:2px solid #ad91df;outline-offset:2px}.studio-select.is-open{z-index:120;border-color:#b89be4;box-shadow:0 0 0 3px #9e7ed710}.studio-select-menu{position:absolute;top:calc(100% + 7px);left:-1px;right:-1px;z-index:120;padding:6px;background:#fff;border:1px solid #e8deef;border-radius:12px;box-shadow:0 14px 36px #38234e1c;max-height:260px;overflow:auto}.studio-select-menu[hidden]{display:none}.studio-select-option{display:block;width:100%;padding:11px 12px;text-align:left;border:0;border-radius:7px;background:transparent;color:#897794;font:inherit;font-size:12px;cursor:pointer}.studio-select-option:hover,.studio-select-option:focus{background:#f6f0fc;color:#7a55a8;outline:0}.studio-select-option[aria-selected=true]{background:#eee4fa;color:#8158b7;font-weight:600}.studio-select-option:disabled,.studio-select-trigger:disabled{opacity:.45;cursor:default}

.preset-library .table tbody tr:not(#noData), .preset-library .table tbody tr:not(#noData) td { cursor: pointer; }
/* 프로젝트 상세와 회차 목록 */
body.project-overview{background:#f7f5fb}.project-overview .top-title{border-bottom:0;padding-bottom:20px}.project-overview .top-title .tit{color:#342b46;font-size:28px;letter-spacing:-1px}.project-overview .top-title #produce{height:38px;width:110px;border:1px solid #e4daed;background:#fff;color:#927ba6;border-radius:10px;font-size:12px;box-shadow:none}.project-overview .top-title #produce:hover{background:#f0e8f9;color:#78579a}.project-overview .info-detail-box{overflow:hidden;border:1px solid #e7deef;border-radius:15px;background:#fff;box-shadow:0 8px 25px #37234b05}.project-overview .table-detail{border-collapse:collapse}.project-overview .info-detail-box .table-detail th{background:#f8f4fc;color:#a08caf;font-size:11px;font-weight:600;border-bottom:1px solid #eee7f4;padding:20px 16px}.project-overview .info-detail-box .table-detail td{background:#fff;color:#73617f;border-bottom:1px solid #eee7f4;font-size:13px;padding:20px 22px;line-height:1.7}.project-overview .info-detail-box .table-detail tr:last-child th,.project-overview .info-detail-box .table-detail tr:last-child td{border-bottom:0}.project-overview #pjtNm{font-weight:700;color:#5d4576}.project-overview #desc{color:#9988a5;font-size:12px}.project-overview #prst a{color:#9467c9;font-weight:600;text-decoration:none;border-bottom:1px solid #d9c3ee;padding-bottom:2px}.project-overview #prst a:hover{color:#744ca7;border-color:#a47bcf}.project-overview .sub-tit-set{margin-top:35px;padding-bottom:15px;border-bottom:1px solid #e7deef}.project-overview .sub-tit-set .tit{font-size:19px;color:#685473;letter-spacing:-.5px}.project-overview .top-info-set{border-bottom:0;padding-bottom:16px}.project-overview .top-info-set .info-tit{font-size:12px;color:#a08bad}.project-overview .top-info-set .info-tit strong{color:#946cc7}
:is(.project-library,.project-overview) .project-list>li .prj-box{display:flex;flex-direction:column;min-height:298px}
:is(.project-library,.project-overview) .project-list>li .prj-box .thumb-box{height:250px;flex:0 0 250px}
:is(.project-library,.project-overview) .project-list>li .prj-box .bot-box{height:48px;display:flex;align-items:center;padding:0 20px;flex:0 0 48px;background:#fff}
:is(.project-library,.project-overview) .project-list>li .prj-box .bot-box .info{width:100%}
.project-overview .project-list>li .prj-box .bot-box .info{justify-content:flex-end}
:is(.project-library,.project-overview) .project-list>li:first-child .prj-box::before{content:none}
:is(.project-library,.project-overview) .project-list>li:first-child .prj-box{align-items:center;justify-content:center;gap:12px;min-height:298px;cursor:pointer;text-align:center}
.create-card-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:#eee5fb;color:#9a78c7;font-size:32px;font-weight:300;line-height:1;margin-bottom:4px;transition:transform .2s,background .2s}.create-card-title{font-size:14px;font-weight:600;color:#8c729f}.create-card-description{font-size:11px;color:#b1a1be}.prj-box:hover .create-card-icon{transform:translateY(-3px);background:#e6d8f7}
/* 프로젝트 생성/수정: 입력에 집중하는 폼 */
body.project-form-studio{background:#f7f5fb}.project-form-studio #container>.content{max-width:1440px;margin:0 auto;padding:35px 30px 50px}.project-form-studio .top-title{border-bottom:0;padding-bottom:23px}.project-form-studio .top-title .tit{color:#493752;font-size:27px;letter-spacing:-1px}.project-form-studio .content-box{padding:32px 38px;border:1px solid #e8dff0;border-radius:19px;background:#fff;box-shadow:0 12px 35px #39224805}.project-form-studio .form-section>.form-list{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:25px 24px}.project-form-studio .form-section>.form-list>li{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0;padding:0;grid-column:1/-1;min-width:0}.project-form-studio .form-section>.form-list>li:nth-child(3){grid-column:1}.project-form-studio .form-section>.form-list>li:nth-child(4){grid-column:2}.project-form-studio .form-section .form-list>li .label{width:auto;flex:none;font-size:12px;color:#9a83a9;line-height:1.6;font-weight:600;padding:0}.project-form-studio .form-section .form-list>li .form-set{width:100%;flex:none;min-width:0}.project-form-studio .form-section>.form-list>.preset-add{flex-direction:row;align-items:center;justify-content:space-between;gap:15px;padding:14px 17px;background:#faf7fd;border:1px solid #eee6f5;border-radius:12px}.project-form-studio .preset-add .info-txt{font-size:11px;color:#ae9abb;line-height:1.6}.project-form-studio .preset-add .btn-blk{width:auto;min-width:98px;height:33px;padding:0 13px;border:1px solid #e3d6ee;border-radius:8px;background:#fff;color:#9874b3;font-size:11px;box-shadow:none}.project-form-studio .inp,.project-form-studio .txt-area{border:1px solid #e5dcec;border-radius:10px;background:#fefcff;color:#7a6587;font-size:12px}.project-form-studio .inp{height:42px;padding:0 14px}.project-form-studio .inp::placeholder,.project-form-studio .txt-area::placeholder{color:#b3a4bf;font-size:11px}.project-form-studio .txt-area{height:120px;padding:14px;line-height:1.8}.project-form-studio .studio-select-trigger{min-height:42px}.project-form-studio .dropzone{border:1px dashed #cfb9e4;border-radius:13px;background:#fcf9ff;min-height:165px;padding:22px;color:#9b80af}.project-form-studio .dropzone .dz-message{margin:15px 0;font-size:12px;color:#a38ab6;line-height:1.8}.project-form-studio .dropzone .dz-message::before{content:'↑';display:grid;place-items:center;width:37px;height:37px;margin:0 auto 12px;background:#f0e6fa;border-radius:12px;color:#ad8dca;font-size:23px}.project-form-studio #imgDel{width:auto;min-width:64px;height:29px;padding:0 13px;background:#fff7fa;color:#be8b9c;border:1px solid #f0dfe7;border-radius:8px;font-size:10px;margin-top:10px!important}.project-form-studio .content-box>.btn-area{display:flex;justify-content:flex-end;gap:10px;margin-top:30px;padding-top:24px;border-top:1px solid #f0e8f6}.project-form-studio .content-box>.btn-area .btn{margin:0;width:105px;height:41px;border-radius:10px;font-size:12px}.project-form-studio .content-box>.btn-area .btn-blk{background:#8867db;color:#fff;border:1px solid #8867db;box-shadow:0 5px 15px #8867db20}.project-form-studio .content-box>.btn-area .btn-blk:hover{background:#7553c9}.project-form-studio .content-box>.btn-area .btn-wht{border-color:#e5d9ee;color:#a38aaf;background:#fff}.project-form-studio .content-box>.btn-area .btn-wht:hover{background:#f8f3fc}@media(max-width:640px){.project-form-studio #container>.content{padding:25px 18px}.project-form-studio .content-box{padding:24px 20px}.project-form-studio .form-section>.form-list{grid-template-columns:1fr}.project-form-studio .form-section>.form-list>li:nth-child(3),.project-form-studio .form-section>.form-list>li:nth-child(4){grid-column:1}.project-form-studio .form-section>.form-list>.preset-add{align-items:flex-start}}
/* 프리셋 기본 정보: 배우 선택 영역은 기존 전체 폭 유지 */
body.preset-editor{background:#f7f5fb}.preset-editor .top-title{border-bottom:0;padding-bottom:23px}.preset-editor .top-title .tit{color:#493752;font-size:27px;letter-spacing:-1px}.preset-editor .content-box{border:1px solid #e8dff0;border-radius:18px;background:#fff;padding:30px;box-shadow:0 10px 30px #39224805}.preset-editor .content-box>.form-section{padding:0 0 26px;margin-bottom:24px;border-bottom:1px solid #eee6f5}.preset-editor .content-box>.form-section>.form-list{display:flex;flex-direction:column;gap:20px;max-width:1150px}.preset-editor .content-box>.form-section>.form-list>li{display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:0;margin:0}.preset-editor .content-box>.form-section .label{width:auto;flex:none;color:#a08bad;font-size:12px;font-weight:600;padding:0;line-height:1.6}.preset-editor .content-box>.form-section .form-set{width:100%;flex:none}.preset-editor .content-box>.form-section .inp{height:42px;padding:0 14px;font-size:12px;color:#7c668b;border:1px solid #e5dcec;border-radius:10px;background:#fefcff}.preset-editor .content-box>.form-section .inp::placeholder{color:#b3a4bf;font-size:11px}.preset-project-badges{display:flex;flex-wrap:wrap;gap:8px}.preset-project-badges>span{display:inline-block;padding:8px 13px;border:1px solid #e9ddf4;border-radius:9px;background:#f5effc;color:#9674b3;font-size:11px;line-height:1.6}.preset-project-empty{color:#b1a1be;font-size:12px}.preset-editor .content-box>.form-section>.form-list>.preset-impact-note{margin-top:-12px;margin-bottom:3px;color:#a99ab3;font-size:11px;line-height:1.8}.preset-editor .table-top .tit{color:#766080;font-size:19px;letter-spacing:-.5px}@media(max-width:640px){.preset-editor .content-box{padding:22px 16px}}
/* 프리셋 대화간격 글자 스타일 */
.preset-editor .table-top .slct-info-area .slct-box .tit,.preset-editor .table-top .slct-box .tit{font-family:inherit;font-size:12px;font-weight:500;letter-spacing:-.3px;color:#9c84ad}
.preset-editor .table-top .slct-box .unit{font-family:inherit;font-size:11px;font-weight:400;color:#ad98bd}
.preset-editor .table-top #tlkIntvl{font-family:inherit;font-size:13px;font-weight:600;letter-spacing:-.2px;color:#8f6dab;border-color:#e4d8ef;border-radius:8px}
/* 선택 전/후 문구와 화살표의 세로 중앙 정렬 */
.slct.studio-select{height:42px;box-sizing:border-box}
.slct.studio-select>.studio-select-trigger{height:100%;min-height:0;box-sizing:border-box;display:flex;align-items:center;padding:0 15px;line-height:1.4;margin:0}
.slct.studio-select>.studio-select-trigger::after{margin-top:0;margin-bottom:3px;flex-shrink:0}
/* 프리셋 기본 정보 옆 캐스팅 안내 */
.preset-editor .content-box>.form-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:45px;align-items:center}
.preset-editor .content-box>.form-section>.form-list{max-width:none;min-width:0}
.voice-cast-guide{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;align-self:stretch;min-height:275px;padding:26px 20px;background:radial-gradient(ellipse at 50% 35%,#ede1fb,transparent 70%),linear-gradient(145deg,#fcf9ff,#f8f3fc);border:1px solid #efe6f7;border-radius:19px;overflow:hidden}
.voice-cast-eyebrow{font-size:8px;letter-spacing:3px;color:#b398c8;margin-bottom:18px}
.voice-cast-portraits{height:105px;display:flex;align-items:end;justify-content:center;isolation:isolate;margin-bottom:17px}
.voice-cast-portraits img{width:70px;height:90px;object-fit:contain;object-position:bottom;background:linear-gradient(135deg,#f3e9fc,#e4d5f4);border:3px solid #fff;border-radius:15px;box-shadow:0 8px 20px #7d56901c}
.voice-cast-portraits img:first-child{transform:rotate(-10deg) translateX(9px)}
.voice-cast-portraits img:nth-child(2){width:80px;height:105px;z-index:1;background:linear-gradient(135deg,#fff7ef,#f0deef)}
.voice-cast-portraits img:last-child{transform:rotate(10deg) translateX(-9px)}
.voice-cast-guide>strong{font-size:16px;line-height:1.65;letter-spacing:-.5px;color:#9272aa;font-weight:600}
.voice-cast-guide>p{font-size:10px;line-height:1.9;color:#b09abd;margin:12px 0 20px}
.voice-cast-footnote{font-size:7px;letter-spacing:1.5px;color:#c3afd0}
@media(max-width:1100px){.preset-editor .content-box>.form-section{display:block}.voice-cast-guide{display:none}}
/* 넓은 프로젝트 화면: 폼 + 이야기 안내 패널 */
.project-form-studio #container>.content{max-width:none;padding:35px 30px 50px}
.project-form-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,30%);gap:25px;align-items:start}
.project-idea-guide{align-self:stretch;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 28px;border:1px solid #e9def4;border-radius:20px;background:radial-gradient(ellipse at 50% 28%,#ece0fa,transparent 60%),linear-gradient(145deg,#fcf9ff,#f4ecfa);box-shadow:0 12px 35px #39224804;overflow:hidden}
.project-idea-eyebrow{font-size:8px;letter-spacing:2px;color:#b299c8}
.project-idea-art{position:relative;width:240px;height:210px;margin:28px 0 20px}
.idea-orbit{position:absolute;inset:10px;border:1px solid #d9c4ed;border-radius:50%;transform:rotate(-20deg) scaleY(.85)}
.idea-note{position:absolute;width:132px;height:154px;border-radius:18px;background:#ffffffe8;border:1px solid #fff;box-shadow:0 15px 35px #86649b15;padding:25px 19px;text-align:left}
.idea-note>span{font-size:7px;letter-spacing:2px;color:#b3a0c4}
.idea-note-back{left:20px;top:12px;transform:rotate(-13deg)}
.idea-note-back>i{display:block;height:5px;border-radius:4px;background:#e9def3;margin-top:15px}.idea-note-back>i:last-child{width:65%}
.idea-note-front{right:16px;bottom:12px;transform:rotate(9deg);background:linear-gradient(145deg,#fff,#f5edff)}
.idea-wave{display:flex;align-items:center;gap:5px;height:65px;margin-top:18px}.idea-wave i{height:22px;width:5px;border-radius:5px;background:#b291d4}.idea-wave i:nth-child(2n){height:38px;background:#c5aae1}.idea-wave i:nth-child(3n){height:55px}.idea-spark{position:absolute;right:4px;top:5px;color:#bf9edb;font-size:26px}
.project-idea-guide h2{font-size:23px;font-weight:600;line-height:1.65;letter-spacing:-.9px;color:#8e6ca6;margin:0}
.project-idea-guide>p{font-size:11px;line-height:1.9;color:#ad96ba;margin:16px 0 30px}
.project-idea-guide ol{width:100%;max-width:300px;list-style:none;padding:0;margin:0;text-align:left;border-top:1px solid #e8daf2}
.project-idea-guide li{display:flex;gap:15px;padding:22px 0;border-bottom:1px solid #e8daf2}.project-idea-guide li>span{color:#b599cc;font-size:11px;padding-top:2px;font-weight:600}.project-idea-guide li strong{font-size:12px;color:#967da8;font-weight:600}.project-idea-guide li p{font-size:10px;color:#b2a0be;margin:7px 0 0;line-height:1.8}
.project-idea-footer{margin-top:auto;padding-top:35px;color:#bea9cc;font-size:7px;letter-spacing:1.7px}
@media(min-width:1700px){.project-form-layout{grid-template-columns:minmax(0,1fr) minmax(400px,32%)}}
@media(max-width:1100px){.project-form-layout{grid-template-columns:1fr}.project-idea-guide{display:none}.project-form-studio #container>.content{max-width:1000px}}
@media(max-width:640px){.project-form-studio #container>.content{padding:25px 18px}}
/* 목록 제목을 낮은 스튜디오 배너로 통일 */
body .content .top-title.list-banner{position:relative;isolation:isolate;min-height:106px;display:flex;align-items:center;padding:22px 27px;margin-bottom:21px;border:1px solid #eaddf4;border-radius:17px;background:linear-gradient(110deg,#f5edfd 0%,#faf6ff 58%,#eee4fa 100%);overflow:hidden;box-shadow:0 6px 20px #68488704}
body .content .top-title.list-banner .tit-set{display:flex;flex-direction:column;align-items:flex-start;gap:8px;z-index:1}
body .content .top-title.list-banner .tit{font-size:24px;line-height:1.35;font-weight:700;letter-spacing:-.8px;color:#715383}
.list-banner-description{margin:0;font-size:11px;line-height:1.6;color:#af95bf;letter-spacing:-.1px}
.list-banner-art{position:absolute;z-index:-1;right:55px;top:50%;transform:translateY(-50%) rotate(-7deg);display:flex;align-items:center;gap:30px;opacity:.5;pointer-events:none}
.list-banner-art>span{font-size:30px;color:#c4a3df}.list-banner-wave{display:flex;align-items:center;gap:7px;height:95px}.list-banner-wave i{width:7px;height:22px;background:#d6bdea;border-radius:8px}.list-banner-wave i:nth-child(2n){height:40px;background:#c7a9e1}.list-banner-wave i:nth-child(3n){height:63px}.list-banner-wave i:nth-child(5){height:80px}
.list-banner-cast .list-banner-art{right:210px;transform:translateY(-50%) rotate(6deg)}.list-banner-chapter .list-banner-art{right:210px}
.top-title.list-banner .btn-set{position:relative;z-index:1}.top-title.list-banner .btn-set .btn{height:37px;min-width:105px;width:auto;padding:0 18px;border-radius:10px;font-size:11px}
.preset-library .top-title.list-banner #produce{height:37px;min-width:105px}
@media(max-width:640px){body .content .top-title.list-banner{padding:20px;min-height:100px;gap:12px}.list-banner-art{right:15px;opacity:.25}.list-banner-chapter .list-banner-art{right:80px}body .content .top-title.list-banner .tit{font-size:21px}.list-banner-description{font-size:10px;max-width:230px}}
@media(max-width:640px){.list-banner-cast .list-banner-art{display:none}}
/* 프리셋 확인창: 기존 확인 동작과 키보드 제어 유지 */
.preset-editor #smartAlert{background:rgba(43,32,63,.24);backdrop-filter:blur(3px)}
.preset-editor #smartAlertBox{min-width:300px;max-width:calc(100vw - 50px);border:1px solid #e9dff3;border-radius:18px;font-family:inherit;background:#fff;box-shadow:0 18px 60px #34244730}
.preset-editor #smartAlertHeader{padding:27px 50px 0 27px;border:0;background:none;box-shadow:none}
.preset-editor #smartAlertTitle{color:#493b5e;font-size:19px;line-height:1.5;letter-spacing:-.5px;text-shadow:none}
.preset-editor #smartAlertClose{top:20px;right:19px;width:27px;height:27px;background:none;border-radius:50%;color:#9d89b1;text-align:center}
.preset-editor #smartAlertClose::before{content:'×';font-size:23px;line-height:27px}
.preset-editor #smartAlert[data-icon="false"] #smartAlertContent{padding:13px 27px 25px;color:#9b8baa;font-size:13px;line-height:1.7}
.preset-editor #smartAlertButtons{display:flex;gap:10px;padding:0 27px 27px;border:0;background:none}
.preset-editor #smartAlert .smartAlertButton{flex:1;margin:0;padding:12px 16px;border:1px solid #e7dcef;border-radius:10px;background:#fff;color:#9581a8;font-family:inherit;font-size:12px;line-height:18px;text-shadow:none;box-shadow:none}
.preset-editor #smartAlert .smartAlertButton[data-id="yes"]{border-color:#8664df;background:#8664df;color:#fff}
.preset-editor #smartAlert .smartAlertButton:hover{filter:brightness(.97)}
.preset-editor #smartAlert .smartAlertButton.smartAlertActive{outline:2px solid #cbb8ed;outline-offset:2px}
/* 스크립트 삭제 확인: 숫자 단축키와 삭제 강조 유지 */
.script-studio .popup.pop-alert.pop-delete{width:440px;max-width:calc(100vw - 40px);border:1px solid #eee2e8;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 20px 65px #271d3933}
.script-studio .popup.pop-alert.pop-delete .pop-content{padding:32px 30px}
.script-studio .popup.pop-alert.pop-delete .alert-tit{font-family:inherit;font-size:18px;font-weight:600;line-height:1.6;letter-spacing:-.4px;color:#493b5e}
.script-studio .popup.pop-alert.pop-delete .btn-set{margin-top:25px;gap:10px}
.script-studio .popup.pop-alert.pop-delete .btn-set .btn{flex:1;width:auto;height:42px;margin:0;border-radius:10px;font-family:inherit;font-size:13px}
.script-studio .popup.pop-alert.pop-delete .btn-red{background:#ca526d;border:1px solid #ca526d;color:#fff;box-shadow:0 4px 12px #ca526d18}
.script-studio .popup.pop-alert.pop-delete .btn-wht{background:#fff;border:1px solid #e5dce9;color:#8d799e}
.script-studio .popup.pop-alert.pop-delete .btn:hover{filter:brightness(.97)}
.script-studio .inner-form .btn-set .btn-icon:focus,
.script-studio .inner-form .btn-set .btn-icon:focus-visible{outline:none;box-shadow:none}
/* 배우 선택: 라디오의 실제 checked 상태로 카드 전체를 강조 */
.preset-editor .actor-swiper .slide-set .def{border:1px solid #e7ddec;border-radius:11px;overflow:hidden;background-color:#faf7fd!important;transition:border-color .15s,box-shadow .15s}
.preset-editor .actor-swiper .slide-set .def .name{font-size:12px;color:#9981aa;background:#fffcfff2;padding:7px 0;transition:background .15s,color .15s}
.preset-editor .actor-swiper .slide-set:has(input[type="radio"]:checked) .def{border:2px solid #9470dc;box-shadow:inset 0 0 0 3px #b696e52b;background-color:#eee3fc!important}
.preset-editor .actor-swiper .slide-set:has(input[type="radio"]:checked) .def .name{background:#9470dc;color:#fff;font-weight:600}
.preset-editor .actor-swiper .slide-set .rdo-box input[type="radio"]+label::before{width:20px;height:20px;border:1px solid #d9cce5;border-radius:50%;background:#fff;box-sizing:border-box}
.preset-editor .actor-swiper .slide-set .rdo-box input[type="radio"]:checked+label::before{content:'✓';background:#9470dc;border-color:#9470dc;color:#fff;font-size:13px;font-weight:700;line-height:18px;text-align:center}
.preset-editor .actor-swiper .slide-set:has(input[type="radio"]:focus-visible) .def{outline:2px solid #bca2e7;outline-offset:-4px}
/* 프로젝트/회차 카드의 수정·삭제 버튼 */
:is(.project-library,.project-overview) .thumb-box>.btn-set{right:14px;bottom:14px}
:is(.project-library,.project-overview) .thumb-box>.btn-set[style]{right:56px!important}
:is(.project-library,.project-overview) .thumb-box .btn-modify,
:is(.project-library,.project-overview) .thumb-box .btn-del{width:34px;height:34px;border:1px solid #ffffffb3;border-radius:11px;background-color:#fffffff2;background-size:18px;opacity:1;box-shadow:0 3px 12px #24133320;backdrop-filter:blur(6px);transition:transform .16s,background-color .16s,box-shadow .16s,border-color .16s}
:is(.project-library,.project-overview) .thumb-box .btn-modify:hover{transform:translateY(-2px);background-color:#f0e7ff;border-color:#dac8f0;box-shadow:0 6px 16px #7352a530}
:is(.project-library,.project-overview) .thumb-box .btn-del:hover{transform:translateY(-2px);background-color:#ffe9ed;border-color:#f2c6d0;box-shadow:0 6px 16px #b6507030}
:is(.project-library,.project-overview) .thumb-box .btn-modify:active,
:is(.project-library,.project-overview) .thumb-box .btn-del:active{transform:translateY(0) scale(.95)}
@media(prefers-reduced-motion:reduce){:is(.project-library,.project-overview) .thumb-box .btn-modify,:is(.project-library,.project-overview) .thumb-box .btn-del{transition:none;transform:none}}

/* 버튼 감싸는 기존 흰 사각형과 중앙 이동을 함께 재정의 */
:is(.project-library,.project-overview) .project-list .prj-box .thumb-box>.btn-set{width:34px;height:34px;right:12px;bottom:12px;border-radius:10px;background:transparent}
:is(.project-library,.project-overview) .project-list .prj-box .thumb-box>.btn-set[style]{right:49px!important}
:is(.project-library,.project-overview) .project-list .prj-box .btn-modify,
:is(.project-library,.project-overview) .project-list .prj-box .btn-del{position:relative;top:0;left:0;transform:none;width:34px;height:34px;border:1px solid #e2d3f0;border-radius:10px;background-color:#f0e5ff;background-position:center;background-size:18px;box-shadow:0 3px 10px #28133c35}
:is(.project-library,.project-overview) .project-list .prj-box .btn-del{background-color:#ffe5ec;border-color:#edc7d2}
:is(.project-library,.project-overview) .project-list .prj-box .btn-modify:hover{transform:translateY(-3px) scale(1.06);background-color:#d9c2fa;box-shadow:0 7px 16px #40225a40}
:is(.project-library,.project-overview) .project-list .prj-box .btn-del:hover{transform:translateY(-3px) scale(1.06);background-color:#ffc1d0;box-shadow:0 7px 16px #68253a40}
:is(.project-library,.project-overview) .project-list .prj-box .btn-modify:active,
:is(.project-library,.project-overview) .project-list .prj-box .btn-del:active{transform:scale(.94)}
@media(prefers-reduced-motion:reduce){:is(.project-library,.project-overview) .project-list .prj-box .btn-modify,:is(.project-library,.project-overview) .project-list .prj-box .btn-del{transform:none!important}}
/* 회차 카드 위 출연 배우 안내 */
.project-overview .project-list>li[data-epi-seq]{position:relative}
.episode-cast-popover{position:absolute;bottom:calc(100% + 10px);left:0;width:100%;padding:17px;border:1px solid #e5d7f0;border-radius:16px;background:#fffcfff7;box-shadow:0 10px 35px #49326825;z-index:20;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s,transform .16s,visibility .16s;pointer-events:none}
.project-overview .project-list>li[data-epi-seq]:hover{z-index:25}
.project-overview .project-list>li[data-epi-seq]:hover .episode-cast-popover,.project-overview .project-list>li[data-epi-seq]:focus-within .episode-cast-popover{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.episode-cast-popover::after{content:'';position:absolute;top:100%;left:0;width:100%;height:12px}
.episode-cast-title{font-size:12px;color:#79558f;font-weight:600;margin-bottom:12px}.episode-cast-title>span{float:right;color:#b59ac7;font-size:10px}
.episode-cast-members{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-height:240px;overflow:auto}
.episode-cast-member{text-align:center;min-width:0}.episode-cast-member img{display:block;width:100%;height:68px;object-fit:contain;background:#f3ebfb;border-radius:9px}.episode-cast-member span{display:block;margin-top:5px;font-size:10px;color:#a088b2;overflow-wrap:anywhere}.episode-cast-empty{grid-column:1/-1;font-size:11px;color:#ad98ba;margin:0;padding:8px 0}
/* 로그인: 브랜드와 입력 영역의 균형 */
#login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:100px 24px 40px}
#login-wrap .login { overflow:visible; }
#login-wrap .login .lft-box { border-radius:24px 0 0 24px; }
#login-wrap .login .rgt-box { border-radius:0 24px 24px 0; }
.login-story-peek { position:absolute; z-index:5; top:-66px; left:calc(50% - 242px); width:215px; height:132px; pointer-events:none; }
.login-peek-paper { position:absolute; top:0; left:8px; width:124px; height:129px; box-sizing:border-box; padding:20px 15px; border:1px solid #fff; border-radius:12px; background:linear-gradient(145deg,#fffefb,#f5effa); transform:rotate(-12deg); box-shadow:0 10px 25px #38205620; }
.login-peek-paper>span { display:block; color:#a789bc; font-size:8px; letter-spacing:1.8px; margin-bottom:14px; }
.login-peek-paper>i { display:block; height:4px; border-radius:4px; margin:7px 0; background:#e3d7ed; }
.login-peek-paper>i:nth-of-type(2) { width:80%; }.login-peek-paper>i:nth-of-type(4) { width:62%; }
.login-peek-paper>b { display:block; color:#b397c8; font-size:8px; font-weight:400; margin-top:12px; }
.login-peek-audio { position:absolute; top:47px; right:0; display:flex; align-items:center; gap:12px; width:143px; height:70px; box-sizing:border-box; padding:13px; border:1px solid #ffffffb0; border-radius:14px; background:linear-gradient(135deg,#fff,#efe5fc); transform:rotate(8deg); box-shadow:0 12px 25px #35204f25; }
.login-peek-play { display:flex; align-items:center; justify-content:center; width:28px; height:28px; padding-left:2px; box-sizing:border-box; border-radius:50%; background:#e9dcfa; color:#9b73ca; font-size:11px; }
.login-peek-wave { display:flex; align-items:center; gap:4px; height:30px; }.login-peek-wave i { width:4px; height:13px; background:#b794dc; border-radius:3px; }.login-peek-wave i:nth-child(2n) { height:24px; }.login-peek-wave i:nth-child(3n) { height:31px; }
.login-peek-caption { position:absolute; bottom:7px; right:13px; font-size:5px; letter-spacing:1.5px; color:#a589bf; }
.login-peek-spark { position:absolute; right:1px; top:8px; color:#b18ad4; font-size:22px; }
@media(max-width:600px) { #login-wrap .login .lft-box { border-radius:24px 24px 0 0; } #login-wrap .login .rgt-box { border-radius:0 0 24px 24px; } .login-story-peek { left:auto; right:16px; transform:scale(.75); transform-origin:right bottom; } #login-wrap { padding-top:90px; } }
#login-wrap .login{position:relative;top:auto;left:auto;transform:none;width:1100px;max-width:100%;min-height:550px}
#login-wrap .login .lft-box{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:65px 60px;position:relative}
#login-wrap .login .lft-box .tit{font-size:60px;letter-spacing:-2.8px;line-height:1.2;margin:17px 0 18px;font-weight:700}
.login-brand-caption{font-size:9px;letter-spacing:3px;color:#d3c9fa}.login-brand-message{font-size:19px;font-weight:400;letter-spacing:-.5px;color:#eee7ff;margin:0;line-height:1.6}
.login-brand-wave{display:flex;align-items:center;gap:8px;height:76px;margin-top:36px;opacity:.45}.login-brand-wave i{width:5px;height:18px;border-radius:5px;background:#e2d5ff}.login-brand-wave i:nth-child(2n){height:38px}.login-brand-wave i:nth-child(3n){height:57px}.login-brand-wave i:nth-child(5){height:76px}
#login-wrap .login .rgt-box{padding:43px 46px 35px}
#login-wrap .login .rgt-box .title{font-size:25px;font-weight:600;letter-spacing:-.9px;color:#503d61;margin:0 0 7px;line-height:1.5}
.login-subtitle{font-size:12px;color:#aa96b8;margin:0 0 29px;line-height:1.6}
#login-wrap .login .rgt-box .login-inp .form-list>li{flex-direction:column;gap:8px;margin-top:19px}
#login-wrap .login .rgt-box .login-inp .form-list>li .label{width:auto;margin:0;padding:0;font-size:11px;font-weight:600;color:#9c85ad}
#login-wrap .login .rgt-box .login-inp .form-list>li .inp-set{width:100%}
#login-wrap .login .rgt-box .login-inp .form-list>li .inp-set .inp{height:45px;border:1px solid #e8dff0;border-radius:10px;background:#faf7fd;color:#6d557d;padding:0 14px;font-size:13px}
#login-wrap .login .rgt-box .login-inp .form-list>li .inp-set .inp::placeholder{font-size:11px;color:#b6a7c0}
#login-wrap .login .rgt-box .login-inp .btn-area{margin-top:24px}
#login-wrap .login .rgt-box .login-inp .btn-area .btn-login{height:44px;background:#8865dc;font-size:13px;box-shadow:0 5px 15px #8865dc20}
#login-wrap .login .rgt-box .login-inp .btn-area .btn-login:hover{background:#7754cb}
#login-wrap .login .rgt-box .login-info-txt{margin-top:22px;line-height:1.8}
#login-wrap .login .rgt-box .login-info-txt .cmt,#login-wrap .login .rgt-box .login-info-txt .email{font-size:10px;color:#ac9aba}
#login-wrap .login .rgt-box .login-bottom{margin-top:22px;padding-top:18px;border-top:1px solid #eee5f4;gap:15px;align-items:center}
#login-wrap .login .rgt-box .login-bottom .cmt{font-size:10px;line-height:1.8;color:#ac9aba}
#login-wrap .login .rgt-box .login-bottom .btn-join-info{flex-shrink:0;padding:7px 11px;font-size:10px;background:#f7f1fd;color:#9875b3;border-color:#e6d8f2}
@media(max-width:800px){#login-wrap .login .lft-box{padding:40px 30px}#login-wrap .login .lft-box .tit{font-size:44px}#login-wrap .login .rgt-box{padding:35px 28px}.login-brand-message{font-size:16px}}
@media(max-width:600px){#login-wrap{padding:24px 16px}#login-wrap .login{flex-direction:column;min-height:0}#login-wrap .login .lft-box,#login-wrap .login .rgt-box{width:100%}#login-wrap .login .lft-box{padding:28px}.login-brand-wave{display:none}#login-wrap .login .lft-box .tit{margin:10px 0;font-size:36px}.login-brand-caption{font-size:8px}.login-brand-message{font-size:14px}#login-wrap .login .rgt-box .title{font-size:23px}}
/* 로그인 브랜드에 빛과 공간감 */
.announcement-beta-link{display:inline-flex;align-items:center;gap:6px;margin-left:8px;color:#a68bb8;font-size:11px}.announcement-beta-link small{padding:3px 5px;border-radius:5px;background:#f0e7fa;color:#aa86c4;font-size:8px}.announcement-beta-link:hover{color:#8964bb}
#login-wrap{background:radial-gradient(ellipse at 16% 28%,#dccbffb0,transparent 48%),radial-gradient(ellipse at 87% 77%,#e4d9ff99,transparent 45%),#f8f5fc}
#login-wrap .login{border-color:#fff;box-shadow:0 25px 85px #66439020,0 0 0 1px #e9ddf580}
#login-wrap .login .lft-box{isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 18% 90%,#aa79ed,transparent 55%),radial-gradient(ellipse at 95% 12%,#875ee6,transparent 65%),linear-gradient(145deg,#35234f,#6741bb)}
#login-wrap .login .lft-box::before{content:'';position:absolute;z-index:-1;width:390px;height:390px;right:-210px;top:-105px;border:1px solid #e2cfff35;border-radius:50%;box-shadow:0 0 0 40px #d8bbff0b,0 0 0 80px #d8bbff08,0 0 0 120px #d8bbff05}
#login-wrap .login .lft-box::after{content:'';position:absolute;z-index:-1;left:-70px;bottom:-150px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#e4aaff65,transparent 68%);filter:blur(15px)}
#login-wrap .login .lft-box .tit{background:linear-gradient(110deg,#fff 20%,#e3cfff 95%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 8px 35px #dfbaff20}
.login-brand-caption{color:#ddc7ff;border:1px solid #e3ccff38;background:#ffffff09;padding:8px 12px;border-radius:20px;font-size:8px;letter-spacing:2.4px}
.login-brand-wave{gap:10px;opacity:.8;margin-top:42px;filter:drop-shadow(0 0 10px #e0adff60)}
.login-brand-wave i{width:6px;background:linear-gradient(#f2cfff,#c2a0ff);animation:login-wave-glow 3s ease-in-out infinite alternate}
.login-brand-wave i:nth-child(2n){animation-delay:-1s}.login-brand-wave i:nth-child(3n){animation-delay:-2s}
#login-wrap .login .rgt-box{background:linear-gradient(145deg,#fff,#fdfaff)}
#login-wrap .login .rgt-box .login-inp .btn-area .btn-login{background:linear-gradient(110deg,#9b72e6,#7856d6);box-shadow:0 7px 20px #8f63d733;transition:box-shadow .2s,transform .2s}
#login-wrap .login .rgt-box .login-inp .btn-area .btn-login:hover{background:linear-gradient(110deg,#9063dd,#6e49cd);box-shadow:0 9px 24px #8f63d749;transform:translateY(-1px)}
#login-wrap .login .rgt-box .login-bottom{margin-top:28px;padding-top:22px}
@keyframes login-wave-glow{from{opacity:.6;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.login-brand-wave i{animation:none}#login-wrap .login .rgt-box .login-inp .btn-area .btn-login{transition:none;transform:none}}
/* 로그인 왼쪽: 이야기의 목소리를 준비하는 작은 캐스팅 장면 */
#login-wrap .login .lft-box{padding:42px 45px 32px;justify-content:flex-start}
#login-wrap .login .lft-box .tit{font-size:52px;margin:17px 0 10px}
.login-brand-message{font-size:17px}
.login-cast-scene{position:relative;width:100%;height:265px;margin-top:22px;isolation:isolate}
.login-cast-stage{position:absolute;bottom:6px;left:4%;width:92%;height:55px;border:1px solid #e7caff35;border-radius:50%;background:radial-gradient(ellipse,#dfb7ff48,#ab80dc10 70%);box-shadow:0 12px 35px #23133420;z-index:-1}
.login-cast{position:absolute;bottom:16px;height:195px;width:auto;object-fit:contain;filter:drop-shadow(0 10px 12px #24123d40)}
.login-cast.cast-left{left:0;height:178px;transform:rotate(-4deg)}
.login-cast.cast-middle{left:50%;height:215px;transform:translateX(-50%);z-index:2}
.login-cast.cast-right{right:0;height:185px;transform:rotate(4deg)}
.login-cast-bubble{position:absolute;padding:11px 15px;border:1px solid #ead9ff70;border-radius:14px;background:#fbf5fff2;box-shadow:0 6px 20px #25133815;color:#866398;font-size:11px;line-height:1.5;white-space:nowrap;z-index:3}
.login-cast-bubble::after{content:'';position:absolute;top:100%;width:0;height:0;border-top:9px solid #fbf5fff2;border-left:5px solid transparent;border-right:5px solid transparent}
.bubble-first{left:-5px;top:9px;transform:rotate(-4deg)}.bubble-first::after{left:27px}
.bubble-second{right:-3px;top:38px;transform:rotate(4deg)}.bubble-second::after{right:28px}
#login-wrap .login .lft-box .login-brand-wave{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);height:25px;margin:0;gap:6px;opacity:.6;z-index:4;pointer-events:none}
#login-wrap .login .lft-box .login-brand-wave i{width:3px;max-height:25px}
@media(max-width:800px){#login-wrap .login .lft-box{padding:35px 25px}.login-cast-scene{height:250px}.login-cast.cast-left{height:145px}.login-cast.cast-middle{height:175px}.login-cast.cast-right{height:150px}.login-cast-bubble{font-size:9px;padding:9px 10px}.bubble-first{top:22px}.bubble-second{top:62px}#login-wrap .login .lft-box .tit{font-size:44px}}
@media(max-width:600px){#login-wrap .login .lft-box{padding:28px}.login-cast-scene{height:200px;margin-top:16px;max-width:360px;align-self:center}.login-cast.cast-left{height:135px}.login-cast.cast-middle{height:165px}.login-cast.cast-right{height:140px}.bubble-first{top:0}.bubble-second{top:22px}#login-wrap .login .lft-box .tit{font-size:36px}#login-wrap .login .lft-box .login-brand-wave{display:flex;bottom:19px}}
/* 에피소드 등록: 프로젝트 등록과 같은 폼 언어 */
body.episode-form-studio{background:#f7f5fb}
.episode-form-studio .top-title{border:0;margin-bottom:26px}.episode-form-studio .top-title .tit{color:#493752;letter-spacing:-1px}.episode-form-studio .step-tit{font-size:11px;color:#a28ab5}.episode-form-studio .step-tit .step{font-size:11px}.episode-form-studio .top-title .btn{height:38px;width:110px;font-size:11px;border-color:#e4d9ed;color:#9a7bad}
.episode-form-studio .content-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,30%);gap:0 34px;border:0;background:transparent;padding:0}
.episode-form-studio .content-box>.form-section{grid-column:1;grid-row:1;border:1px solid #e7ddf0;border-radius:18px;padding:36px;background:#fff;margin:0;min-height:500px}
.episode-form-studio .form-section>.form-list{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:25px}
.episode-form-studio .form-section>.form-list>li{display:flex;flex-direction:column;gap:10px;padding:0;margin:0;min-width:0}.episode-form-studio .form-section>.form-list>li:nth-child(n+3){grid-column:1/-1}
.episode-form-studio .form-list .label{width:auto;padding:0;color:#a08aaf;font-size:12px;font-weight:600}.episode-form-studio .form-list .form-set{width:100%;padding:0}
.episode-form-studio .form-list .inp{height:43px;border:1px solid #e5daee;border-radius:10px;background:#fefcff;color:#7e648e;font-size:12px;padding:0 14px}.episode-form-studio input[name="epiNum"]{width:100%!important}.episode-form-studio .form-list .inp::placeholder{color:#b4a1c1;font-size:11px}
.episode-form-studio .form-list .btn-icon.wht{border:1px solid #e2d4f0;border-radius:10px;background:#f7f1fd;color:#9a78b7;height:38px}.episode-form-studio .form-list .ic-download{font-size:11px}
.episode-form-studio .rdo-set{display:flex;gap:12px}.episode-form-studio .rdo-box{margin:0;padding:9px 13px;border:1px solid #e7dcef;border-radius:10px;background:#fff}.episode-form-studio .rdo-box:has(input:checked){background:#f3eafb;border-color:#cfb7e7}.episode-form-studio .rdo-box label{font-size:12px;color:#9475a9}
.episode-form-studio .dropzone{border:1px dashed #cdb3e6;border-radius:13px;background:#fcf9ff;min-height:175px;color:#a48bbb;font-size:12px}.episode-form-studio .dropzone .dz-message::before{content:'↑';display:block;width:38px;height:38px;line-height:38px;margin:0 auto 14px;border-radius:12px;background:#eee2fb;color:#b08ad0;font-size:26px}
.episode-form-studio .content-box>.btn-area{grid-column:1;background:#fff;border:1px solid #e7ddf0;border-radius:13px;margin-top:15px;padding:18px;text-align:right}.episode-form-studio .btn-area .btn{width:auto;min-width:105px;height:40px;font-size:12px;border-radius:10px}.episode-form-studio .btn-area .btn-blu{background:#8967dc;border-color:#8967dc}
.episode-create-guide{grid-column:2;grid-row:1/3;padding:42px 35px;border:1px solid #e8dbf3;border-radius:18px;background:radial-gradient(ellipse at 60% 20%,#eadcf9,transparent 50%),linear-gradient(145deg,#fcf9ff,#f3ebfb);text-align:center;color:#a98abe}
.episode-guide-caption{font-size:8px;letter-spacing:3px;color:#b59ac9}.episode-guide-art{position:relative;width:155px;height:140px;margin:25px auto;background:#fffcff;border:1px solid #eee3f6;border-radius:18px;transform:rotate(-7deg);box-shadow:10px 10px 0 #d6bdeb35}.episode-guide-art>span{display:block;font-size:38px;font-weight:600;color:#b28bce;padding:18px 0 8px}.episode-guide-art i{display:block;width:80px;height:4px;margin:8px auto;background:#e4d5f1;border-radius:4px}
.episode-create-guide h2{font-size:22px;font-weight:600;line-height:1.8;letter-spacing:-.8px;color:#9a74b1;margin:24px 0 14px}.episode-create-guide p{font-size:11px;line-height:1.9;color:#b39ac6}.episode-create-guide ol{list-style:none;text-align:left;padding:0;margin-top:28px;counter-reset:episode-step}.episode-create-guide li{position:relative;padding:20px 0 20px 30px;border-top:1px solid #e5d7f0;counter-increment:episode-step}.episode-create-guide li::before{content:'0' counter(episode-step);position:absolute;left:0;top:22px;font-size:10px;color:#b491cd}.episode-create-guide strong{font-size:12px;font-weight:600}.episode-create-guide li p{font-size:10px;margin:7px 0 0}
@media(max-width:1100px){.episode-form-studio .content-box{grid-template-columns:1fr}.episode-create-guide{display:none}}
@media(max-width:640px){.episode-form-studio .content-box>.form-section{padding:24px 18px}.episode-form-studio .form-section>.form-list{grid-template-columns:1fr}.episode-form-studio .form-section>.form-list>li{grid-column:1}}
/* 기본 폼의 큰 라벨보다 우선하여 프로젝트 등록과 동일하게 표시 */
.episode-form-studio .form-section .form-list>li .label{font-family:inherit;width:auto;flex:none;font-size:12px;line-height:1.6;font-weight:600;color:#9a83a9;padding:0;letter-spacing:-.2px}
.episode-form-studio .form-section .form-list>li .form-set .inp{font-family:inherit;font-size:12px;font-weight:400;line-height:1.6;color:#7a6587}
.episode-form-studio .form-section .form-list>li .form-set .inp::placeholder{font-size:11px;font-weight:400;color:#b3a4bf}
.episode-form-studio .form-section .rdo-box input+label{font-family:inherit;font-size:12px;font-weight:400;color:#9475a9;line-height:1.6}
.episode-form-studio .form-section .form-list .btn-icon.wht{font-family:inherit;padding:0 14px;min-width:0;width:auto;border-radius:10px;height:36px;background:#faf7fd}
.episode-form-studio .form-section .form-list .btn-icon .ic-download{font-family:inherit;font-size:11px;font-weight:400;color:#9874b3;line-height:1.6}
.episode-form-studio .dropzone .dz-message{font-family:inherit;font-size:12px;color:#a38ab6;line-height:1.8}
/* 원고 양식 다운로드 */
.episode-form-studio .form-section .form-list .btn-icon.episode-sample-download{display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;height:auto;min-height:60px;padding:11px 18px;border:1px solid #e3d5ef;border-radius:12px;background:#fcf9ff;box-shadow:0 3px 10px #73539406;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
.episode-sample-icon{display:grid;place-items:center;width:34px;height:36px;border-radius:9px;background:#efe4fb;color:#a07dc1;font-size:23px;line-height:1;flex:none}
.episode-sample-text{display:flex;flex-direction:column;gap:4px;text-align:left;font-family:inherit;font-size:12px;font-weight:600;line-height:1.5;color:#9674ad}
.episode-sample-text>span{font-size:9px;font-weight:400;color:#b59bc6;letter-spacing:.3px}
.episode-form-studio .form-section .form-list .btn-icon.episode-sample-download:hover{background:#f1e7fc;border-color:#cbb0e1;box-shadow:0 5px 15px #8f64b518}
.episode-form-studio .form-section .form-list .btn-icon.episode-sample-download:active{background:#eadcf8}
@media(prefers-reduced-motion:reduce){.episode-form-studio .form-section .form-list .btn-icon.episode-sample-download{transition:none}}
/* 개별 등록은 업로드 영역 없이 더 낮은 폼으로 */
.episode-form-studio .content-box:has(#popManager:checked)>.form-section{min-height:0;padding-top:28px;padding-bottom:28px}
.episode-form-studio .content-box:has(#popManager:checked) .form-section>.form-list{gap:20px}
.episode-form-studio .content-box:has(#popManager:checked) .episode-create-guide{padding:26px 30px}
.episode-form-studio .content-box:has(#popManager:checked) .episode-guide-art{height:90px;width:120px;margin:14px auto}
.episode-form-studio .content-box:has(#popManager:checked) .episode-guide-art>span{font-size:28px;padding:9px 0 1px}
.episode-form-studio .content-box:has(#popManager:checked) .episode-guide-art i{width:60px;height:3px;margin:5px auto}
.episode-form-studio .content-box:has(#popManager:checked) .episode-create-guide h2{font-size:19px;margin:14px 0 9px;line-height:1.6}
.episode-form-studio .content-box:has(#popManager:checked) .episode-create-guide ol{margin-top:17px}
.episode-form-studio .content-box:has(#popManager:checked) .episode-create-guide li{padding-top:13px;padding-bottom:13px}
.episode-form-studio .content-box:has(#popManager:checked) .episode-create-guide li::before{top:15px}
.announcement-beta-menu{position:relative;flex-shrink:0;align-self:center}
.announcement-beta-menu summary{display:flex;align-items:center;justify-content:center;height:38px;padding:0 16px;margin-left:0;font-size:12px;font-weight:600;line-height:1;cursor:pointer;list-style:none}
.announcement-beta-menu summary::-webkit-details-marker{display:none}
.announcement-beta-options{position:absolute;right:0;top:calc(100% + 12px);width:245px;padding:9px;border:1px solid #e8dcf3;border-radius:15px;background:#fff;box-shadow:0 12px 35px #49335d20;z-index:120}
.announcement-beta-options a{display:block;padding:13px 14px;border-radius:9px;color:#8a6b9f;font-size:12px;text-decoration:none}
.announcement-beta-options a:hover{background:#f7f1fd}
.announcement-beta-options a span{display:block;margin-top:6px;color:#b19ac1;font-size:10px}
/* 목록의 마지막 카드와 풋터 사이에 충분한 여백을 둡니다. */
:is(.project-library,.project-overview,.preset-library,.download-library) #container > .content{padding-bottom:80px}
/* 공통 풋터: 브랜드와 회사 정보 */
#wrap{display:flex;flex-direction:column;min-height:100vh}
#container{flex:1;padding-bottom:0}
#container > .content{padding-bottom:80px}
#footer{position:relative;left:auto;bottom:auto;flex-shrink:0;height:auto;min-height:56px;padding:0 32px;background:linear-gradient(110deg,#f5f0fa,#f8f5fc);border-top:1px solid #e9e0f1}
#footer .footer-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1720px;margin:0 auto;padding:8px 0;height:auto;min-height:56px;width:100%}
#footer .footer-brand strong{font-size:15px;letter-spacing:-.5px;color:#8c739f;font-weight:600;line-height:1.5}
#footer .footer-brand strong span{margin-left:7px;font-size:7px;letter-spacing:2px;font-weight:500;color:#b7a2c6}
#footer .footer-brand p{margin:4px 0 0;font-size:10px;color:#b29cc1;line-height:1.6}
#footer .footer-company{text-align:center}
#footer .footer-wrap .copyright{font-size:10px;color:#a18bb2;line-height:1.8;margin:0}
#footer .footer-wrap .address{font-size:10px;color:#b29fc0;line-height:1.8;margin:3px 0 0}
@media(max-width:640px){#footer{padding:0 20px}#footer .footer-wrap{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 0}#footer .footer-company{text-align:center}#footer .footer-wrap .address{max-width:320px}}
.studio-logout-confirm #smartAlert{background:rgba(43,32,63,.24);backdrop-filter:blur(3px)}
.studio-logout-confirm #smartAlertBox{min-width:300px;max-width:calc(100vw - 50px);border:1px solid #e9dff3;border-radius:18px;font-family:inherit;background:#fff;box-shadow:0 18px 60px #34244730}
.studio-logout-confirm #smartAlertHeader{padding:27px 50px 0 27px;border:0;background:none;box-shadow:none}
.studio-logout-confirm #smartAlertTitle{color:#493b5e;font-size:19px;line-height:1.5;letter-spacing:-.5px;text-shadow:none}
.studio-logout-confirm #smartAlertClose{top:20px;right:19px;width:27px;height:27px;background:none;border-radius:50%;color:#9d89b1;text-align:center}
.studio-logout-confirm #smartAlertClose::before{content:'×';font-size:23px;line-height:27px}
.studio-logout-confirm #smartAlert[data-icon="false"] #smartAlertContent{padding:13px 27px 25px;color:#9b8baa;font-size:13px;line-height:1.7}
.studio-logout-confirm #smartAlertButtons{display:flex;gap:10px;padding:0 27px 27px;border:0;background:none}
.studio-logout-confirm #smartAlert .smartAlertButton{flex:1;margin:0;padding:12px 16px;border:1px solid #e7dcef;border-radius:10px;background:#fff;color:#9581a8;font-family:inherit;font-size:12px;line-height:18px;text-shadow:none;box-shadow:none}
.studio-logout-confirm #smartAlert .smartAlertButton[data-id="yes"]{border-color:#8664df;background:#8664df;color:#fff}
.studio-logout-confirm #smartAlert .smartAlertButton:hover{filter:brightness(.97)}
.studio-logout-confirm #smartAlert .smartAlertButton.smartAlertActive{outline:2px solid #cbb8ed;outline-offset:2px}

#header .header-wrap{max-width:none}
#header .header-wrap .user-info .btn-set{display:flex;align-items:center;gap:16px}
.studio-settings-wrap{position:relative;display:flex;align-items:center}.studio-settings-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #e9def2;border-radius:10px;background:#faf6fd;color:#a184b5}.studio-settings-toggle:hover,.studio-settings-toggle[aria-expanded="true"]{background:#eee3fa;color:#9368bc}.studio-settings-toggle:focus-visible{outline:2px solid #bc9cdb;outline-offset:2px}
.studio-usage-settings{position:absolute;top:calc(100% + 15px);right:0;width:390px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:24px;border:1px solid #e6d8f1;border-radius:18px;background:#fff;box-shadow:0 18px 55px #47305d25;max-height:calc(100vh - 105px);overflow-y:auto;z-index:110;color:#8b739b;text-align:left}.studio-usage-settings[hidden]{display:none}.studio-settings-heading{display:flex;justify-content:space-between;align-items:center}.studio-settings-heading small{color:#b398c5;letter-spacing:2px;font-size:8px}.studio-settings-heading h2{font-size:18px;color:#735484;line-height:1.5;margin:6px 0}.studio-settings-close{background:#faf6fd;color:#b197c1;border:0;border-radius:50%;width:27px;height:27px;font-size:22px}.studio-settings-description{font-size:11px;line-height:1.7;color:#b29bc1;margin:5px 0 20px}
.studio-usage-item{padding:15px 0;border-bottom:1px solid #f0e8f6}.studio-usage-item-heading{display:flex;justify-content:space-between;align-items:center}.studio-usage-item-heading strong{font-size:12px;color:#846395}.studio-usage-item-heading span{font-size:9px;padding:4px 8px;border-radius:15px;background:#edf7f2;color:#7b9c8c}.studio-usage-item-heading span.is-blocked{background:#fff0f4;color:#bd8095}.studio-usage-meter{position:relative;height:5px;margin:12px 0 10px;background:#f0e6f8;border-radius:8px}.studio-usage-meter i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#ccb4e5,#a27aca)}.studio-usage-meter b{position:absolute;top:-3px;width:2px;height:11px;border-radius:2px;background:#876499;transform:translateX(-1px)}.studio-usage-numbers{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#b39dc0;font-variant-numeric:tabular-nums}.studio-usage-numbers strong{color:#a380b9;font-weight:500}
.studio-usage-form{margin-top:23px}.studio-usage-form h3{font-size:12px;color:#9474a6;margin-bottom:13px}.studio-percent-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.studio-percent-fields label>span{display:block;font-size:10px;color:#b199c0;margin-bottom:7px}.studio-percent-fields label>div{display:flex;align-items:center;border:1px solid #e5d9ef;border-radius:9px;padding:0 9px;background:#fdfaff}.studio-percent-fields input{width:100%;min-width:0;height:35px;background:transparent;border:0;color:#866097;font-size:12px}.studio-percent-fields b{font-size:10px;color:#b29bc1;font-weight:400}.studio-usage-form>p{font-size:10px;color:#b6a0c5;line-height:1.6;margin:12px 0 18px}.studio-settings-bottom{display:flex;align-items:center;gap:12px}.studio-settings-message{flex:1;font-size:10px;line-height:1.7;color:#a387b5}.studio-settings-save{flex-shrink:0;padding:10px 14px;border:0;border-radius:9px;background:#9570d4;color:#fff;font-size:11px}.studio-settings-save:disabled{opacity:.5}.studio-settings-save:hover:not(:disabled){background:#835dbf}
#header:has(.studio-usage-settings:not([hidden])){z-index:2147483000!important}
#header .studio-usage-settings{z-index:2147483001}

#header .studio-percent-fields input:focus,#header .studio-percent-fields input:focus-visible{outline:none;box-shadow:none}
#header .studio-percent-fields label>div:focus-within{border-color:#c5a6df;background:#faf5ff;box-shadow:0 0 0 2px #eadcf660}