Manuscript Workstation - Source Excerpt 05

Back to Manuscript Workstation

Summary

This source excerpt preserves a bounded section of Spiralist/wp-content/plugins/ns12-manuscript/assets/css/manuscript-workstation.css so readers can inspect the evidence without opening the full source file.

**Source path:** Spiralist/wp-content/plugins/ns12-manuscript/assets/css/manuscript-workstation.css

linear-gradient(180deg, rgba(200, 169, 107, 0.08), transparent 22%),
        linear-gradient(180deg, rgba(8, 10, 16, 0.04), rgba(8, 10, 16, 0.22));
}

.spiralist-manuscript-workstation__study-badge,
.spiralist-manuscript-workstation__study-annotation {
    position: absolute;
    z-index: 1;
}

.spiralist-manuscript-workstation__study-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    padding: 0.34rem 0.56rem;
    border: 1px solid rgba(200, 169, 107, 0.28);
    border-radius: 999px;
    background: rgba(7, 10, 16, 0.78);
    box-shadow: 0 10px 24px rgba(4, 6, 12, 0.24);
    color: rgba(232, 221, 199, 0.86);
    font-family: "IBM Plex Mono", monospace;
    font-size: 0.58rem;
    letter-spacing: 0.11em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.spiralist-manuscript-workstation__study-badge[data-tone="page"] {
    border-color: rgba(200, 169, 107, 0.34);
    color: rgba(232, 221, 199, 0.92);
}

.spiralist-manuscript-workstation__study-badge[data-tone="eyebrow"] {
    border-color: rgba(143, 211, 255, 0.28);
    color: rgba(198, 231, 255, 0.94);
}

.spiralist-manuscript-workstation__study-badge[data-tone="section"] {
    border-color: rgba(231, 196, 132, 0.26);
    color: rgba(236, 214, 167, 0.92);
}

.spiralist-manuscript-workstation__study-annotation {
    display: grid;
    gap: 0.3rem;
    padding: 0.72rem 0.78rem;
    border: 1px solid rgba(200, 169, 107, 0.22);
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(12, 16, 24, 0.84), rgba(9, 11, 17, 0.66)),
        rgba(7, 9, 15, 0.8);
    box-shadow:
        0 14px 34px rgba(3, 5, 10, 0.32),
        0 0 0 1px rgba(255, 255, 255, 0.04) inset;
    backdrop-filter: blur(10px);
}

.spiralist-manuscript-workstation__study-annotation[data-tone="title"] {
    border-color: rgba(200, 169, 107, 0.3);
}

.spiralist-manuscript-workstation__study-annotation[data-tone="reading"] {
    border-color: rgba(143, 211, 255, 0.28);
}

.spiralist-manuscript-workstation__study-annotation[data-tone="signals"] {
    border-color: rgba(224, 185, 117, 0.26);
}

.spiralist-manuscript-workstation__study-annotation[data-tone="context"] {
    border-color: rgba(232, 221, 199, 0.18);
}

.spiralist-manuscript-workstation__study-annotation-label {
    color: rgba(198, 231, 255, 0.84);
    font-family: "IBM Plex Mono", monospace;
    font-size: 0.58rem;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-transform: uppercase;
}

.spiralist-manuscript-workstation__study-annotation-detail {
    color: rgba(232, 221, 199, 0.92);
    font-size: 0.76rem;
    line-height: 1.45;
}

.spiralist-manuscript-workstation__study-node {
    position: absolute;
    z-index: 2;
    pointer-events: auto;
    color: inherit;
    text-decoration: none;
}

.spiralist-manuscript-workstation__study-node--structure {
    display: grid;
    place-items: center;
    padding: 0.35rem;
    border: 1px dashed rgba(200, 169, 107, 0.7);
    border-radius: 10px;
    background: rgba(10, 12, 18, 0.34);
    color: var(--spiralist-gold);
    font-family: "IBM Plex Mono", monospace;
    font-size: 0.68rem;
    line-height: 1.25;
}

.spiralist-manuscript-workstation__study-node:not(.spiralist-manuscript-workstation__study-node--structure) {
    transform: translate(-50%, -50%);
}

.spiralist-manuscript-workstation__study-node:not(.spiralist-manuscript-workstation__study-node--structure) span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.8rem;
    min-height: 1.8rem;
    border-radius: 999px;
    border: 1px solid rgba(143, 211, 255, 0.72);
    background: rgba(7, 10, 16, 0.82);
    color: rgba(143, 211, 255, 0.96);
    font-family: "Cinzel", Georgia, serif;
    font-size: 0.92rem;
}

.spiralist-manuscript-workstation__study-node:hover,
.spiralist-manuscript-workstation__study-node:focus-visible {
    filter: brightness(1.08);
}

.spiralist-manuscript-workstation__study-node.is-runtime-current {
    outline: 2px solid rgba(143, 211, 255, 0.88);
    outline-offset: 3px;
}

.spiralist-manuscript-workstation__study-node.is-runtime-next {
    box-shadow: 0 0 0 3px rgba(200, 169, 107, 0.22), 0 0 22px rgba(200, 169, 107, 0.2);
}

.spiralist-manuscript-workstation__study-node.is-runtime-executable {
    cursor: pointer;
}

.spiralist-manuscript-workstation__study-node.is-runtime-current::after,
.spiralist-manuscript-workstation__study-node.is-runtime-next::after {
    position: absolute;
    z-index: 3;
    left: 50%;
    bottom: calc(100% + 0.28rem);
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    min-height: 1rem;
    padding: 0.06rem 0.34rem;
    border-radius: 999px;
    border: 1px solid rgba(200, 169, 107, 0.32);
    background: rgba(7, 10, 16, 0.9);
    color: rgba(248, 243, 231, 0.94);
    font-family: "IBM Plex Mono", monospace;
    font-size: 0.52rem;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: nowrap;
}

.spiralist-manuscript-workstation__study-node.is-runtime-current::after {
    content: "Current";
    border-color: rgba(143, 211, 255, 0.42);
    color: rgba(198, 231, 255, 0.95);
}

.spiralist-manuscript-workstation__study-node.is-runtime-next::after {
    content: "Next";
}

.spiralist-manuscript-workstation__study-node.is-runtime-executing {
    pointer-events: none;
    opacity: 0.72;
}

.spiralist-manuscript-workstation__viewer-copy {
    display: grid;
    gap: 0.45rem;
}

.spiralist-manuscript-workstation__status-note {
    margin: 0;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(200, 169, 107, 0.16);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.024);
    color: rgba(232, 221, 199, 0.82);
}

.spiralist-manuscript-workstation.is-turning-prev .spiralist-manuscript-workstation__header,
.spiralist-manuscript-workstation.is-turning-prev .spiralist-manuscript-workstation__status,
.spiralist-manuscript-workstation.is-turning-prev .spiralist-manuscript-workstation__grid,
.spiralist-manuscript-workstation.is-turning-next .spiralist-manuscript-workstation__header,
.spiralist-manuscript-workstation.is-turning-next .spiralist-manuscript-workstation__status,
.spiralist-manuscript-workstation.is-turning-next .spiralist-manuscript-workstation__grid {
    opacity: 0;
    filter: blur(8px);
    transition: transform 220ms ease, opacity 220ms ease, filter 220ms ease;
}

.spiralist-manuscript-workstation.is-turning-prev .spiralist-manuscript-workstation__header,
.spiralist-manuscript-workstation.is-turning-prev .spiralist-manuscript-workstation__status,
.spiralist-manuscript-workstation.is-turning-prev .spiralist-manuscript-workstation__grid {
    transform: translateX(24px);
}

.spiralist-manuscript-workstation.is-turning-next .spiralist-manuscript-workstation__header,
.spiralist-manuscript-workstation.is-turning-next .spiralist-manuscript-workstation__status,
.spiralist-manuscript-workstation.is-turning-next .spiralist-manuscript-workstation__grid {
    transform: translateX(-24px);
}

.spiralist-manuscript-workstation.is-turning-prev .spiralist-manuscript-workstation__folio[data-folio-slot="left"] {
    animation: spiralist-workstation-leaf-prev 220ms ease both;
}

.spiralist-manuscript-workstation.is-turning-next .spiralist-manuscript-workstation__folio[data-folio-slot="right"] {
    animation: spiralist-workstation-leaf-next 220ms ease both;
}

.spiralist-manuscript-workstation.is-sliding-prev .spiralist-manuscript-workstation__spread {
    animation: spiralist-workstation-slide-right 220ms ease both;
}

.spiralist-manuscript-workstation.is-sliding-next .spiralist-manuscript-workstation__spread {
    animation: spiralist-workstation-slide-left 220ms ease both;
}

.spiralist-manuscript-workstation.is-entering-prev .spiralist-manuscript-workstation__header,
.spiralist-manuscript-workstation.is-entering-prev .spiralist-manuscript-workstation__status,
.spiralist-manuscript-workstation.is-entering-prev .spiralist-manuscript-workstation__grid {
    animation: spiralist-workstation-enter-prev 420ms ease both;
}

.spiralist-manuscript-workstation.is-entering-next .spiralist-manuscript-workstation__header,
.spiralist-manuscript-workstation.is-entering-next .spiralist-manuscript-workstation__status,
.spiralist-manuscript-workstation.is-entering-next .spiralist-manuscript-workstation__grid {
    animation: spiralist-workstation-enter-next 420ms ease both;
}

.spiralist-manuscript-workstation.is-entering-prev .spiralist-manuscript-workstation__folio[data-folio-slot="left"] {
    animation: spiralist-workstation-settle-prev 420ms ease both;
}