/* B22 Story Spine Loom V2 — SOURCE SET → STORY SPINE → EDITIONS → TRACE → MASTER */
:root{--sl-black:#08090d;--sl-panel:#101219;--sl-paper:#efeee9;--sl-ink:#171820;--sl-violet:#7768e8;--sl-magenta:#cf668e;--sl-cyan:#65b8bd;--sl-silver:#b7bbc5;--sl-line:rgba(239,238,233,.14);--sl-paperline:rgba(23,24,32,.15);--sl-ui:"Pretendard","SUIT","Noto Sans KR","Malgun Gothic","Segoe UI",sans-serif;--sl-display:"Arial Narrow","Aptos Display","Noto Sans KR","Malgun Gothic",sans-serif}*{box-sizing:border-box}html{background:var(--sl-black);scroll-behavior:smooth}body{margin:0;background:var(--sl-black);color:#f3f2ed;font-family:var(--sl-ui);font-synthesis:none;-webkit-font-smoothing:antialiased}a{color:inherit}.sl-shell{min-height:100svh}.sl-topbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;min-height:66px;padding:.65rem clamp(1rem,3vw,3rem);background:#08090d;border-bottom:1px solid var(--sl-line)}.sl-brand{display:flex;align-items:center;gap:.72rem;text-decoration:none}.sl-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--sl-violet);color:#b8b0ff;font-size:.58rem;font-weight:900;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.sl-brand strong{display:block;font-size:.75rem;letter-spacing:.09em;text-transform:uppercase}.sl-brand small{display:block;margin-top:.13rem;color:#81858f;font-size:.6rem}.sl-nav{display:flex;gap:.15rem}.sl-nav a{padding:.43rem .68rem;border:1px solid transparent;border-radius:999px;color:#898d97;text-decoration:none;font-size:.65rem;font-weight:800}.sl-nav a:hover,.sl-nav a:focus-visible,.sl-nav a[aria-current="page"]{background:#151720;color:#fff}.sl-nav .is-guide{border-color:rgba(119,104,232,.42);color:#afa7ff}
.sl-hero{min-height:calc(100svh - 66px);display:grid;grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr);border-bottom:1px solid var(--sl-line)}.sl-copy{align-self:end;padding:clamp(4rem,9vh,7rem) clamp(1rem,5vw,5rem) 3.5rem}.sl-kicker{margin:0 0 .75rem;color:#a9a0ff;font-size:.57rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.sl-copy h1{margin:0;max-width:10ch;font:900 clamp(4rem,8.2vw,8.4rem)/.82 var(--sl-display);letter-spacing:-.075em;text-transform:uppercase}.sl-copy h1 span{display:block;color:var(--sl-magenta)}.sl-copy>p:not(.sl-kicker){max-width:620px;margin:1.5rem 0 0;color:#9297a1;line-height:1.75;word-break:keep-all}.sl-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.9rem}.sl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.68rem .95rem;border:1px solid var(--sl-line);background:transparent;color:#f5f3ee;text-decoration:none;font-size:.69rem;font-weight:850;cursor:pointer}.sl-btn.primary{background:var(--sl-violet);border-color:var(--sl-violet);color:#fff}
.sl-loom{position:relative;min-height:700px;overflow:hidden;border-left:1px solid var(--sl-line);background:radial-gradient(circle at 52% 46%,rgba(119,104,232,.13),transparent 20%),linear-gradient(145deg,#10121a,#07080c 70%)}.sl-spine{position:absolute;left:49%;top:8%;bottom:8%;width:3px;background:linear-gradient(var(--sl-cyan),var(--sl-violet),var(--sl-magenta));box-shadow:0 0 22px rgba(119,104,232,.4)}.sl-spine::before{content:"STORY SPINE";position:absolute;left:1rem;top:41%;color:#a6a0be;font-size:.52rem;font-weight:900;letter-spacing:.14em;white-space:nowrap;transform:rotate(90deg);transform-origin:left top}.sl-source{position:absolute;left:7%;top:18%;width:31%;min-height:210px;padding:1rem;border:1px solid var(--sl-line);background:#141720}.sl-source small{color:var(--sl-cyan);font-size:.52rem;letter-spacing:.12em}.sl-source strong{display:block;margin:2.7rem 0 .75rem;font:850 1.65rem/1.05 var(--sl-ui);letter-spacing:-.045em;word-break:keep-all}.sl-source p{color:#8d929d;font-size:.7rem;line-height:1.6;word-break:keep-all}.sl-spine-card{position:absolute;left:37%;top:38%;width:25%;min-height:190px;padding:1rem;background:#eceae4;color:#181820;box-shadow:0 25px 55px rgba(0,0,0,.28);transform:rotate(-2deg)}.sl-spine-card small{font-size:.52rem;letter-spacing:.12em;color:#77727c}.sl-spine-card strong{display:block;margin:2.6rem 0 .6rem;font:850 1.6rem/1.05 var(--sl-ui);letter-spacing:-.05em;word-break:keep-all}.sl-spine-card p{font-size:.67rem;line-height:1.55;color:#5c5961}.sl-edition{position:absolute;width:180px;min-height:112px;padding:.8rem;border:1px solid var(--sl-line);background:#12151d;color:#efedf0;box-shadow:0 15px 34px rgba(0,0,0,.22)}.sl-edition small{display:block;color:#9c96c6;font-size:.48rem;letter-spacing:.1em}.sl-edition strong{display:block;margin:1.5rem 0 .3rem;font-size:.85rem;line-height:1.25;word-break:keep-all}.sl-e1{right:7%;top:10%;border-top:3px solid var(--sl-cyan)}.sl-e2{right:14%;top:31%;border-top:3px solid var(--sl-violet)}.sl-e3{right:5%;top:53%;border-top:3px solid var(--sl-magenta)}.sl-e4{right:20%;bottom:7%;border-top:3px solid #c0c3cc}.sl-thread{position:absolute;height:1px;transform-origin:left;background:linear-gradient(90deg,var(--sl-violet),rgba(119,104,232,.1))}.sl-t1{left:59%;top:47%;width:290px;transform:rotate(-46deg)}.sl-t2{left:59%;top:49%;width:240px;transform:rotate(-12deg)}.sl-t3{left:59%;top:51%;width:300px;transform:rotate(24deg);background:linear-gradient(90deg,var(--sl-magenta),rgba(207,102,142,.1))}.sl-t4{left:59%;top:53%;width:230px;transform:rotate(48deg);background:linear-gradient(90deg,var(--sl-silver),rgba(183,187,197,.1))}.sl-trace{position:absolute;left:8%;bottom:10%;padding:.65rem .8rem;border:1px solid rgba(101,184,189,.34);background:#0d181b;color:var(--sl-cyan);font-size:.54rem;font-weight:900;letter-spacing:.1em}.sl-loom-label{position:absolute;right:1rem;bottom:1rem;color:#656a74;font-size:.52rem;letter-spacing:.13em;text-transform:uppercase}
.sl-index{padding:clamp(4rem,7vw,7rem) clamp(1rem,5vw,5rem);background:var(--sl-paper);color:var(--sl-ink)}.sl-index-head{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.46fr);gap:3rem;align-items:end}.sl-index h2{margin:.35rem 0 0;max-width:14ch;font:850 clamp(2.8rem,5vw,5.2rem)/1.04 var(--sl-ui);letter-spacing:-.065em;word-break:keep-all}.sl-index-head>p{margin:0;color:#626773;line-height:1.75;word-break:keep-all}.sl-steps{max-width:1500px;margin:2.6rem auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--sl-paperline)}.sl-step{min-height:225px;padding:1.15rem;background:#faf8f2;display:flex;flex-direction:column;justify-content:space-between}.sl-step:nth-child(2){background:#e6e2fa}.sl-step:nth-child(3){background:#e1eef0}.sl-step:nth-child(4){background:#f0dfe6}.sl-step span{color:#6858d1;font-size:.56rem;font-weight:900;letter-spacing:.1em}.sl-step strong{font:850 clamp(1.35rem,2vw,2.05rem)/1.06 var(--sl-ui);letter-spacing:-.045em;word-break:keep-all}.sl-step p{color:#686d77;font-size:.75rem;line-height:1.55}.sl-footer{display:flex;justify-content:space-between;padding:1rem clamp(1rem,3vw,3rem);border-top:1px solid var(--sl-line);color:#686d77;font-size:.56rem;letter-spacing:.08em;text-transform:uppercase}
/* Story Spine workspace */.sl-work{max-width:1500px;margin:auto;display:grid;grid-template-columns:260px minmax(0,1fr) 320px;min-height:calc(100svh - 66px)}.sl-sources,.sl-trace-panel{padding:2rem 1.2rem;background:#0e1016}.sl-sources{border-right:1px solid var(--sl-line)}.sl-trace-panel{border-left:1px solid var(--sl-line);background:#11131a}.sl-label{margin:0 0 .7rem;color:#a79fff;font-size:.55rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.sl-sources h2,.sl-trace-panel h2{margin:.2rem 0 1.2rem;font:850 1.55rem/1.08 var(--sl-ui);letter-spacing:-.045em;word-break:keep-all}.sl-source-item{padding:.9rem 0;border-top:1px solid var(--sl-line)}.sl-source-item:last-child{border-bottom:1px solid var(--sl-line)}.sl-source-item b{display:block;color:#e9e6ed;font-size:.72rem;line-height:1.45;word-break:keep-all}.sl-source-item p{margin:.35rem 0 0;color:#707783;font-size:.6rem;line-height:1.5}.sl-canvas{min-width:0;padding:clamp(2rem,4vw,4rem);background:radial-gradient(circle at 70% 10%,rgba(119,104,232,.07),transparent 22%),#090b10}.sl-phase{display:none;max-width:960px}.sl-phase.active{display:block}.sl-canvas h1{margin:.25rem 0 1.6rem;max-width:12ch;font:900 clamp(3.5rem,6.6vw,7rem)/.83 var(--sl-display);letter-spacing:-.07em;text-transform:uppercase}.sl-spine-form{padding:1.25rem;border:1px solid var(--sl-line);background:#12151d}.sl-spine-form label{display:block;margin-bottom:.45rem;color:#9096a1;font-size:.62rem;font-weight:800}.sl-spine-form input{width:100%;padding:.85rem;border:1px solid var(--sl-line);background:#090b10;color:#f3f1ec;font:700 1rem var(--sl-ui);outline:none}.sl-spine-form input:focus{border-color:var(--sl-violet)}.sl-spine-form p{color:#7f8691;font-size:.7rem;line-height:1.6;word-break:keep-all}.sl-editions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--sl-line)}.sl-format{min-height:220px;padding:1rem;border:0;background:#11141b;color:#f2f0ec;text-align:left;cursor:pointer}.sl-format:nth-child(2){background:#151522}.sl-format:nth-child(3){background:#11191c}.sl-format:nth-child(4){background:#1c1318}.sl-format[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--sl-violet)}.sl-format small{display:block;color:#8b84bd;font-size:.54rem;letter-spacing:.1em}.sl-format strong{display:block;margin:3.4rem 0 .6rem;font:850 1.45rem/1.06 var(--sl-ui);letter-spacing:-.04em;word-break:keep-all}.sl-format p{color:#7d838e;font-size:.7rem;line-height:1.55}.sl-preview{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--sl-line)}.sl-edition-card{padding:1rem;background:#14171f}.sl-edition-card small{color:#9992d0;font-size:.52rem;letter-spacing:.1em}.sl-edition-card h3{margin:2rem 0 .6rem;font:850 1.4rem/1.08 var(--sl-ui);letter-spacing:-.04em;word-break:keep-all}.sl-edition-card p{color:#858b96;font-size:.7rem;line-height:1.65;word-break:keep-all}.sl-edition-card .trace-line{margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--sl-line);color:var(--sl-cyan);font-size:.57rem;line-height:1.5}.sl-actions-row{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.4rem}.sl-actions-row button{min-height:42px;padding:.6rem .82rem;border:1px solid var(--sl-line);background:transparent;color:#f2f0eb;font-weight:800;cursor:pointer}.sl-actions-row .primary{background:var(--sl-violet);border-color:var(--sl-violet)}.sl-trace-list{display:grid;gap:.7rem}.sl-trace-card{padding:.85rem;border-left:3px solid var(--sl-cyan);background:#151821}.sl-trace-card.changed{border-left-color:var(--sl-magenta)}.sl-trace-card strong{display:block;font-size:.72rem;line-height:1.45;word-break:keep-all}.sl-trace-card p{margin:.4rem 0 0;color:#79808b;font-size:.62rem;line-height:1.55}.sl-master{padding:1.1rem;border:1px solid var(--sl-line);background:#131720}.sl-master strong{display:block;font:850 1.45rem/1.08 var(--sl-ui);letter-spacing:-.04em;word-break:keep-all}.sl-master p{color:#818894;font-size:.7rem;line-height:1.6}.sl-status{min-height:30px;margin-top:1rem;color:#aaa3ff;font-size:.65rem;line-height:1.55}.sl-master-actions{display:grid;gap:.5rem;margin-top:1rem}.sl-master-actions button{min-height:42px;border:1px solid var(--sl-line);background:transparent;color:#f2f0eb;font-weight:800;cursor:pointer}.sl-master-actions .primary{background:var(--sl-violet);border-color:var(--sl-violet)}.sl-master-actions button:disabled{opacity:.4}
/* Guide */.sl-guide-hero{min-height:68svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);border-bottom:1px solid var(--sl-line)}.sl-guide-copy{align-self:end;padding:clamp(4rem,8vw,7rem) clamp(1rem,5vw,5rem)}.sl-guide-copy h1{margin:.3rem 0 1.1rem;max-width:10ch;font:900 clamp(3.7rem,7.4vw,7.4rem)/.84 var(--sl-display);letter-spacing:-.07em;text-transform:uppercase}.sl-guide-copy h1 em{display:block;color:var(--sl-magenta);font-style:normal}.sl-guide-copy p{max-width:650px;color:#9298a2;line-height:1.75;word-break:keep-all}.sl-guide-ledger{padding:clamp(5rem,8vw,7rem) clamp(1rem,4vw,4rem);background:#111521}.sl-guide-ledger div{display:grid;grid-template-columns:2rem 1fr auto;gap:.8rem;padding:1rem 0;border-top:1px solid var(--sl-line)}.sl-guide-ledger span{color:#a9a0ff;font-size:.58rem}.sl-guide-ledger strong{font-size:.68rem;text-transform:uppercase}.sl-guide-ledger small{color:#858b96}.sl-guide-steps{padding:0 clamp(1rem,5vw,5rem);background:var(--sl-paper);color:var(--sl-ink)}.sl-guide-step{max-width:1450px;margin:auto;display:grid;grid-template-columns:5rem minmax(0,1fr) minmax(250px,.55fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(3.5rem,6vw,5.5rem) 0;border-bottom:1px solid var(--sl-paperline)}.sl-guide-step>span{align-self:start;color:var(--sl-violet);font-size:3.2rem;font-weight:900}.sl-guide-step h2{max-width:16ch;margin:.35rem 0 1rem;font:850 clamp(2rem,3.2vw,3.45rem)/1.08 var(--sl-ui);letter-spacing:-.055em;word-break:keep-all}.sl-guide-step p{max-width:650px;color:#636873;line-height:1.75;word-break:keep-all}.sl-guide-card{min-height:175px;padding:1.1rem;background:#faf8f2;border:1px solid var(--sl-paperline);display:flex;flex-direction:column;justify-content:space-between}.sl-guide-card small{font-size:.56rem;letter-spacing:.1em;color:#777c86}.sl-guide-card strong{font:900 clamp(1.45rem,2.5vw,2.8rem)/.95 var(--sl-display);letter-spacing:-.04em;text-transform:uppercase}.sl-guide-card b{color:#6556ce;font-size:.63rem}.sl-guide-finish{padding:clamp(4rem,7vw,7rem) clamp(1rem,5vw,5rem);background:#08090d}.sl-guide-finish h2{max-width:11ch;margin:.4rem 0 1rem;font:900 clamp(3.2rem,6.2vw,6.5rem)/.84 var(--sl-display);letter-spacing:-.065em;text-transform:uppercase}.sl-guide-finish p{max-width:660px;color:#9197a0;line-height:1.7}
@media(max-width:900px){.sl-hero,.sl-guide-hero{grid-template-columns:1fr}.sl-loom{min-height:590px;border-left:0;border-top:1px solid var(--sl-line)}.sl-index-head{grid-template-columns:1fr}.sl-steps{grid-template-columns:1fr 1fr}.sl-work{grid-template-columns:210px minmax(0,1fr)}.sl-trace-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--sl-line)}.sl-trace-list{grid-template-columns:repeat(2,1fr)}.sl-guide-step{grid-template-columns:4rem 1fr}.sl-guide-step>.sl-guide-card{grid-column:2}}
@media(max-width:620px){html,body{max-width:100%;overflow-x:clip}.sl-topbar{position:static;grid-template-columns:34px minmax(0,1fr);padding:.55rem .65rem}.sl-brand{width:34px;overflow:hidden}.sl-brand>span:last-child{display:none}.sl-nav{display:grid;grid-template-columns:1.05fr .8fr .8fr;gap:.04rem;min-width:0}.sl-nav a{min-width:0;padding:.4rem .16rem;text-align:center;font-size:.56rem;white-space:nowrap}.sl-nav a:last-child{display:none}.sl-copy{padding:4rem 1rem 2.4rem}.sl-copy h1{font-size:clamp(3.3rem,15.5vw,4.7rem)}.sl-loom{min-height:520px}.sl-source{left:4%;top:11%;width:42%;min-height:170px}.sl-source strong{margin-top:2rem;font-size:1rem}.sl-source p{font-size:.56rem}.sl-spine-card{left:31%;top:36%;width:39%;min-height:150px}.sl-spine-card strong{margin-top:1.8rem;font-size:1rem}.sl-edition{width:120px;min-height:84px;padding:.55rem}.sl-edition strong{margin-top:.9rem;font-size:.65rem}.sl-e1{right:3%;top:8%}.sl-e2{right:7%;top:28%}.sl-e3{right:3%;top:51%}.sl-e4{right:9%;bottom:5%}.sl-index{padding:4rem 1rem}.sl-index h2{font-size:clamp(2.4rem,11vw,3.4rem)}.sl-steps{grid-template-columns:1fr}.sl-step{min-height:180px}.sl-work{grid-template-columns:1fr}.sl-sources{border-right:0;border-bottom:1px solid var(--sl-line);padding:1rem}.sl-source-stack{display:flex;width:100%;max-width:100%;overflow-x:auto}.sl-source-item{flex:0 0 190px;padding:.8rem;border-top:0;border-right:1px solid var(--sl-line)}.sl-canvas{padding:2rem 1rem}.sl-canvas h1{font-size:clamp(3rem,14vw,4.4rem)}.sl-editions-grid,.sl-preview{grid-template-columns:1fr}.sl-format{min-height:180px}.sl-format strong{margin-top:2.2rem}.sl-trace-panel{grid-column:auto}.sl-trace-list{grid-template-columns:1fr}.sl-guide-copy{padding:4rem 1rem 2.4rem}.sl-guide-copy h1{font-size:clamp(3.1rem,14.7vw,4.5rem)}.sl-guide-ledger{padding:2.5rem 1rem}.sl-guide-ledger div{grid-template-columns:2rem minmax(0,1fr)}.sl-guide-ledger small{grid-column:2}.sl-guide-step{grid-template-columns:1fr;gap:1rem;padding:3rem 0}.sl-guide-step>.sl-guide-card{grid-column:1}.sl-guide-step>span{font-size:2.5rem}.sl-guide-step h2{font-size:clamp(1.9rem,8.6vw,2.6rem)}.sl-guide-finish{padding:4rem 1rem}.sl-guide-finish h2{font-size:clamp(2.9rem,13vw,4.2rem)}}