body:has(.studio-app--web){overflow:hidden}body:has(.studio-app--web) .mobile-tabbar{display:none}.studio-app--web{height:100dvh;min-height:100dvh;font-family:Pretendard,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.studio-app--web .studio-chrome{-webkit-app-region:none;padding-right:14px}.studio-app--web button,.studio-app--web input,.studio-app--web select,.studio-app--web textarea{font:inherit}.studio-app--web .desktop-only-card{gap:14px;padding:24px;display:grid}.studio-app--web .desktop-only-card__icon{background:var(--nova-primary-soft);width:44px;height:44px;color:var(--nova-primary);border-radius:14px;place-items:center;display:grid}.studio-app--web .desktop-only-card h2,.studio-app--web .desktop-only-card p{margin:0}.studio-app--web .desktop-only-card p{color:var(--nova-text-secondary);line-height:1.7}.studio-app--web .desktop-only-card__actions{flex-wrap:wrap;gap:8px;display:flex}.studio-app--web .desktop-only-card__actions .nova-btn{min-height:38px;padding:0 14px;text-decoration:none}.studio-app--web .toss-web-note{background:var(--nova-info-soft);color:var(--nova-info);border-radius:12px;align-items:flex-start;gap:8px;margin:0;padding:12px 14px;font-size:13px;line-height:1.55;display:flex}.studio-app--web .toss-web-note svg{flex:none;margin-top:2px}.studio-app--web .toss-lesson-card__main{cursor:pointer}.studio-app--web .toss-class-card__action:disabled{cursor:not-allowed;opacity:.55}@media (max-width:1023px){body:has(.studio-app--web){overflow:auto}.studio-app--web{height:auto;min-height:100dvh}.studio-app--web .studio-chrome{z-index:30;padding:0 12px;position:sticky;top:0}.studio-app--web .studio-sidebar,.studio-app--web .studio-member-wrap{display:none}}
html:has(.studio-embed){color:#1c1c1e;min-height:100%;overflow:hidden;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:#f2f2f7!important}html:has(.studio-embed) body{color:#1c1c1e;min-height:100%;overflow:hidden;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:#f2f2f7!important}html:has(.studio-embed) .mobile-tabbar{display:none!important}html:has(.studio-embed) .kakao-inquiry-button{display:none!important}html:has(.studio-embed) nextjs-portal{display:none!important}.studio-embed .studio-nav-group--account,.studio-embed .studio-member-wrap{display:none!important}.studio-embed{background:#f2f2f7;height:100dvh;min-height:100dvh;position:relative;overflow:hidden}.studio-embed.is-playing{pointer-events:none;-webkit-user-select:none;user-select:none}.studio-embed .studio-app{height:100dvh}.studio-embed .studio-sidebar{display:flex!important}.studio-embed .studio-bottom-nav{display:none!important}.studio-embed .studio-body{grid-template-columns:auto minmax(0,1fr);display:grid!important}.toss-row.is-demo-press{background:var(--nova-selection-bg,#eaf2fe)}.studio-demo-cursor{z-index:1200;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 6px #00000059);width:28px;height:28px;transition:transform .12s,opacity .16s;position:absolute;transform:translate(-3px,-2px)}.studio-demo-cursor.is-on{opacity:1}.studio-demo-cursor.is-click{transform:translate(-3px,-2px)scale(.84)}.studio-demo-review{height:100%}.studio-embed .review-doc-shell{grid-template-columns:1fr 1fr 1fr;min-height:100%;display:grid}.studio-embed .review-source,.studio-embed .review-doc,.studio-embed .review-doc-side{flex:none;width:auto;min-width:0;max-width:none}.studio-embed .review-source__player .preview-stage{overflow:hidden}.studio-embed .review-source__player .preview-stage iframe{filter:blur(22px);pointer-events:none;border:0;width:100%;height:100%;display:block;transform:scale(1.12)}.studio-embed .youtube-validation--supported,.studio-embed .studio-demo-yt-copy img,.studio-embed .review-talk__yt-thumb{overflow:hidden}.studio-embed .youtube-validation--supported>img,.studio-embed .studio-demo-yt-copy img,.studio-embed .review-talk__yt-thumb img{filter:blur(10px);transform:scale(1.16)}.studio-embed .review-phone{min-height:420px}.studio-embed .review-phone__screen,.studio-embed .review-phone__status,.studio-embed .review-talk,.studio-embed .review-talk__bar,.studio-embed .review-talk__composer,.studio-embed .review-talk__draft{color:#191919!important;background:#fff!important}.studio-embed .review-talk__room{background:#bacee0!important}.studio-embed .review-talk__bubble{color:#191919!important;background:#fee500!important}.studio-embed .review-talk__time{color:#556575!important}.studio-embed .review-phone__signal,.studio-embed .review-phone__battery,.studio-embed .review-phone__battery:after{background:#191919!important}.studio-embed .review-phone__battery,.studio-embed .review-phone__wifi{border-color:#191919!important}.studio-demo-review__state{text-align:center;color:#3a3a3c;align-content:center;place-items:center;gap:8px;min-height:100%;padding:32px;display:grid}.studio-demo-review__state p{color:#1c1c1e;margin:0;font-size:15px;font-weight:700}.studio-demo-review__state span{font-size:13px;line-height:1.5}.studio-demo-review__state.is-error p{color:#c41e3a}.studio-demo-review__empty{color:#8e8e93;margin:0;font-size:13px}.studio-demo-review__line{color:#3a3a3c;grid-template-columns:46px minmax(0,1fr);gap:8px;margin:0 0 10px;font-size:13px;line-height:1.5;display:grid}.studio-demo-review__line em{color:#8e8e93;font-size:12px;font-style:normal;font-weight:700}.studio-demo-review__progress{color:#3a3a3c;margin:0 0 12px;font-size:14px;line-height:1.55}.studio-demo-review__kakao{color:#191919;background:#fee500;border-radius:14px;margin:8px 0 12px;padding:14px 14px 16px}.studio-demo-review__kakao-label{margin:0 0 8px;font-size:12px;font-weight:800}.studio-demo-review__kakao p:last-child{white-space:pre-wrap;margin:0;font-size:13px;line-height:1.55}.studio-embed .review-doc-side__primary{pointer-events:none}.studio-demo-kakao{z-index:90;color:#191919;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:1px solid #d4d4d4;border-radius:8px;flex-direction:column;animation:.28s studio-demo-kakao-in;display:flex;position:absolute;top:6%;right:4%;overflow:hidden;box-shadow:0 18px 40px #11131647}.studio-demo-kakao.is-list{width:min(400px,48%);height:min(680px,88%)}.studio-demo-kakao.is-room{background:#bacee0;width:min(420px,50%);height:min(680px,88%)}@keyframes studio-demo-kakao-in{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}.studio-demo-kakao__titlebar{background:#fff;justify-content:space-between;align-items:center;height:32px;display:flex}.studio-demo-kakao.is-room .studio-demo-kakao__titlebar{background:#bacee0}.studio-demo-kakao__win{height:100%;display:flex}.studio-demo-kakao__win em{color:#5a5a5a;place-items:center;width:46px;height:100%;font-size:12px;font-style:normal;display:grid}.studio-demo-kakao__body{flex:1;min-height:0;display:flex}.studio-demo-kakao__rail{background:#ececed;flex-direction:column;justify-content:space-between;width:64px;padding:8px 0 12px;display:flex}.studio-demo-kakao__rail>div{flex-direction:column;align-items:center;gap:2px;display:flex}.studio-demo-kakao__rail span{color:#8b8b8b;place-items:center;width:48px;height:40px;display:grid;position:relative}.studio-demo-kakao__rail span.is-on,.studio-demo-kakao__rail span.is-demo-press{color:#191919}.studio-demo-kakao__rail b{color:#fff;text-align:center;background:#f04632;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;line-height:16px;position:absolute;top:2px;right:4px}.studio-demo-kakao__chats{background:#fff;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.studio-demo-kakao__chats-head{justify-content:space-between;align-items:center;padding:10px 14px 6px;display:flex}.studio-demo-kakao__chats-head strong{align-items:center;gap:2px;font-size:18px;font-weight:700;display:inline-flex}.studio-demo-kakao__chats-head>span{color:#4a4a4a;gap:12px;display:flex}.studio-demo-kakao__filters{align-items:center;gap:6px;padding:4px 14px 8px;display:flex}.studio-demo-kakao__filters em,.studio-demo-kakao__filters i{color:#191919;border:1px solid #e5e5e5;border-radius:999px;align-items:center;height:28px;padding:0 10px;font-size:12px;font-style:normal;font-weight:600;display:inline-flex}.studio-demo-kakao__filters em.is-on{color:#fff;background:#191919;border-color:#191919}.studio-demo-kakao__search{color:#8e8e8e;background:#f5f5f5;border-radius:8px;align-items:center;gap:8px;margin:0 14px 8px;padding:8px 10px;display:flex}.studio-demo-kakao__search input{color:#191919;background:0 0;border:0;outline:none;width:100%;font-size:13px}.studio-demo-kakao__list,.studio-demo-kakao__friends{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.studio-demo-kakao__me,.studio-demo-kakao__friend{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;padding:10px 14px;display:grid}.studio-demo-kakao__me{padding:14px}.studio-demo-kakao__me .studio-demo-kakao__avatar{flex-basis:52px;width:52px;height:52px;font-size:18px}.studio-demo-kakao__me strong,.studio-demo-kakao__friend strong,.studio-demo-kakao__me small,.studio-demo-kakao__friend small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.studio-demo-kakao__me strong,.studio-demo-kakao__friend strong{font-size:14px;font-weight:700}.studio-demo-kakao__me small,.studio-demo-kakao__friend small{color:#8e8e8e;margin-top:3px;font-size:12px}.studio-demo-kakao__section{color:#8e8e8e;margin:8px 0 0;padding:10px 14px 4px;font-size:12px;font-weight:700}.studio-demo-kakao__room{text-align:left;background:0 0;border:0;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px 14px;display:grid}.studio-demo-kakao__room:hover,.studio-demo-kakao__room.is-demo-press{background:#f5f5f5}.studio-demo-kakao__room>em{color:#8e8e8e;align-self:start;justify-items:end;gap:6px;padding-top:2px;font-size:11px;font-style:normal;display:grid}.studio-demo-kakao__room>em i{color:#fff;background:#f04632;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-style:normal;font-weight:700;display:grid}.studio-demo-kakao__avatar,.studio-demo-kakao__group{flex:0 0 46px;width:46px;height:46px}.studio-demo-kakao__avatar{color:#fff;border-radius:999px;place-items:center;font-size:16px;font-weight:700;display:grid}.studio-demo-kakao__avatar.is-mint{background:#7dcfb6}.studio-demo-kakao__avatar.is-peach{background:#f3b184}.studio-demo-kakao__avatar.is-blue{background:#7aa2f7}.studio-demo-kakao__avatar.is-violet{background:#b39ddb}.studio-demo-kakao__avatar.is-green{background:#88c459}.studio-demo-kakao__avatar.is-gold{color:#5a4300;background:#f6c343}.studio-demo-kakao__avatar.is-photo{background:#ececed;overflow:hidden}.studio-demo-kakao__avatar.is-photo img{object-fit:cover;width:100%;height:100%;display:block}.studio-demo-kakao__avatar.is-logo{background:#fff;box-shadow:inset 0 0 0 1px #0000000f}.studio-demo-kakao__avatar.is-logo img{object-fit:contain;padding:3px}.studio-demo-kakao__group{background:#f0f0f0;border-radius:999px;grid-template-columns:1fr 1fr;gap:2px;padding:2px;display:grid;overflow:hidden}.studio-demo-kakao__group i{border-radius:999px;display:block}.studio-demo-kakao__group i.is-mint{background:#7dcfb6}.studio-demo-kakao__group i.is-peach{background:#f3b184}.studio-demo-kakao__group i.is-blue{background:#7aa2f7}.studio-demo-kakao__group i.is-gold{background:#f6c343}.studio-demo-kakao__room strong,.studio-demo-kakao__room small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.studio-demo-kakao__room strong{align-items:center;gap:4px;font-size:14px;font-weight:700;display:flex}.studio-demo-kakao__room strong b{color:#8e8e8e;font-size:12px;font-weight:600}.studio-demo-kakao__room small{color:#8e8e8e;margin-top:3px;font-size:12px}.studio-demo-kakao__room-head{background:#bacee0;justify-content:space-between;align-items:center;gap:10px;padding:6px 14px 10px;display:flex}.studio-demo-kakao__who{align-items:center;gap:10px;min-width:0;display:flex}.studio-demo-kakao__who .studio-demo-kakao__group,.studio-demo-kakao__who .studio-demo-kakao__avatar{flex-basis:36px;width:36px;height:36px}.studio-demo-kakao__who strong,.studio-demo-kakao__who small{display:block}.studio-demo-kakao__who strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.studio-demo-kakao__who small{color:#5a6b78;align-items:center;gap:3px;margin-top:2px;font-size:12px;display:inline-flex}.studio-demo-kakao__room-tools{color:#3d3d3d;gap:12px;display:flex}.studio-demo-kakao__messages{background:#bacee0;flex:1;min-height:0;padding:10px 12px 16px;overflow:auto}.studio-demo-kakao__day{color:#4a5b68;text-align:center;background:#0000001f;border-radius:999px;width:max-content;max-width:90%;margin:8px auto 14px;padding:5px 10px;font-size:11px;font-weight:600}.studio-demo-kakao__incoming{grid-template-columns:36px minmax(0,1fr);gap:8px;margin-bottom:14px;display:grid}.studio-demo-kakao__incoming .studio-demo-kakao__avatar{width:36px;height:36px;font-size:13px}.studio-demo-kakao__incoming strong{color:#3d4a55;margin:0 0 4px 2px;font-size:12px;font-weight:600;display:block}.studio-demo-kakao__in-row{align-items:flex-end;gap:6px;display:flex}.studio-demo-kakao__incoming p{color:#191919;background:#fff;border-radius:2px 12px 12px;margin:0;padding:8px 10px;font-size:13px;line-height:1.45;display:inline-block}.studio-demo-kakao__in-row em,.studio-demo-kakao__row>em{color:#5a6b78;font-size:11px;font-style:normal}.studio-demo-kakao__row{justify-content:flex-end;align-items:flex-end;gap:6px;display:flex}.studio-demo-kakao .review-talk__yt{background:#fff;border-radius:4px;overflow:hidden}.studio-demo-kakao__stack{justify-items:end;gap:6px;width:min(78%,260px);display:grid}.studio-demo-kakao__bubble{color:#191919;white-space:pre-wrap;background:#fee500;border-radius:12px 2px 12px 12px;padding:8px 10px;font-size:13px;line-height:1.5;animation:.18s studio-demo-kakao-bubble}@keyframes studio-demo-kakao-bubble{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.studio-demo-kakao__composer{background:#fff;flex-direction:column;display:flex}.studio-demo-kakao__composer textarea{resize:none;min-height:72px;max-height:110px;font:inherit;border:0;outline:none;padding:12px 14px 6px;font-size:14px}.studio-demo-kakao__toolbar{justify-content:space-between;align-items:center;padding:0 10px 10px;display:flex}.studio-demo-kakao__toolbar>span{color:#6b6b6b;align-items:center;gap:10px;display:flex}.studio-demo-kakao__composer button{color:#c2c2c2;background:#f0f0f0;border:0;border-radius:4px;height:30px;padding:0 12px;font-size:13px;font-weight:700}.studio-demo-kakao__composer button.is-on,.studio-demo-kakao__composer button.is-demo-press{color:#191919;background:#fee500}.studio-embed .toss-analyze{position:relative}.studio-demo-yt-copy{z-index:40;background:#fff;border-radius:14px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;width:min(420px,100% - 48px);padding:10px 12px;display:grid;position:absolute;bottom:28px;right:28px;box-shadow:0 16px 40px #11131638}.studio-demo-yt-copy img{object-fit:cover;background:#111;border-radius:8px;width:72px;height:40px}.studio-demo-yt-copy strong,.studio-demo-yt-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.studio-demo-yt-copy strong{font-size:13px}.studio-demo-yt-copy small{color:#8e8e93;margin-top:2px;font-size:11px}.studio-demo-yt-copy button{color:#191919;background:#fee500;border:0;border-radius:10px;flex:none;padding:8px 10px;font-size:12px;font-weight:800}.studio-embed .class-card,.studio-embed .class-student,.studio-embed .class-create,.studio-embed .class-summary,.studio-embed .class-header,.studio-embed .class-empty,.studio-embed .toss-people-form,.studio-embed .toss-row{animation:.52s cubic-bezier(.22,1,.36,1) both studio-demo-rise}.studio-embed .class-card:nth-child(2),.studio-embed .class-student:nth-child(2),.studio-embed .toss-row:nth-child(2){animation-delay:90ms}.studio-embed .class-btn.is-demo-press,.studio-embed .class-card__main.is-demo-press,.studio-embed .text-input.is-demo-press,.studio-embed .nova-btn.is-demo-press,.studio-embed .kiosk__keypad button.is-demo-press{transform:scale(.98);box-shadow:inset 0 0 0 2px #4e7eff}.studio-embed .attendance-modal{position:absolute}.studio-embed .studio-demo-kiosk{z-index:40;position:absolute;inset:0}.studio-embed .studio-demo-kiosk .kiosk{background:radial-gradient(circle at 15% 10%,#3182f621,#0000 32%),linear-gradient(155deg,#f8fbff,#edf3fb);grid-template-rows:auto 1fr auto;gap:16px;height:100%;min-height:0;padding:22px 28px;display:grid}.studio-embed .kiosk__header{justify-content:space-between;align-items:center;display:flex}.studio-embed .kiosk__brand{color:#3182f6;letter-spacing:-.05em;font-size:28px;font-weight:850}.studio-embed .kiosk__class{color:#4e5968;background:#ffffffc7;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:700}.studio-embed .kiosk__card{text-align:center;background:#fffffff5;border-radius:32px;width:min(100%,520px);margin:auto;padding:28px 32px;box-shadow:0 18px 48px #1720331f}.studio-embed .kiosk__card h1{letter-spacing:-.04em;margin:0 0 22px;font-size:28px}.studio-embed .kiosk__pin{justify-content:center;gap:16px;margin:0 auto 28px;display:flex}.studio-embed .kiosk__pin span{border:3px solid #d9e1ec;border-radius:50%;width:22px;height:22px}.studio-embed .kiosk__pin span.is-filled{background:#3182f6;border-color:#3182f6}.studio-embed .kiosk__keypad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.studio-embed .kiosk__keypad button{color:#1f2937;background:#f2f5f9;border:0;border-radius:18px;min-height:58px;font-size:24px;font-weight:750}.studio-embed .kiosk__keypad button.is-confirm{color:#fff;background:#3182f6;font-size:18px}.studio-embed .kiosk__success{justify-items:center;gap:10px;display:grid}.studio-embed .kiosk__check{color:#fff;background:#22c55e;border-radius:50%;place-items:center;width:72px;height:72px;font-size:42px;display:grid}.studio-embed .kiosk__success strong{font-size:28px}.studio-embed .kiosk__success span,.studio-embed .kiosk footer{color:#6b7280}.studio-embed .attendance-summary__item,.studio-embed .attendance-roster__list article,.studio-embed .attendance-session{animation:.52s cubic-bezier(.22,1,.36,1) both studio-demo-rise}@keyframes studio-demo-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.studio-embed .class-card,.studio-embed .class-student,.studio-embed .class-create,.studio-embed .class-summary,.studio-embed .class-header,.studio-embed .class-empty,.studio-embed .toss-people-form,.studio-embed .toss-row,.studio-embed .attendance-summary__item,.studio-embed .attendance-roster__list article,.studio-embed .attendance-session{animation:none}}
