.project-selector{display:flex;gap:6px;padding:7px;margin-bottom:20px;border:1px solid #ffffff20;background:#132019;border-radius:14px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#53655a transparent}
.project-selector button{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;padding:16px 12px;border:0;border-radius:9px;background:transparent;color:#bac7bf;font:inherit;font-size:15px;cursor:pointer;transition:background .2s,color .2s}
.project-selector button>span{font-size:10px;color:#82968a;font-variant-numeric:tabular-nums}
.project-selector button:hover{background:#293a30;color:#fff}
.project-selector button[aria-selected=true]{background:#f5f7f3;color:#263d2e;font-weight:700;box-shadow:0 3px 12px #0002}
.project-selector button[aria-selected=true]>span{color:#d77648}
.project-selector button:focus-visible{outline:2px solid #f59a6b;outline-offset:2px}
.project-catalog--showcase{display:block;margin-top:0}
.project-catalog--showcase .project-card[hidden]{display:none!important}
.project-catalog--showcase .project-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:60px;padding:44px;margin:0;min-height:760px;background:linear-gradient(115deg,#2a4032,#22342b);border:1px solid #ffffff20;border-radius:22px}
.project-catalog--showcase .project-card__copy{max-width:450px}
.project-catalog--showcase .project-card h3{font-size:clamp(30px,3.1vw,43px);margin:18px 0 24px;line-height:1.3;letter-spacing:-.045em}
.project-catalog--showcase .project-card__copy>p{font-size:17px;line-height:1.85}
.project-catalog--showcase .project-features{margin-top:28px;gap:9px}
.project-catalog--showcase .project-features li{font-size:14px;padding:9px 12px;background:#15281d}
.project-catalog--showcase .studio{margin:0;align-self:center;max-width:640px;justify-self:center}
.project-catalog--showcase .studio-body{min-height:445px}
.project-catalog--showcase .studio[hidden]{display:none}
@media(max-width:1050px){.project-catalog--showcase .project-card{gap:30px;padding:28px;min-height:735px}.project-selector button{font-size:13px;gap:6px;padding:15px 9px}.project-catalog--showcase .project-card__copy>p{font-size:16px}}
@media(max-width:760px){.project-selector{margin:0 -4px 18px;border-radius:11px;gap:4px;padding:5px}.project-selector button{flex:0 0 auto;padding:13px 14px;font-size:13px;gap:7px}.project-catalog--showcase .project-card{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding:24px 18px;min-height:0;border-radius:16px}.project-catalog--showcase .project-card__copy{max-width:none;min-height:260px}.project-catalog--showcase .project-card h3{font-size:29px;margin:13px 0 16px}.project-catalog--showcase .project-card__copy>p{font-size:15px;line-height:1.75}.project-catalog--showcase .project-features{margin-top:18px;gap:7px}.project-catalog--showcase .project-features li{font-size:12px;padding:7px 9px}.project-catalog--showcase .studio-body{min-height:430px}.project-catalog--showcase .studio{align-self:center}}
@media(prefers-reduced-motion:reduce){.project-selector button{transition:none}}

/* Full-width presentation: readable introduction above the live workspace. */
.project-catalog--showcase .project-card{display:flex;flex-direction:column;align-items:stretch;gap:22px;min-height:0;padding:26px}
.project-catalog--showcase .project-card__copy{display:grid;grid-template-columns:1fr 1fr;gap:0 44px;max-width:none;min-height:0}
.project-catalog--showcase .project-card__copy>small{grid-column:1/-1}
.project-catalog--showcase .project-card h3{grid-column:1;grid-row:2/4;margin:15px 0 0;font-size:clamp(28px,3.2vw,43px)}
.project-catalog--showcase .project-card__copy>p{grid-column:2;margin-top:14px}
.project-catalog--showcase .project-features{grid-column:2;margin-top:16px}
.project-catalog--showcase .studio{max-width:none;position:relative;isolation:isolate}
.project-catalog--showcase .studio-body{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;min-height:0;align-content:start;padding:20px}
.studio-body>.studio-stats,.studio-body>.studio-week,.studio-body>.studio-search,.studio-body>.studio-blog-profile,.studio-body>.studio-platforms,.studio-body>.studio-section-title,.studio-body>.studio-account-header,.studio-body>.studio-account,.studio-body>.studio-rank-summary,.studio-body>.studio-toast,.studio-body>.studio-running{grid-column:1/-1}
.studio-body>.studio-sentiment,.studio-body>.studio-chart{grid-column:1;grid-row:2/5;align-self:center}
.studio-body>.studio-feed,.studio-body>.studio-alert,.studio-body>.studio-rank-row{grid-column:2}
.project-card--monitor .studio-section-title{grid-column:2;grid-row:2}
.project-card--monitor .studio-sentiment{grid-row:2/6}
.project-card--rank .studio-chart{grid-row:3/5}
.studio-body>.studio-compose{grid-column:1/-1}
.project-card--blog .studio-routine:last-of-type{grid-column:1/-1}
.studio-stats{gap:16px}.studio-stat{padding:16px 20px}.studio-stat>small{font-size:13px}.studio-stat strong{font-size:34px}.studio-stat>span{font-size:12px}
.studio-toolbar{padding:20px 28px}.studio-toolbar b{font-size:20px}.studio-tabs{padding:0 28px}.studio-tabs>span{font-size:14px}
.studio-feed b,.studio-routine b,.studio-schedule b,.studio-account b,.studio-rank-row>b{font-size:14px}
.studio-sentiment{gap:36px}.studio-donut{width:190px;height:190px}.studio-donut>div{width:148px;height:148px}.studio-donut strong{font-size:34px}.studio-legend{min-width:130px}.studio-legend p{font-size:14px}
.showcase-playback{display:flex;align-items:center;gap:16px;margin:-4px 0 20px;color:#b9c9bf;font-size:12px}.showcase-playback button{border:1px solid #ffffff30;border-radius:20px;padding:8px 14px;background:transparent;color:#fff;font:inherit;cursor:pointer}.showcase-playback button:focus-visible{outline:2px solid #f5a070}.showcase-progress{flex:1;height:3px;overflow:hidden;background:#ffffff15;border-radius:3px}.showcase-progress i{display:block;width:100%;height:100%;background:#f18a56;transform:scaleX(0);transform-origin:left}
.studio-actionbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border:1px solid #dce7df;border-radius:10px;background:#fff}.studio-actionbar>span{font-size:13px;color:#6c8072}.studio-action{display:inline-flex;padding:11px 20px;border-radius:8px;background:#2b5840;color:#fff;font-size:13px;font-weight:700;white-space:nowrap}.studio-action.is-pressed{transform:scale(.96);background:#e87940}
.demo-cursor{position:absolute;z-index:8;left:0;top:0;width:27px;height:34px;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 3px #152a3340);transform:translate(30px,90px)}
.demo-cursor svg{width:27px;height:34px;overflow:visible}.demo-cursor:after{content:'사용 예시';position:absolute;top:26px;left:18px;white-space:nowrap;background:#293e32;color:#fff;font-size:9px;padding:4px 7px;border-radius:4px}
.demo-cursor.is-clicking:before{content:'';position:absolute;left:-13px;top:-13px;width:30px;height:30px;border:2px solid #ed8955;border-radius:50%;animation:demoClick .55s ease-out both}
.demo-target{outline:2px solid #f0a47c!important;outline-offset:3px;transition:outline-color .2s}.studio.is-simulating .studio-toast{animation:none;opacity:.35;transform:translateY(5px)}.studio.is-simulating.is-complete .studio-toast{opacity:1;transform:none;transition:opacity .4s,transform .4s}.studio.is-simulating:not(.is-running) .studio-account-progress i,.studio.is-simulating:not(.is-running) .studio-runbar i{animation:none;transform:scaleX(.12)}.studio.is-simulating:not(.is-running) .studio-chart-line{animation:none;stroke-dashoffset:1}.studio.is-simulating.is-running .studio-chart-line{animation:studioDraw 2.4s ease-out both}.studio.is-simulating.is-running .studio-account-progress i{animation:demoProgress 2.2s ease-out both}.studio.is-simulating.is-running .studio-runbar i{animation:demoProgress 2.2s ease-out both}
@keyframes demoClick{from{transform:scale(.4);opacity:1}to{transform:scale(1.6);opacity:0}}@keyframes demoProgress{from{transform:scaleX(.12)}to{transform:scaleX(1)}}
@media(max-width:760px){.project-catalog--showcase .project-card{padding:23px 15px;gap:24px}.project-catalog--showcase .project-card__copy{display:block}.project-catalog--showcase .project-card h3{font-size:29px;margin:12px 0 15px}.project-catalog--showcase .studio-body{display:flex;flex-direction:column;gap:14px;padding:16px 13px;min-height:0}.studio-toolbar{padding:17px 13px}.studio-tabs{padding:0 13px}.studio-tabs>span{font-size:11px}.studio-stats{gap:7px}.studio-stat{padding:12px 9px}.studio-stat>small{font-size:11px}.studio-stat strong{font-size:27px}.studio-stat>span{font-size:9px}.studio-donut{width:144px;height:144px}.studio-donut>div{width:112px;height:112px}.studio-donut strong{font-size:28px}.studio-legend{min-width:98px}.studio-legend p{font-size:12px}.studio-sentiment{gap:25px}.showcase-playback{gap:10px;font-size:11px}.studio-actionbar{padding:12px 10px;gap:8px}.studio-actionbar>span{font-size:11px}.studio-action{font-size:11px;padding:10px 12px}.studio-feed b,.studio-routine b,.studio-schedule b,.studio-account b,.studio-rank-row>b{font-size:12px}}