/* Work-led composition within the shared shell. No homepage artwork is replaced. */
.output-workbench{max-width:1240px;margin:0 auto 80px}
.output-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 0 30px}
.output-intro>p:first-child{max-width:570px;color:#c9bda5;font-size:17px}
.output-intro .hand{font:27px/1.2 Caveat,cursive;color:#bfa77e;transform:rotate(-3deg)}
.showcase-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;margin-bottom:36px;border-top:1px solid #8b795942;border-bottom:1px solid #8b795942;font:11px var(--mono)}
.showcase-controls[hidden],.showcase-chapter[hidden]{display:none}
.showcase-controls>div{display:flex;flex-wrap:wrap;gap:8px}
.showcase-controls button{border:0;background:transparent;color:#c9bda5;padding:9px 12px;font:11px var(--mono)}
.showcase-controls button[aria-pressed=true]{background:#e1d1b1;color:#251d12;box-shadow:inset 0 -2px var(--red)}
#workCount{white-space:nowrap;color:#b5a589}
.showcase-chapter{margin:0 0 90px;scroll-margin-top:24px}
.study-number{font:10px/1.7 var(--mono);letter-spacing:.06em;color:#c9ab77;margin-bottom:16px}
.showcase-chapter h2{font:48px/1.08 Condensed,sans-serif;text-transform:uppercase}
.showcase-chapter h3{font:32px/1.1 Condensed,sans-serif;text-transform:uppercase}
.showcase-chapter p{margin-bottom:18px}
.showcase-chapter .study-number{margin-bottom:16px}
.sharkie-chapter{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:26px;align-items:center}
.recording-monitor{background:radial-gradient(ellipse at 50% 70%,#173c3e55,transparent 65%),#080d0d;box-shadow:inset 0 0 0 1px #88755180,7px 9px 0 #0005;transform:rotate(-.4deg)}
.monitor-label,.monitor-caption{display:flex;gap:20px;justify-content:space-between;font:10px/1.5 var(--mono);color:#bdb093;padding:16px 19px}
.monitor-label{border-bottom:1px solid #88755155}
.monitor-label i{color:var(--red);font-style:normal;margin-right:8px}
.recording-monitor video{display:block;width:100%;height:365px;object-fit:contain}
.showcase-chapter .monitor-caption{margin-bottom:0}
.monitor-caption>span{color:#799fa0;font-size:9px}
.field-notes{padding:33px 36px 30px;transform:rotate(.8deg)}
.field-notes h2{font:55px/1 "Amatic SC",Condensed,sans-serif;font-weight:700;margin-bottom:20px}
.field-notes .study-number,.ester-note .study-number{color:#975d32}
.field-notes .hand{font:30px/1.05 Caveat,cursive;color:#a53c25;transform:rotate(-5deg);margin:22px 0 0 60px}
.study-tags{display:flex;flex-wrap:wrap;gap:8px;font:9px var(--mono);margin:20px 0}
.study-tags span{border:1px solid #84664d66;padding:4px 6px}
.study-link{font:12px/1.7 var(--mono);color:var(--cyan);text-decoration:underline;text-underline-offset:4px}
.sharkie-evidence{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:26px;align-items:start;margin-top:15px}
.study-print{display:block;position:relative;background:#0b1010;color:#d5c39e}
.study-print img{display:block;width:100%;height:100%;object-fit:contain}
.study-print>span{position:absolute;right:0;bottom:0;padding:5px 9px;background:#080a09e8;font:9px/1.5 var(--mono);color:#d5c39e}
.source-evidence .study-print,.pet-evidence video{width:100%;height:250px;object-fit:contain;background:#0a1111;border:1px solid #88755155}
.showcase-chapter figure{margin:0;min-width:0}
.showcase-chapter figcaption{padding-top:12px;font:10px/1.6 var(--mono);color:#baaa8d}
.showcase-chapter figcaption b,.showcase-chapter figcaption span{display:block}
.showcase-chapter figcaption b{color:#e5d3af;margin-bottom:4px}
.process-note{padding:4px 12px 0 8px;font-size:14px}
.process-note h3{margin-bottom:14px}
.saved-chain{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font:9px/1.5 var(--mono);margin:20px 0}
.saved-chain span{border:1px solid #4c929780;color:#9fc4c4;padding:5px;background:#12303380}
.saved-chain i{font-style:normal;color:#b95b3b}
.source-note{font:11px/1.7 var(--mono);color:#a99c82}
.process-note details{font:11px/1.7 var(--mono);border-top:1px solid #8b795955;padding-top:14px}
.process-note summary{cursor:pointer;color:var(--cyan)}
.saved-nodes{list-style:none;padding:0;margin:15px 0;display:grid;gap:6px}
.saved-nodes li{display:flex;gap:10px;overflow-wrap:anywhere}
.saved-nodes code{width:22px;flex-shrink:0;color:#c39365}
.process-note details a{display:block;color:var(--cyan);margin:12px 0;text-decoration:underline}
.chapter-heading{display:flex;gap:30px;justify-content:space-between;align-items:end;margin-bottom:30px}
.chapter-heading>p{max-width:430px;color:#c6b89c;font-size:15px}
.character-assembly{display:grid;grid-template-columns:1fr 1fr .9fr;gap:24px;align-items:start}
.character-source{transform:rotate(-.7deg)}
.character-source .study-print{background:#eee8dc;padding:12px;height:415px;box-shadow:3px 5px 0 #0005}
.character-model{margin-top:24px!important;transform:rotate(.6deg)}
.character-model .study-print{height:391px;background:#101312;border:1px solid #82745e}
.ester-note{padding:27px 28px;transform:rotate(-.6deg);margin-top:45px}
.ester-note h3{margin-bottom:18px}
.ester-note .study-print{aspect-ratio:1.2;height:auto;margin-bottom:22px}
.ester-note p{font-size:13px;line-height:1.7}
.ester-note .source-note{color:#6f5940;font:10px/1.6 var(--mono)}
.sprite-chapter{background:linear-gradient(#08232350,transparent);padding:35px 30px 25px;border-top:1px solid #466e6555}
.sprite-sheets{display:grid;grid-template-columns:1fr;gap:25px;margin:35px 0}
.sprite-sheets figure{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:35px}
.sprite-sheets figcaption{padding:0}
.sprite-sheets figcaption b{font:28px Condensed,sans-serif;text-transform:uppercase}
.sprite-sheets .study-print{background:transparent;border-bottom:1px dashed #8b79594d;padding-bottom:15px}
.pixel-print img{height:auto;image-rendering:pixelated}
.pixel-print>span{position:static;display:block;text-align:right;background:transparent;padding-top:8px}
.signal-chapter{display:grid;grid-template-columns:1.8fr 1fr;gap:40px;align-items:center}
.signal-chapter figure{transform:rotate(-.8deg)}
.signal-chapter figure .study-print{border:1px solid #876c5255}
.signal-chapter article{padding:15px}
.signal-chapter h2{margin-bottom:18px}
.signal-chapter .hand{font:30px/1.15 Caveat,cursive;color:#bea075;transform:rotate(-5deg);margin:25px 0}
.output-next{padding:26px 35px;margin:0 100px -10px;display:flex;align-items:center;justify-content:space-between;gap:25px;transform:rotate(.3deg)}
.output-next .hand{font:30px/1.2 Caveat,cursive;color:#7d3d2a}
.output-next a{font:12px var(--mono)}
.art-viewer{width:min(1100px,calc(100% - 32px));max-width:none;padding:28px;max-height:94vh}
.art-viewer h2{padding-right:40px}
.art-viewer img{display:block;width:100%;max-height:65vh;object-fit:contain;background:#0b1010}
.art-viewer img.pixel-art{image-rendering:pixelated}
.art-viewer p{margin:20px 0 12px;font-size:14px;line-height:1.6}
.art-viewer a{color:var(--cyan);font:11px var(--mono);text-decoration:underline}
.art-viewer .close{padding:2px 10px;background:#101312;border:1px solid #8b795980;color:var(--ivory)}
@media(max-width:1400px){.output-workbench{max-width:calc(100% - 96px)}}
@media(max-width:1100px){.sharkie-chapter{grid-template-columns:1.35fr 1fr;gap:20px}.field-notes{padding:28px}.field-notes .hand{margin-left:15px}.sharkie-evidence{grid-template-columns:1fr 1fr}.process-note{grid-column:1/-1;max-width:760px;padding:10px 0}.character-assembly{grid-template-columns:1fr 1fr}.ester-note{grid-column:1/-1;max-width:600px;margin:25px 0 0 70px}.ester-note .study-print{width:55%;float:left;margin-right:24px}.ester-note::after{content:"";display:block;clear:both}.signal-chapter{grid-template-columns:1.5fr 1fr;gap:20px}.output-next{margin:0 35px}.chapter-heading h2{font-size:43px}}
@media(max-width:760px){.output-workbench{max-width:calc(100% - 36px);margin-bottom:60px}.output-intro{display:block;padding:0 8px}.output-intro .hand{margin:20px 0 30px}.showcase-controls{display:block;padding:10px 0;margin-bottom:30px}.showcase-controls button{font-size:10px;padding:10px 8px}.showcase-controls>div{gap:4px}.showcase-controls #workCount{display:block;margin:13px 8px 0;font-size:10px}.showcase-chapter{margin-bottom:65px}.sharkie-chapter{display:block}.recording-monitor{transform:none;margin-bottom:30px}.recording-monitor video{height:320px}.monitor-label,.monitor-caption{font-size:9px;padding:14px;gap:10px;flex-wrap:wrap}.field-notes{transform:rotate(.4deg);padding:30px}.sharkie-evidence{display:block;margin-top:35px}.sharkie-evidence figure{margin-bottom:28px}.source-evidence .study-print,.pet-evidence video{height:280px}.process-note{padding:5px 8px}.chapter-heading{display:block;margin-bottom:25px;padding:0 8px}.chapter-heading>p{margin-top:20px}.chapter-heading h2{font-size:40px}.character-assembly{display:block}.character-assembly figure{margin-bottom:28px}.character-source .study-print{height:400px}.character-model{margin-top:0!important}.character-model .study-print{height:365px}.ester-note{margin:40px 0 0;max-width:none;padding:30px}.ester-note .study-print{width:100%;float:none;margin:0 0 22px}.sprite-chapter{padding:25px 12px}.sprite-sheets figure{display:block}.sprite-sheets figcaption{margin-bottom:15px}.sprite-sheets{gap:35px}.sprite-sheets figcaption b{font-size:26px}.signal-chapter{display:block}.signal-chapter article{padding:28px 8px 0}.output-next{margin:0;padding:28px;display:block}.output-next .hand{margin-bottom:18px;font-size:28px}.art-viewer{padding:22px 18px}.art-viewer h2{font-size:23px}}
@media(max-width:360px){.recording-monitor video{height:270px}.field-notes,.ester-note{padding:27px 24px}.character-source .study-print{height:350px}.character-model .study-print{height:320px}}