/* Additive studio releases use the library's paper, green, serif and rules. */
.creations-section{padding:64px 0 80px;border-top:1px solid var(--hair,#d9d1c1);margin-top:48px}
.creations-section[hidden],.creations-section [hidden],.creation-share [hidden]{display:none!important}
.creations-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}
.creations-heading h2{font:400 clamp(28px,3vw,42px)/1.12 var(--font-display,Georgia,serif);letter-spacing:-.02em;margin:8px 0 14px;color:var(--ink-strong,#16171a)}
.creations-intro{max-width:55ch;color:var(--ink-mute,#5b584f);margin:0;line-height:1.6}
.creation-eyebrow{font:500 10.5px/1.5 var(--font-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--accent,#26654a);margin:0 0 10px}
.creations-search{width:240px;max-width:100%;border:1px solid var(--hair,#d9d1c1);border-radius:0;background:var(--surface-solid,#fdfbf6);padding:12px 14px;font:inherit;color:var(--ink-strong,#16171a)}
.creations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.creation-card{border:1px solid var(--hair,#d9d1c1);background:var(--surface-solid,#fdfbf6);min-width:0}
.creation-card-link{display:block;height:100%;color:inherit;text-decoration:none!important}
.creation-card-link:hover{color:inherit}.creation-card-link:hover h3{color:var(--accent,#26654a)}
.creation-card-cover{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;display:block;border-bottom:1px solid var(--hair,#d9d1c1);background:var(--ground-2,#efe9dd)}
.creation-card-copy{padding:24px}
.creation-card h3{font:400 25px/1.16 var(--font-display,Georgia,serif);letter-spacing:-.02em;margin:0 0 14px;overflow-wrap:anywhere}
.creation-card-description{font:400 14.5px/1.65 var(--font-sans,system-ui,sans-serif);color:var(--ink-mute,#5b584f);margin:0 0 24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.creation-card-action{font-size:13px;color:var(--accent,#26654a);font-weight:600}
.creations-section>.creation-button{margin-top:28px}.creations-empty{color:var(--ink-mute,#5b584f)}
.creation-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:10px 18px;border:1px solid var(--hair,#d9d1c1);border-radius:0;font:500 14px/1.4 var(--font-sans,system-ui,sans-serif);background:var(--surface-solid,#fdfbf6);color:var(--ink-strong,#16171a);cursor:pointer}
.creation-button:hover{border-color:var(--accent,#26654a)}.creation-button:disabled{opacity:.45;cursor:default}
.creation-button.creation-primary{background:var(--accent,#26654a);color:#fff;border-color:var(--accent,#26654a)}
.creation-button.creation-primary:hover{background:var(--accent-deep,#1d5039)}
.creations-section :focus-visible,.creation-share :focus-visible{outline:2px solid var(--accent,#26654a);outline-offset:4px}
.creation-share{--ground:#f6f2ea;--ground-2:#efe9dd;--ink-strong:#16171a;--ink-mute:#5b584f;--accent:#26654a;--hair:#d9d1c1;--font-display:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--font-sans:system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:ui-monospace,monospace;margin:0;background:var(--ground);color:var(--ink-strong);font:16px/1.6 var(--font-sans)}
.creation-share *{box-sizing:border-box}.creation-share a{color:var(--accent);text-decoration:none}.creation-share a:hover{text-decoration:underline}
.creation-nav{max-width:1376px;margin:0 auto;padding:28px 48px;display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid var(--hair);font-size:14px}
.creation-nav>a:first-child{color:var(--ink-strong);font-weight:600}
.creation-page{max-width:1280px;margin:0 auto;padding:58px 48px 0}
.creation-heading{max-width:900px}.creation-heading h1{font:400 clamp(38px,6vw,68px)/1.04 var(--font-display);letter-spacing:-.03em;margin:12px 0 24px;overflow-wrap:anywhere}
.creation-description{color:var(--ink-mute);font-size:17px;line-height:1.65;max-width:65ch;white-space:pre-line}
.creation-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:22px 0}
.creation-toolbar [role=status]{flex-basis:100%;font-size:13px;color:var(--ink-mute);margin:0}
.creation-reset{appearance:none;border:0;background:none;color:var(--ink-mute);font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:10px 4px;margin-left:auto;cursor:pointer}
.creation-stage{position:relative;min-height:360px;overflow:hidden;border:1px solid var(--hair);background:var(--ground-2)}
.creation-cover{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover}
.creation-stage-hint{position:absolute;left:24px;bottom:24px;max-width:calc(100% - 48px);margin:0;padding:14px 18px;background:rgba(253,251,246,.94);font-family:var(--font-display);font-size:23px;line-height:1.2;border:1px solid var(--hair)}
.creation-stage-hint span{display:block;font:12px/1.5 var(--font-sans);color:var(--ink-mute);margin-top:6px}
.creation-stage.is-running{height:clamp(480px,78vh,1000px);min-height:480px;resize:vertical}
.creation-frame{display:block;width:100%;height:100%;border:0;background:#fff}
.creation-note{font-size:12px;color:var(--ink-mute);margin:14px 0 0}
.creation-footer{max-width:1280px;margin:0 auto;padding:48px;font-size:14px}
@media(max-width:1000px){.creations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.creations-heading{align-items:start;flex-direction:column}.creations-search{width:100%}.creations-grid{grid-template-columns:1fr;gap:20px}.creations-section{padding:40px 0}.creation-nav{padding:22px}.creation-page{padding:38px 20px 0}.creation-reset{margin-left:0}.creation-stage{min-height:260px}.creation-stage.is-running{height:72vh;min-height:440px}.creation-stage-hint{left:14px;bottom:14px;max-width:calc(100% - 28px);font-size:20px}.creation-footer{padding:36px 22px}}

.public-inputs{max-width:650px;margin:20px 0 30px}.public-inputs summary{cursor:pointer;font:16px/1.6 system-ui}.public-inputs label{display:block;margin-top:15px;font:15px/1.7 system-ui}.public-inputs textarea{display:block;width:100%;padding:15px;border:1px solid #d8d4ca;background:#fffdf8;font:15px/1.7 system-ui}.creation-stage pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:30px;font:15px/1.7 monospace;max-height:530px;overflow:auto}.server-creation .creation-stage{background:#f7f5ef}.server-creation .creation-stage>.creation-button{margin:0 30px 30px}