/* Hallmark   macrostructure: Interactive Studio   tone: sculptural   anchor hue: violet */
@import url('/tokens.css');
@font-face{font-family:'HG Display';src:url('/assets/display.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:'HG Display';src:url('/assets/display-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:'HG Sans';src:url('/assets/body.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--space-24)}body{margin:0;color:var(--color-ink);background:var(--color-paper);font:14px/1.5 var(--font-body)}button,input,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:none;border:1px solid var(--color-line);padding:var(--space-12) var(--space-16);border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}button:hover:not(:disabled){background:var(--color-detail-1);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.5}a[aria-disabled=true]{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}header{min-height:88px;padding:var(--space-20) 3vw;display:flex;align-items:center;gap:var(--space-32);border-bottom:1px solid var(--color-line)}.brand{font-size:25px;letter-spacing:-1px;font-weight:600;display:flex;align-items:center;gap:var(--space-12)}.brand img{border-radius:10px}.brand span{font-size:11px;letter-spacing:0;font-weight:400;margin-left:var(--space-4)}nav{display:flex;gap:var(--space-24);font-size:13px;margin-right:auto}nav a:hover,footer a:hover{text-decoration:underline}.coin{display:flex;gap:var(--space-12);align-items:center}.coin button{font-size:12px;padding:var(--space-12)}.icon{display:flex;align-items:center;gap:var(--space-8);font-size:12px}.icon svg{width:19px;height:19px;fill:currentColor}#connect{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.studio{padding:var(--space-44) 3vw var(--space-16)}.studio-intro{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:var(--space-32);gap:var(--space-24)}h1{font:400 var(--text-display)/.96 var(--font-display);letter-spacing:-.055em;margin:0}h1 em,h2 em{font-weight:400;color:var(--color-accent)}.studio-intro>div{padding:0 var(--space-20) var(--space-4) 0}.studio-intro p{font-size:15px;margin:0 0 var(--space-20)}.studio-intro span{font-size:12px;color:var(--color-muted)}.workbench{display:grid;grid-template-columns:minmax(215px,1fr) minmax(0,2.8fr) minmax(245px,1.1fr);border:1px solid var(--color-line);min-height:570px;background:var(--color-detail-2)}.seed-panel,.story-panel{padding:var(--space-24)}.panel-title{font-size:14px;display:flex;justify-content:space-between;gap:var(--space-12);font-weight:600;border-bottom:1px solid var(--color-line);padding-bottom:var(--space-20)}.panel-title span{color:var(--color-accent);font-size:20px;line-height:1}.seed-panel>p{font-size:13px;color:var(--color-muted);margin:var(--space-20) 0 var(--space-28)}label{display:block;font-size:12px;margin-bottom:var(--space-8)}.input-wrap{display:flex;border:1px solid var(--color-line);border-radius:var(--radius-sm)}input{width:100%;min-width:0;background:transparent;border:0;padding:var(--space-12);font-size:12px;color:var(--color-ink)}.input-wrap button{border:0;padding:var(--space-8) var(--space-12);font-size:24px}.primary{background:var(--color-accent);color:var(--color-cream);border-color:var(--color-accent);width:100%;margin-top:var(--space-12);display:flex;justify-content:space-between;font-size:12px}.primary:hover:not(:disabled){background:var(--color-detail-3)}.seed-note{font-size:11px;line-height:1.6;color:var(--color-muted);margin:var(--space-20) 0 var(--space-36)}.parameters h2{font:500 14px var(--font-body);margin-bottom:var(--space-16)}dl{margin:0}dl div{display:flex;justify-content:space-between;border-top:1px solid var(--color-line);padding:var(--space-8) 0;font-size:12px}dt{color:var(--color-muted)}dd{margin:0;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parameters>p{font-size:11px;color:var(--color-muted);margin:var(--space-20) 0 0}.stage{position:relative;overflow:hidden;background:var(--color-stage);color:var(--color-cream);min-height:570px}.stage:after{content:'';position:absolute;inset:12%;border:1px solid var(--color-detail-4);border-radius:50%;transform:rotate(-22deg) scaleX(.8);pointer-events:none;opacity:.3}.stage-top,.stage-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;z-index:2;gap:var(--space-8)}.stage-top{top:20px;font-size:11px;color:var(--color-detail-5)}.stage-top button{color:inherit;border:0;padding:var(--space-4);font-size:11px}.stage-top button:hover:not(:disabled){background:transparent;color:var(--color-cream)}.stage-bottom{bottom:22px}.stage-bottom>span:first-child{font:italic 36px/1 var(--font-display);letter-spacing:-1px}.stage-bottom>span:last-child{font-size:10px;color:var(--color-detail-6);text-align:right}canvas{display:block;width:100%;height:100%;min-height:570px;position:absolute;inset:0;z-index:1}.stage-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;pointer-events:none;z-index:1}.seed-glyph{font:160px/1 var(--font-display);color:var(--color-detail-7);animation:turn 40s linear infinite}.stage-empty p{font:italic 27px var(--font-display);margin:var(--space-20) 0 var(--space-8)}.stage-empty small{font-size:11px;color:var(--color-detail-6)}[hidden]{display:none!important}.story-panel h2{font:italic 33px/1.06 var(--font-display);letter-spacing:-1px;margin:var(--space-24) 0 var(--space-16)}.story-panel>p{font-size:13px;color:var(--color-muted);margin-bottom:var(--space-20)}.chain-proof{font-size:11px;color:var(--color-muted);padding:var(--space-12) 0;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}.chain-proof a{text-decoration:underline}.interactions h3{font-size:13px;font-weight:500;margin:var(--space-20) 0 var(--space-4)}.interactions>p{font-size:11px;color:var(--color-muted);margin:0 0 var(--space-12)}.interactions button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-bottom:1px solid var(--color-line);padding:var(--space-12) 0;border-radius:0;font-size:13px}.interactions button small{font-size:10px;color:var(--color-muted)}#publish{width:100%;font-size:12px;margin-top:var(--space-20)}#sync{width:100%;font-size:11px;margin-top:var(--space-8)}.status{font-size:12px;color:var(--color-muted);min-height:20px;margin:var(--space-12) 0}.community{padding:var(--space-64) 3vw var(--space-72);background:var(--color-ink);color:var(--color-paper);margin-top:var(--space-24)}.community-heading{display:flex;gap:var(--space-40);align-items:flex-end;margin-bottom:var(--space-40)}.community h2,.about h2{font:400 clamp(42px,4vw,74px)/1 var(--font-display);letter-spacing:-.04em;margin:0}.community h2 em{color:var(--color-detail-8)}.community-heading p{font-size:13px;color:var(--color-detail-9);margin:0 0 var(--space-8)}.community-heading button{margin-left:auto;color:inherit;border-color:var(--color-detail-10);font-size:12px}.wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-20)}.wall>p{font:italic 24px var(--font-display);color:var(--color-detail-11);grid-column:1/-1;border-top:1px solid var(--color-detail-12);padding:var(--space-40) 0}.wall-item{min-width:0}.wall-art{position:relative;background:var(--color-stage);aspect-ratio:1;overflow:hidden}.wall-art canvas{min-height:0}.wall-item h3{font:italic 24px var(--font-display);margin:var(--space-16) 0 var(--space-4)}.wall-item p{font-size:11px;color:var(--color-detail-13);margin:0}.about{display:grid;grid-template-columns:.65fr 1.5fr 1fr;gap:var(--space-48);align-items:start;padding:var(--space-92) 3vw}.about-mark img{width:120px;height:120px;border-radius:24px;transform:rotate(-9deg)}.about-copy p{font-size:13px;color:var(--color-muted);margin:0 0 var(--space-20)}footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-24);padding:var(--space-28) 3vw;border-top:1px solid var(--color-line);font-size:12px;color:var(--color-muted)}@keyframes turn{to{transform:rotate(360deg)}}@media(min-width:1900px){.workbench{min-height:660px}.stage,canvas{min-height:660px}.seed-panel,.story-panel{padding:var(--space-32)}.seed-panel>p,.story-panel>p{font-size:15px}.story-panel h2{font-size:42px}.studio{padding-top:var(--space-52)}.studio-intro{padding-bottom:var(--space-40)}.parameters{margin-top:var(--space-52)}}@media(max-width:1150px){header{flex-wrap:wrap;gap:var(--space-16)}nav{margin-left:auto;margin-right:0}.coin{margin-left:auto}.workbench{grid-template-columns:200px minmax(0,1fr)}.story-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12) var(--space-32)}.story-panel .panel-title{grid-column:1/-1}.story-panel h2{margin:var(--space-12) 0}.story-panel .interactions{grid-column:2;grid-row:2/6}.story-panel>p{margin:0}.story-panel #publish{grid-column:2}.stage-bottom{flex-wrap:wrap}.studio-intro p br{display:none}.studio-intro>div{max-width:260px}.about{grid-template-columns:.5fr 1fr}.about-copy{grid-column:2}.wall{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){header{padding:var(--space-16) 5vw;gap:var(--space-16)}.brand{font-size:23px}nav{font-size:11px;gap:var(--space-16)}nav a:last-child{display:none}.coin{width:100%;margin:0;justify-content:space-between;gap:var(--space-8)}.coin button{font-size:10px;padding:var(--space-8)}.brand span{font-size:10px}.studio{padding:var(--space-32) 5vw var(--space-12)}.studio-intro{display:block;padding-bottom:var(--space-24)}h1{font-size:52px}.studio-intro>div{max-width:none;margin-top:var(--space-20);padding:0}.studio-intro p{font-size:13px;margin-bottom:var(--space-8)}.workbench{display:flex;flex-direction:column}.seed-panel{padding:var(--space-20)}.seed-panel>p{margin:var(--space-12) 0 var(--space-20)}.seed-note{margin:var(--space-12) 0 0}.parameters{margin-top:var(--space-24)}.parameters dl{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-20)}.parameters>p{display:none}.stage{min-height:450px;order:-1}canvas{min-height:450px}.stage-bottom>span:first-child{font-size:30px}.stage-bottom>span:last-child{font-size:9px;max-width:95px}.stage-top,.stage-bottom{left:18px;right:18px}.story-panel{display:block;padding:var(--space-20)}.story-panel .interactions{margin-top:var(--space-20)}.story-panel h2{font-size:36px;margin:var(--space-20) 0 var(--space-12)}.story-panel>p{margin-bottom:var(--space-20)}.chain-proof{margin:var(--space-20) 0}.community{padding:var(--space-40) 5vw}.community-heading{display:block;margin-bottom:var(--space-28)}.community h2,.about h2{font-size:43px}.community-heading p{margin:var(--space-20) 0}.community-heading button{margin:0}.wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-24) var(--space-12)}.wall-item h3{font-size:21px}.wall-item p{font-size:10px}.about{padding:var(--space-48) 5vw;display:block}.about-mark img{width:64px;height:64px;border-radius:14px;margin-bottom:var(--space-32)}.about-copy{margin-top:var(--space-28)}footer{padding:var(--space-24) 5vw;flex-wrap:wrap}footer>span{order:3;width:100%}.status{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
a,button{white-space:nowrap}a:active{opacity:.75}h1,h2{min-width:0}.icon svg{pointer-events:none}@media(max-width:360px){h1{font-size:44px}.brand span{display:none}nav{gap:var(--space-12)}.coin{gap:var(--space-8)}.coin button{padding:var(--space-8) var(--space-8)}}