.bones-bar{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.4rem;display:flex}.bones-legend{flex-wrap:wrap;gap:.8rem;font-size:.8rem;font-weight:700;display:none}.bones-bar.legend-on .bones-legend{display:inline-flex}.bl{background:var(--bg);border:2px dashed;padding:.05rem .45rem}.bl-spread{border-color:var(--acc-violet)}.bl-col{border-color:var(--acc-blue)}.bl-carve{border-color:var(--acc-coral)}.bl-shot{border-color:var(--acc-green)}.bl-keep{border-color:var(--acc-coral);background:repeating-linear-gradient(45deg, var(--bg) 0 6px, color-mix(in oklab, var(--acc-coral) 35%, var(--bg)) 6px 8px)}.bl-p{border-color:var(--muted,#888)}.demo-tools{top:calc(var(--head-h,60px) + .45rem);z-index:30;background:var(--bg);border:3px solid var(--line);box-shadow:4px 4px 0 var(--shadow);border-radius:14px;flex-wrap:wrap;align-items:center;gap:.5rem 1.1rem;margin-bottom:1.1rem;padding:.5rem .85rem;display:flex;position:sticky}.demo-tools label{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.45rem;font-size:.7rem;font-weight:900;display:inline-flex}.demo-tools input[type=range]{width:88px;accent-color:var(--acc-coral)}.demo-tools output{min-width:5ch;font-family:ui-monospace,monospace;font-size:.7rem;font-weight:700}.demo-tools .reset-chip{padding:.18rem .55rem;font-size:1.05rem;line-height:1}.bone-layer{pointer-events:none;z-index:5;position:absolute;inset:0}.bone-tag{white-space:nowrap;color:#fffbf2;background:#1a1626;border-radius:4px;padding:0 5px;font-family:ui-monospace,monospace;font-size:.62rem;font-weight:700;line-height:1.5;position:absolute;transform:translateY(-55%)}.bone-tag.bt-col{background:var(--acc-blue)}.bone-tag.bt-carve{background:var(--acc-coral)}.bone-tag.bt-shot{background:var(--acc-green);color:#1a1626}.bone-tag.bt-spread{transform:translateY(-120%)}.demo[data-bones] .spread{border-style:dashed;border-color:var(--acc-violet)!important}.demo[data-bones] .col{outline:2px dashed var(--acc-blue);outline-offset:-2px}.demo[data-bones] .carve{outline:2px dashed var(--acc-coral);outline-offset:-2px;background:repeating-linear-gradient(45deg, transparent 0 6px, color-mix(in oklab, var(--acc-coral) 30%, transparent) 6px 8px)}.demo[data-bones] .faux-shot{outline:3px dashed var(--acc-green);outline-offset:4px}.demo[data-bones] .spread p{outline:1px dashed var(--muted,#888);outline-offset:-1px}.bone-shape{pointer-events:none;z-index:5;background:repeating-linear-gradient(45deg, transparent 0 6px, color-mix(in oklab, var(--acc-coral) 35%, transparent) 6px 8px);position:absolute}.bone-hands{pointer-events:none;z-index:6;position:absolute}.grab{width:15px;height:15px;box-shadow:1.5px 1.5px 0 var(--shadow);z-index:6;pointer-events:auto;touch-action:none;transition:transform .15s var(--spring);background:#fffbf2;border:2.5px solid #1a1626;border-radius:50%;position:absolute}.grab:hover{transform:scale(1.35)}.grab[data-h=n]{cursor:ns-resize;margin-left:-8px;top:-8px;left:50%}.grab[data-h=s]{cursor:ns-resize;margin-left:-8px;bottom:-8px;left:50%}.grab[data-h=w]{cursor:ew-resize;margin-top:-8px;top:50%;left:-8px}.grab[data-h=e]{cursor:ew-resize;margin-top:-8px;top:50%;right:-8px}.grab[data-h=nw]{cursor:nwse-resize;top:-8px;left:-8px}.grab[data-h=se]{cursor:nwse-resize;bottom:-8px;right:-8px}.grab[data-h=ne]{cursor:nesw-resize;top:-8px;right:-8px}.grab[data-h=sw]{cursor:nesw-resize;bottom:-8px;left:-8px}.grab.grab-ring{background:var(--acc-coral)}.demo{margin-top:3.2rem}.demo-head{margin-bottom:1.2rem}.demo-head h3{font-family:var(--display);margin:.6rem 0 .3rem;font-size:1.5rem;font-weight:900}.demo-head p{max-width:46rem;margin:0}.spread{background:var(--bg);border:3px solid var(--line);box-shadow:6px 6px 0 var(--shadow);border-radius:18px;padding:1.6rem 1.8rem;line-height:1.55;position:relative}.spread p{margin:0 0 .9em}.dropcap:first-letter{font-family:var(--display);float:left;color:var(--acc-coral);padding:.04em .12em 0 0;font-size:3.1em;font-weight:900;line-height:.82}.faux-shot{background:var(--f,var(--fill-yellow));box-shadow:5px 5px 0 var(--shadow);color:#1a1626;text-align:center;touch-action:none;user-select:none;border:3px solid #1a1626;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;margin:0;padding:.6rem;display:flex;position:relative}.faux-shot span{font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;font-size:1.05rem;font-weight:900}.faux-shot figcaption{font-size:.72rem;font-weight:700}.shot-corner{float:right;width:var(--d1-w,44%);height:var(--d1-h,auto);aspect-ratio:4/3;margin:.2rem 0 var(--d1-sv,14px) var(--d1-sh,22px);transform:rotate(var(--d1-tilt,2deg));shape-outside:polygon(6% 0%, 100% 4%, 96% 100%, 0% 94%)}.spread-center{grid-template-columns:1fr 1fr;column-gap:2.4rem;display:grid}.spread-center .col{min-width:0}.carve{display:block}.carve-l{float:right}.carve-r{float:left}.shot-center{width:240px;position:absolute;top:120px;left:50%;transform:translate(-50%)rotate(-2deg)}.spread-news{columns:var(--d3-cols,2);column-gap:var(--d3-gap,38px);column-rule:2px dotted var(--line)}.shot-span{column-span:all;aspect-ratio:16/5;margin:1.1rem auto 1.3rem;transform:rotate(-.6deg)}.spread-drag{touch-action:none;min-height:30rem}.shot-drag{aspect-ratio:4/3;cursor:grab;z-index:1;position:absolute;top:6rem;left:55%;transform:rotate(1.5deg)}.shot-drag:active{cursor:grabbing}@media (width<=720px){.spread-center{grid-template-columns:1fr}.carve{display:none}.shot-center{margin:1rem auto;position:static;transform:rotate(-2deg);width:min(280px,80%)!important;height:auto!important}.spread-news{columns:1}}