/* Business 12 · Creator Release Room V2 — IDEA → DIRECTION → FORMATS → REVIEW → PACKAGE */
:root{--cr-black:#080c0f;--cr-panel:#11171b;--cr-panel2:#171f24;--cr-paper:#f1eee7;--cr-ink:#14191c;--cr-green:#b7d987;--cr-cyan:#72cdd1;--cr-orange:#f0784c;--cr-muted:#8b969b;--cr-line:rgba(241,238,231,.14);--cr-paperline:rgba(20,25,28,.15);--cr-display:"Arial Narrow","Aptos Display","Noto Sans KR","Malgun Gothic",sans-serif;--cr-ui:"Pretendard","SUIT","Noto Sans KR","Malgun Gothic","Segoe UI",sans-serif}*{box-sizing:border-box}html{background:var(--cr-black);scroll-behavior:smooth}body{margin:0;background:var(--cr-black);color:#f5f5f1;font-family:var(--cr-ui);font-synthesis:none;-webkit-font-smoothing:antialiased}a{color:inherit}.cr-shell{min-height:100svh}.cr-topbar{position:sticky;top:0;z-index:90;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;min-height:68px;padding:.7rem clamp(1rem,3vw,3.2rem);background:rgba(8,12,15,.92);border-bottom:1px solid var(--cr-line);backdrop-filter:blur(18px)}.cr-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none}.cr-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--cr-green);border-radius:50%;color:var(--cr-green);font-size:.58rem;font-weight:900}.cr-brand strong{display:block;font-size:.76rem;letter-spacing:.09em;text-transform:uppercase}.cr-brand small{display:block;margin-top:.17rem;color:#899296;font-size:.61rem}.cr-nav{display:flex;align-items:center;gap:.16rem}.cr-nav a{display:inline-flex;align-items:center;min-height:34px;padding:.45rem .68rem;border:1px solid transparent;border-radius:999px;text-decoration:none;color:#8c9498;font-size:.66rem;font-weight:800}.cr-nav a:hover,.cr-nav a:focus-visible,.cr-nav a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.06)}.cr-nav .is-guide{border-color:rgba(183,217,135,.38);color:var(--cr-green);background:rgba(183,217,135,.06)}
.cr-hero{min-height:calc(100svh - 68px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);border-bottom:1px solid var(--cr-line)}.cr-copy{align-self:end;padding:clamp(4rem,9vh,7rem) clamp(1rem,5vw,5rem) 3.5rem}.cr-kicker{margin:0 0 .8rem;color:var(--cr-green);font-size:.6rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.cr-copy h1{margin:0;max-width:10ch;font:900 clamp(4.3rem,9vw,9.4rem)/.8 var(--cr-display);letter-spacing:-.075em;text-transform:uppercase}.cr-copy h1 span{display:block;color:var(--cr-orange)}.cr-copy>p:not(.cr-kicker){max-width:620px;margin:1.5rem 0 0;color:#939ca0;line-height:1.72;word-break:keep-all}.cr-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:2rem}.cr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.72rem 1rem;border:1px solid var(--cr-line);background:transparent;color:#fff;text-decoration:none;font:850 .7rem var(--cr-ui);cursor:pointer}.cr-btn.primary{background:var(--cr-orange);border-color:var(--cr-orange);color:#1a0b06}
.cr-board{position:relative;min-height:650px;overflow:hidden;border-left:1px solid var(--cr-line);background:linear-gradient(145deg,#13191c,#090c0e 65%,#172126)}.cr-board::before{content:"";position:absolute;left:8%;right:8%;top:12%;bottom:12%;border:1px solid rgba(255,255,255,.12);transform:rotate(-2deg)}.cr-format{position:absolute;width:29%;min-height:185px;padding:1rem;background:#f2efe8;color:var(--cr-ink);box-shadow:0 30px 70px rgba(0,0,0,.28)}.cr-format small{display:block;margin-bottom:2.5rem;font-size:.57rem;letter-spacing:.13em;text-transform:uppercase;color:#6e7678}.cr-format strong{display:block;font:900 clamp(1.35rem,2vw,2.25rem)/1.04 var(--cr-ui);letter-spacing:-.055em;word-break:keep-all}.cr-article{left:9%;top:23%;transform:rotate(-4deg)}.cr-short{left:36%;top:40%;background:var(--cr-orange);color:#190b07;transform:rotate(3deg)}.cr-audio{right:8%;top:18%;background:#162b2c;color:#e9f3ee;transform:rotate(-1deg)}.cr-audio small{color:#96aba8}.cr-line-art{position:absolute;left:18%;right:18%;bottom:18%;height:2px;background:linear-gradient(90deg,transparent,var(--cr-cyan),var(--cr-green),transparent);box-shadow:0 0 18px rgba(115,204,208,.35)}.cr-board-label{position:absolute;left:1rem;bottom:1rem;font-size:.58rem;letter-spacing:.12em;color:#7f898d;text-transform:uppercase}
.cr-index{max-width:1500px;margin:auto;padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,5rem)}.cr-index-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.45fr);gap:3rem;align-items:end;margin-bottom:2.5rem}.cr-index h2{margin:.35rem 0 0;max-width:14ch;font:850 clamp(2.8rem,5.1vw,5.5rem)/1.03 var(--cr-ui);letter-spacing:-.065em;word-break:keep-all}.cr-index-head>p{margin:0;color:#919b9e;line-height:1.7;word-break:keep-all}.cr-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--cr-line)}.cr-card{min-height:235px;padding:1.2rem;background:#101518;display:flex;flex-direction:column;justify-content:space-between}.cr-card:nth-child(2n){background:#151b1f}.cr-card span{color:var(--cr-green);font-size:.57rem;letter-spacing:.11em}.cr-card strong{font:850 clamp(1.35rem,2vw,2.25rem)/1.03 var(--cr-ui);letter-spacing:-.045em;word-break:keep-all}.cr-card p{color:#8f999d;font-size:.76rem;line-height:1.5}.cr-footer{display:flex;justify-content:space-between;padding:1rem clamp(1rem,3vw,3rem);border-top:1px solid var(--cr-line);color:#6d777b;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}
body.ux-page{background:radial-gradient(circle at 78% 10%,rgba(114,205,209,.08),transparent 24%),var(--cr-black)!important;color:#f5f5f1!important}.ux-page .shell{width:min(1320px,calc(100% - 40px))!important;max-width:none!important;margin:20px auto!important;min-height:calc(100svh - 40px)!important;display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;background:transparent!important;border:1px solid var(--cr-line)!important}.ux-page .rail{position:relative!important;padding:28px 22px!important;background:#0d1317!important;color:#f5f5f1!important;border-right:1px solid var(--cr-line)!important}.ux-page .rail::before{content:"CREATOR RELEASE ROOM";display:block;margin-bottom:1.1rem;color:var(--cr-green);font-size:.55rem;font-weight:900;letter-spacing:.14em}.ux-page .rail h1{margin:0 0 2.2rem!important;font:850 1.55rem/1.04 var(--cr-ui)!important;letter-spacing:-.05em!important}.ux-page .rail nav{display:grid!important}.ux-page .rail button{position:relative!important;width:100%!important;padding:15px 0!important;border:0!important;border-top:1px solid var(--cr-line)!important;background:transparent!important;color:#7f8b90!important;text-align:left!important;font:800 .72rem var(--cr-ui)!important;cursor:pointer!important}.ux-page .rail button:last-child{border-bottom:1px solid var(--cr-line)!important}.ux-page .rail button[aria-current="step"]{color:#fff!important}.ux-page .rail button[aria-current="step"]::after{content:"";position:absolute;right:0;top:50%;width:26px;height:1px;background:var(--cr-orange)}.ux-page .main{position:relative!important;min-width:0!important;padding:clamp(2rem,5vw,5rem)!important;background:linear-gradient(145deg,#12191d,#090d10 72%)!important;color:#f5f5f1!important}.ux-page .main::before{content:"SESSION 12 / HUMAN-GOVERNED FORMAT WORKSPACE";display:block;margin-bottom:2.3rem;color:#6e7c82;font-size:.56rem;font-weight:800;letter-spacing:.13em}.ux-page .step{display:none!important;max-width:980px!important}.ux-page .step.active{display:block!important}.ux-page .eyebrow{color:var(--cr-green)!important;font:900 .58rem var(--cr-ui)!important;letter-spacing:.14em!important}.ux-page h2{max-width:12ch!important;margin:.6rem 0 2rem!important;color:#f5f5f1!important;font:850 clamp(2.7rem,5vw,5.4rem)/1.02 var(--cr-ui)!important;letter-spacing:-.065em!important;word-break:keep-all!important}.ux-page .source{padding-top:1.2rem!important;border-top:1px solid var(--cr-line)!important}.ux-page .source textarea{width:100%!important;min-height:210px!important;padding:1.4rem!important;resize:vertical!important;border:1px solid var(--cr-line)!important;background:#11191d!important;color:#ecede9!important;font:500 1rem/1.8 var(--cr-ui)!important;outline:none!important}.ux-page .source textarea:focus{border-color:var(--cr-cyan)!important;box-shadow:0 0 0 1px var(--cr-cyan)!important}.ux-page .formats,.ux-page .previews{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1px!important;background:var(--cr-line)!important}.ux-page .format{position:relative!important;min-height:230px!important;padding:1.25rem!important;border:0!important;background:#11181c!important;color:#f5f5f1!important;text-align:left!important;cursor:pointer!important}.ux-page .format:nth-child(2){background:#151e22!important}.ux-page .format:nth-child(3){background:#0f171b!important}.ux-page .format::before{content:"FORMAT";display:block;margin-bottom:3rem;color:#65747a;font-size:.52rem;letter-spacing:.13em}.ux-page .format b{display:block!important;font:850 1.6rem/1.05 var(--cr-ui)!important;letter-spacing:-.045em!important}.ux-page .format small{display:block!important;margin-top:1rem!important;color:#859196!important;line-height:1.55!important}.ux-page .format.selected{background:var(--cr-orange)!important;color:#190b07!important}.ux-page .format.selected::before,.ux-page .format.selected small{color:#5a2718!important}.ux-page .intent{display:flex!important;gap:.5rem!important;flex-wrap:wrap!important;margin-bottom:1.3rem!important}.ux-page .intent button{min-height:38px!important;padding:.55rem .8rem!important;border:1px solid var(--cr-line)!important;background:transparent!important;color:#8d989d!important;cursor:pointer!important}.ux-page .intent button.active{border-color:var(--cr-green)!important;background:rgba(183,217,135,.08)!important;color:var(--cr-green)!important}.ux-page .preview{position:relative!important;min-height:310px!important;padding:1.3rem!important;border:0!important;border-top:3px solid var(--cr-cyan)!important;background:#11181c!important;color:#f5f5f1!important}.ux-page .preview[data-kind="short"]{border-top-color:var(--cr-orange)!important}.ux-page .preview[data-kind="mail"]{border-top-color:var(--cr-green)!important}.ux-page .preview h3{font:850 1.55rem/1.08 var(--cr-ui)!important;letter-spacing:-.045em!important}.ux-page .preview p{color:#9aa4a8!important;line-height:1.7!important}.ux-page .package{padding:1.6rem!important;border:1px solid var(--cr-line)!important;background:#11181c!important;color:#f5f5f1!important}.ux-page .package>b{display:block;margin-bottom:1rem;color:var(--cr-green);font-size:.7rem;letter-spacing:.08em}.ux-page .package li{margin:.65rem 0!important;padding:.7rem 0!important;border-top:1px solid var(--cr-line)!important;color:#dfe2dd!important}.ux-page .package p{max-width:700px;color:#8e9a9f!important;line-height:1.7!important}.ux-page .actions{display:flex!important;gap:.65rem!important;flex-wrap:wrap!important;margin-top:1.5rem!important}.ux-page .actions button{min-height:44px!important;padding:.65rem .9rem!important;border:1px solid var(--cr-line)!important;background:transparent!important;color:#f5f5f1!important;cursor:pointer!important;font-weight:800!important}.ux-page .actions .primary{background:var(--cr-orange)!important;border-color:var(--cr-orange)!important;color:#190b07!important}.ux-page .status{min-height:28px!important;margin-top:.9rem!important;color:var(--cr-green)!important;font-size:.67rem!important}.creator-scene{position:relative!important;min-height:220px!important;overflow:hidden!important;border:1px solid var(--cr-line)!important;background:radial-gradient(circle at 72% 23%,rgba(115,204,208,.18),transparent 20%),linear-gradient(145deg,#172126,#0b1012)!important}.creator-scene::before{content:"";position:absolute;inset:11%;border:1px solid rgba(255,255,255,.13);transform:rotate(-3deg)}.creator-scene::after{content:attr(data-format);position:absolute;left:1rem;bottom:1rem;color:var(--cr-green);font:900 clamp(1.5rem,3vw,3.2rem)/.9 var(--cr-display);letter-spacing:-.05em;text-transform:uppercase}.creator-scene[data-kind="short"]{background:linear-gradient(145deg,#3a1710,#e16d44)!important}.creator-scene[data-kind="audio"]{background:linear-gradient(145deg,#0d1d1e,#244346)!important}.creator-scene[data-kind="article"]{background:linear-gradient(145deg,#202326,#0d1113)!important}
.cr-guide-hero{min-height:68svh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);border-bottom:1px solid var(--cr-line)}.cr-guide-copy{align-self:end;padding:clamp(4rem,9vw,8rem) clamp(1rem,5vw,5rem)}.cr-guide-copy h1{margin:.4rem 0 1.2rem;max-width:10ch;font:900 clamp(4rem,8vw,8.5rem)/.81 var(--cr-display);letter-spacing:-.07em;text-transform:uppercase}.cr-guide-copy h1 em{display:block;font-style:normal;color:var(--cr-orange)}.cr-guide-copy p{max-width:650px;color:#939da0;line-height:1.75}.cr-guide-ledger{padding:clamp(5rem,9vw,8rem) clamp(1.2rem,4vw,4rem);background:linear-gradient(145deg,#141a1e,#1a262b)}.cr-guide-ledger div{display:grid;grid-template-columns:2rem 1fr auto;gap:.8rem;padding:1rem 0;border-top:1px solid var(--cr-line)}.cr-guide-ledger span{color:var(--cr-green);font-size:.6rem}.cr-guide-ledger strong{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.cr-guide-ledger small{color:#8a9498}.cr-guide-steps{background:var(--cr-paper);color:var(--cr-ink);padding:0 clamp(1rem,5vw,5rem)}.cr-guide-step{max-width:1500px;margin:auto;display:grid;grid-template-columns:5rem minmax(0,1fr) minmax(260px,.56fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(3.5rem,6vw,6rem) 0;border-bottom:1px solid var(--cr-paperline)}.cr-guide-step>span{align-self:start;color:#b64b2d;font-size:3.5rem;font-weight:900}.cr-guide-step h2{margin:.45rem 0 1rem;max-width:16ch;font:850 clamp(2rem,3.25vw,3.55rem)/1.08 var(--cr-ui);letter-spacing:-.06em;word-break:keep-all}.cr-guide-step p{max-width:650px;color:#596165;line-height:1.7;word-break:keep-all}.cr-guide-card{min-height:185px;padding:1.15rem;border:1px solid var(--cr-paperline);background:white;display:flex;flex-direction:column;justify-content:space-between}.cr-guide-card small{font-size:.58rem;letter-spacing:.1em;color:#747a7d}.cr-guide-card strong{font:900 clamp(1.5rem,2.5vw,2.8rem)/.95 var(--cr-display);letter-spacing:-.04em;text-transform:uppercase}.cr-guide-card b{color:#ad492d;font-size:.64rem}.cr-guide-finish{padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,5rem);background:var(--cr-black)}.cr-guide-finish h2{max-width:11ch;margin:.4rem 0 1rem;font:900 clamp(3.3rem,6.5vw,7rem)/.82 var(--cr-display);letter-spacing:-.065em;text-transform:uppercase}.cr-guide-finish p{max-width:680px;color:#939da0;line-height:1.7}
@media(max-width:900px){.cr-hero,.cr-guide-hero{grid-template-columns:1fr}.cr-board{min-height:560px;border-left:0;border-top:1px solid var(--cr-line)}.cr-index-head{grid-template-columns:1fr}.cr-grid{grid-template-columns:1fr 1fr}.cr-guide-step{grid-template-columns:4rem 1fr}.cr-guide-step>.cr-guide-card{grid-column:2}.ux-page .shell{grid-template-columns:210px minmax(0,1fr)!important}.ux-page .formats,.ux-page .previews{grid-template-columns:1fr!important}}
@media(max-width:620px){.cr-topbar{grid-template-columns:30px minmax(0,1fr);padding:.55rem .65rem;min-height:62px}.cr-brand{width:30px;overflow:hidden}.cr-brand>span:last-child{display:none}.cr-mark{width:30px;height:30px}.cr-nav{display:grid;grid-template-columns:1.15fr .85fr .8fr;gap:.05rem}.cr-nav a{justify-content:center;padding:.4rem .2rem;font-size:.57rem;white-space:nowrap}.cr-nav a:last-child{display:none}.cr-copy{padding:4.2rem 1rem 2.4rem}.cr-copy h1{font-size:clamp(3.8rem,18vw,5.7rem)}.cr-board{min-height:460px}.cr-format{width:38%;min-height:145px;padding:.75rem}.cr-format small{margin-bottom:1.6rem;font-size:.48rem}.cr-format strong{font-size:1rem}.cr-article{left:5%;top:19%}.cr-short{left:31%;top:42%}.cr-audio{right:5%;top:16%}.cr-index{padding:4rem 1rem}.cr-index h2{max-width:13ch;font-size:clamp(2.45rem,11vw,3.5rem);line-height:1.06}.cr-grid{grid-template-columns:1fr}.cr-card{min-height:190px}.cr-guide-copy{padding:4.2rem 1rem 2.5rem}.cr-guide-copy h1{font-size:clamp(3.5rem,17vw,5.2rem)}.cr-guide-ledger{padding:2.5rem 1rem}.cr-guide-step{grid-template-columns:1fr;gap:1rem;padding:3rem 0}.cr-guide-step>.cr-guide-card{grid-column:1}.cr-guide-step>span{font-size:2.5rem}.cr-guide-step h2{max-width:15ch;font-size:clamp(1.9rem,8.8vw,2.65rem);line-height:1.12}.cr-guide-finish{padding:4rem 1rem}.cr-guide-finish h2{font-size:clamp(3rem,14vw,4.8rem)}.ux-page .shell{width:100%!important;margin:0!important;min-height:100svh!important;grid-template-columns:1fr!important;border-left:0!important;border-right:0!important}.ux-page .rail{position:sticky!important;top:0!important;z-index:70!important;padding:.65rem .75rem!important;border-right:0!important;border-bottom:1px solid var(--cr-line)!important}.ux-page .rail::before{display:none!important}.ux-page .rail h1{margin:0 0 .6rem!important;font-size:1rem!important}.ux-page .rail nav{display:flex!important;overflow:auto!important}.ux-page .rail button{width:auto!important;min-width:max-content!important;padding:.65rem .8rem!important;border-top:0!important;border-right:1px solid var(--cr-line)!important}.ux-page .rail button:last-child{border-bottom:0!important}.ux-page .rail button[aria-current="step"]::after{left:.8rem;right:.8rem;top:auto;bottom:0;width:auto}.ux-page .main{padding:2rem 1rem 3rem!important}.ux-page .main::before{margin-bottom:1.6rem}.ux-page h2{font-size:clamp(2.5rem,12vw,3.45rem)!important;line-height:1.05!important}.ux-page .formats,.ux-page .previews{grid-template-columns:1fr!important}}