
.prompt-template .project-intro h1{overflow-wrap:anywhere;max-width:13ch;text-transform:uppercase}
.prompt-template .study h2,.prompt-template .project-description,.prompt-template .footer-identity{overflow-wrap:anywhere}
.prompt-template .study-reference video{aspect-ratio:auto}
.prompt-template .footer-bottom{align-items:flex-start}
.prompt-template .prompt-theme-toggle{min-height:44px;height:auto;line-height:20px;font-size:13px}
.prompt-template .prompt-theme-toggle::before{display:none}
.prompt-breadcrumb{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--muted);text-decoration:none}
.preview-notice{margin-bottom:18px;color:var(--muted);font-family:var(--mono);font-size:11px;line-height:1.6}
.catalog-intro{padding-bottom:44px}
.catalog-footer{padding-bottom:calc(var(--theme-bottom) + env(safe-area-inset-bottom,0px) + 68px)}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 36px}
.catalog-card{min-width:0}
.catalog-card-link{display:block;text-decoration:none}
.catalog-cover{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:color-mix(in srgb,var(--ink) 5%,var(--paper))}
.catalog-card h2{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:18px;font-family:var(--display);font-size:28px;font-weight:700;line-height:1.15;letter-spacing:-.045em;overflow-wrap:anywhere}
.catalog-card-arrow{flex:none;width:18px;height:18px;opacity:.65}
.catalog-card-description{margin-top:12px;max-width:44ch;font-size:15px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.catalog-empty{padding:20px 0 56px;color:var(--muted)}
.prompt-breadcrumb:focus-visible,.catalog-card-link:focus-visible{outline:1px solid var(--ink);outline-offset:4px}
@media(hover:hover){.prompt-breadcrumb:hover{opacity:.55}.catalog-card-link:hover .catalog-card-arrow{opacity:1}}
@media(max-width:767px){.catalog-footer{padding-bottom:calc(48px + env(safe-area-inset-bottom,0px) + 68px)}.catalog-grid{grid-template-columns:1fr;gap:44px}.catalog-card h2{font-size:26px}.catalog-intro{padding-bottom:36px}}

.workflow-character{display:flex;align-items:center;gap:18px;margin:4px 0 34px;padding:18px 0;color:var(--ink)}
.workflow-character-preview{display:block;flex:none;width:110px;overflow:hidden;border-radius:3px}
.workflow-character-preview img{display:block;width:100%;height:auto}
.workflow-character-copy{flex:1;min-width:0}
.workflow-character-copy .eyebrow{margin:0 0 5px;color:var(--muted)}
.workflow-character-copy h2{font-size:18px;line-height:1.3;letter-spacing:-.025em;font-weight:700;margin:0}
.workflow-character-copy>p:last-child{font-size:13px;line-height:1.5;color:var(--muted);margin-top:5px;max-width:46ch}
.workflow-download{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--ink) 30%,var(--paper));border-radius:4px;color:var(--ink);font-size:12px;font-weight:600;line-height:1.4;text-decoration:none;white-space:nowrap}
.workflow-download:focus-visible,.workflow-input:focus-visible,.workflow-character-preview:focus-visible{outline:1px solid var(--ink);outline-offset:4px}
.workflow-inputs{margin-bottom:24px}
.workflow-inputs>.eyebrow{margin:0 0 10px;color:var(--muted);font-size:10px}
.workflow-input-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.workflow-input-list>.workflow-input:only-child{grid-column:1/-1;max-width:360px}
.workflow-input{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 8px;background:color-mix(in srgb,var(--ink) 4%,var(--paper));color:var(--ink);border-radius:4px;text-decoration:none}
.workflow-input>img{width:48px;height:40px;flex:none;object-fit:cover;border-radius:2px}
.workflow-input>span:not(.workflow-download-icon){display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.workflow-input code{font-family:var(--mono);font-size:10px;font-weight:400;overflow-wrap:anywhere}
.workflow-input>span>span{font-size:11px;line-height:1.4;color:var(--muted)}
.workflow-download-icon{font-size:17px;flex:none}
.workflow-note{font-size:12px;line-height:1.55;color:var(--muted);margin-top:10px;max-width:50ch}
.workflow-step-note{font-size:14px;line-height:1.6;margin-bottom:14px;max-width:52ch}
.workflow-step-note+.workflow-download{margin-bottom:24px}
.workflow-character~.studies .study:first-child{padding-top:8px}
.workflow-character .workflow-download{flex:none}
.prompt-template.prompt-workflow .project-intro h1{font-size:clamp(32px,9.4vw,70px);max-width:none;overflow-wrap:anywhere}
@media(hover:hover){.workflow-download:hover,.workflow-input:hover{background:color-mix(in srgb,var(--ink) 8%,var(--paper))}}
@media(max-width:767px){.workflow-character{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px 14px;margin-bottom:26px;padding:12px 0}.workflow-character-preview{width:76px;grid-row:1/3}.workflow-character-copy h2{font-size:16px}.workflow-character-copy>p:last-child{font-size:12px}.workflow-character .workflow-download{grid-column:2;justify-self:start;font-size:11px;padding:6px 10px;min-height:38px}.workflow-character-copy .eyebrow{font-size:9px}.workflow-inputs{margin-bottom:20px}.workflow-input{gap:8px;padding:9px 7px}.workflow-input>img{width:40px;height:36px}.workflow-input-list{gap:8px}.workflow-input code{font-size:10px}.workflow-input>span>span{font-size:10px}}
@media(max-width:359px){.workflow-input-list{grid-template-columns:1fr}.workflow-input>img{width:48px;height:40px}}
