/* Generated editorial art, three native palettes. Original vector fallback retained. */
html[data-portfolio-theme=porcelain]{--project-atlas:url('assets/project-art/porcelain-atlas.png')}
html[data-portfolio-theme=graphite]{--project-atlas:url('assets/project-art/graphite-atlas.png')}
html[data-portfolio-theme=berry]{--project-atlas:url('assets/project-art/berry-atlas.png')}
.theme-project-art.has-generated-cover{height:auto;aspect-ratio:2/1;background-image:var(--project-atlas);background-size:300% 200%;background-position:var(--tile-x,100%) var(--tile-y,100%);background-repeat:no-repeat;isolation:isolate;border-color:color-mix(in srgb,var(--t-accent) 15%,var(--t-line));transition:box-shadow .35s}
.theme-project-art.has-generated-cover>svg,.theme-project-art.has-generated-cover>span,.theme-project-art.has-generated-cover>small{display:none}
.theme-project-art.has-generated-cover:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(160deg,#ffffff20,transparent 50%);box-shadow:inset 0 0 0 1px #ffffff12}
html[data-portfolio-theme] .agent-focused .project-card:hover .has-generated-cover{box-shadow:0 5px 24px var(--t-glow)}
.generated-cover-note{display:flex;align-items:center;gap:10px;margin:-8px 0 22px;font:9px/1.8 var(--sans);color:var(--t-muted)}
.generated-cover-note:before{content:'◈';color:var(--t-accent);font-size:13px}
.theme-lab>summary{gap:16px}.theme-lab>summary:before{content:'';display:block;width:84px;aspect-ratio:2/1;background-image:var(--project-atlas);background-size:300% 200%;background-position:0 0;border:1px solid var(--t-line);border-radius:4px;flex:none}
.theme-lab>summary>span:first-of-type{margin-right:auto}
html[data-portfolio-theme] .agent-focused .focus-stack{gap:7px}
.focus-stack span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--t-line);border-radius:3px;background:var(--t-panel);box-shadow:0 3px 10px var(--t-glow)}
html[data-portfolio-theme] .focus-stack span+span:before{content:none}
.focus-stack span:after{content:'';width:3px;height:3px;display:inline-block;background:var(--t-accent);border-radius:50%;margin-left:3px;box-shadow:0 0 5px var(--t-glow)}
html[data-portfolio-theme] .focus-primary{background:linear-gradient(135deg,color-mix(in srgb,var(--t-accent) 85%,white),var(--t-accent));border-color:color-mix(in srgb,var(--t-accent) 70%,var(--t-on))}
html[data-portfolio-theme] .focus-step.is-active .step-n:after{content:'';position:absolute;inset:-6px;border:1px solid var(--t-accent);border-radius:50%;opacity:.35;animation:art-state-ring 2.2s ease-out infinite;pointer-events:none}
@keyframes art-state-ring{0%{scale:.8;opacity:.5}90%,100%{scale:1.3;opacity:0}}
.kinetic-letter-field canvas.signature-flow-canvas{z-index:2;opacity:1;mix-blend-mode:screen;pointer-events:none}
.kinetic-letter-field{--flow-scale:1}
.kinetic-letter-field canvas.signature-flow-canvas{width:calc(100% * var(--flow-scale))}
@media(min-width:851px){.kinetic-letter-field{width:90%;--flow-scale:1.111111}}
.kinetic-signature:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 55%,#ffffff0d,transparent 65%)}
html[data-portfolio-theme=berry] .kinetic-signature{background:radial-gradient(ellipse at 92% 40%,#ed277e,transparent 60%),linear-gradient(115deg,#a91652,#c82063 60%,#bd1858)}
@media(max-width:600px){.generated-cover-note{font-size:9px;line-height:1.7}.theme-lab>summary{gap:10px}.theme-lab>summary:before{width:57px}.theme-lab>summary strong{font-size:13px}.focus-stack span{padding:4px 6px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.kinetic-letter-field canvas.signature-flow-canvas{display:none}.focus-step.is-active .step-n:after{animation:none;opacity:.25}.theme-project-art.has-generated-cover{transition:none}}