:root{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#d8e7e8;background:#091319;color-scheme:dark;--green:#90e0b8;--border:#30464e}*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-underline-offset:4px}button,input,textarea{font:inherit}button,.file-button{padding:12px 16px;border:1px solid var(--border);background:#14232b;color:#e1edef;border-radius:9px;cursor:pointer;min-height:44px}button:hover:not(:disabled){border-color:var(--green);background:#1a3237}button:disabled{opacity:.48;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}button[aria-pressed=true]{border-color:var(--green);color:var(--green)}header,footer{max-width:1040px;margin:auto;padding:26px;display:flex;justify-content:space-between;gap:20px}main{max-width:980px;margin:20px auto;padding:24px}h1{font-family:system-ui,sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);letter-spacing:-.055em;line-height:1.05;margin:20px 0}h1 span{color:var(--green)}h2{font-family:system-ui,sans-serif;font-size:1.5rem;letter-spacing:-.025em}p{line-height:1.65}.lede{font-size:1.05rem;max-width:720px;color:#a6bbc0}.eyebrow{font-size:.75rem;letter-spacing:.1em;color:var(--green);display:flex;gap:10px;align-items:center}.signal{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #90e0b880}nav{display:flex;gap:10px;margin:32px 0 18px}section[hidden],[hidden]{display:none!important}#notice:empty{display:none}#notice{padding:14px;border:1px solid var(--border);border-radius:10px;overflow-wrap:anywhere}#notice.error{color:#ffcebc;border-color:#965944}form{border:1px solid var(--border);border-radius:16px;padding:24px;background:#0d1b22}label{display:block;margin-bottom:10px}textarea{width:100%;padding:14px;border:1px solid #45616a;border-radius:9px;background:#09151c;color:#e1ebef;resize:vertical;line-height:1.7;font-size:16px;min-height:160px}.prompt-meta{display:flex;justify-content:space-between;gap:12px;color:#91a8ad;font-size:.75rem;margin:8px 0 20px}.examples,.actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.examples button{font-size:.75rem}.primary{background:var(--green);color:#071914;font-weight:700;border-color:var(--green);margin-top:18px}.primary:hover:not(:disabled){color:var(--green)}.small{font-size:.8rem;color:#9bb0b6;line-height:1.65}#verification{margin-top:16px;max-width:100%;overflow:hidden}#progress{text-align:center;border:1px solid var(--border);padding:30px;border-radius:16px;margin:20px 0}.orb{width:55px;height:55px;border:1px solid var(--green);border-top:5px solid var(--green);border-radius:30%;margin:12px auto;animation:orbit 4s linear infinite}#result{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:25px 0;align-items:start}#result-image{width:100%;height:auto;border-radius:14px;box-shadow:0 10px 60px #0007}.proof-panel{min-width:0}.proof-panel dl{font-size:.75rem;line-height:1.6}.proof-panel dt{color:#9bb0b6;margin-top:10px}.proof-panel dd{margin:0;overflow-wrap:anywhere;color:var(--green)}.check{display:flex;gap:12px;align-items:flex-start;line-height:1.6;font-size:.85rem;margin-top:24px}.check input{width:20px;height:20px;flex-shrink:0;accent-color:var(--green)}details{padding:20px 0;border-top:1px solid var(--border);margin:24px 0}summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.file-button{position:relative;overflow:hidden;margin:0}.file-button input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery article{background:#102029;border:1px solid var(--border);border-radius:12px;overflow:hidden}.gallery img{width:100%;height:auto;display:block;aspect-ratio:1}.gallery .caption{padding:14px;overflow-wrap:anywhere;font-size:.75rem}.gallery .caption p{margin:6px 0}.gallery button{font-size:.75rem}.saved-job{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:12px 0}.skip{position:absolute;left:15px;top:-100px}.skip:focus{top:10px;background:#091319;padding:12px;z-index:10}body.embedded header,body.embedded footer{display:none}body.embedded main{margin:0;padding:20px}body.embedded h1{font-size:clamp(2rem,5vw,3.2rem)}@keyframes orbit{to{transform:rotate(360deg)}}@media(max-width:680px){header,footer{padding:20px}main{padding:18px;margin-top:0}form{padding:16px}#result{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery .caption{padding:10px}.prompt-meta{flex-direction:column;gap:5px}.actions>*{flex:1}.actions{gap:8px}.examples button{flex:1}.key-settings button{font-size:.8rem}}@media(max-width:380px){.gallery{grid-template-columns:1fr}button{padding:11px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}
/* Shared field-notes rhythm, with a compact layout for the homepage embed. */
:root{--green:#77d7b8;--border:#29433e;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8eee8;background:#0b141b}
body{font-size:16px;line-height:1.6;overflow-wrap:anywhere}
button,.file-button{font-size:14px;line-height:1.3;padding:11px 16px;transition:background .18s,border-color .18s}
button,.file-button,a,summary{touch-action:manipulation}
header,footer,main{width:calc(100% - 48px);max-width:980px;padding:0}
header,footer{font:12px/1.6 ui-monospace,monospace;align-items:center}
header{min-height:86px;border-bottom:1px solid var(--border)}
header a,footer a{display:inline-flex;align-items:center;min-height:44px}
footer{margin-top:40px;padding:24px 0 max(24px,env(safe-area-inset-bottom));border-top:1px solid var(--border);flex-wrap:wrap;gap:8px 24px}
main{margin:36px auto 0}
h1{font:500 clamp(32px,4.8vw,56px)/1.15 ui-monospace,monospace;letter-spacing:-.06em;margin:16px 0}
h2{margin:0 0 12px;font-size:24px;line-height:1.25}
.lede{max-width:650px;font-size:17px;line-height:1.65;margin:0;color:#adbfbc}
.eyebrow{font:11px/1.6 ui-monospace,monospace;letter-spacing:.12em}
nav[aria-label="Studio views"]{display:flex;gap:4px;margin:28px 0 12px;border-bottom:1px solid var(--border);padding-bottom:10px}
nav[aria-label="Studio views"] button{background:transparent;border-color:transparent;border-radius:7px}
nav[aria-label="Studio views"] button[aria-pressed=true]{background:#172d29;border-color:#416958;color:var(--green)}
#notice{font-size:13px;color:#adbfbc;padding:0 2px;margin:12px 0;border:0;border-radius:0}
#notice.error{color:#ffcebc;background:#351f1b;border:1px solid #965944;border-radius:8px;padding:12px 14px}
form{padding:24px;background:#0e1c25;border-radius:12px}
form>label{font-size:17px;font-weight:600;margin-bottom:12px}
textarea{font-family:inherit;min-height:150px;line-height:1.65;background:#0b141b;border-color:#3f5a54}
textarea::placeholder{color:#829a96;opacity:1}
.prompt-meta{font:11px/1.5 ui-monospace,monospace;margin:8px 0 12px;gap:8px;color:#adbfbc}
.examples{gap:8px;margin:12px 0 20px}
.examples button{font-size:12px;background:transparent;padding:9px 12px}
.primary{margin-top:12px;min-width:190px;background:var(--green);color:#08251d;border-color:var(--green)}
.small{font-size:13px;line-height:1.65;color:#adbfbc}
.studio-limit{margin:12px 0 0}
#verification:empty{display:none}
#verification{display:flex;justify-content:flex-start;margin-top:16px}
details{padding:0;border-top:1px solid var(--border);margin:20px 0 0}
summary{padding:12px 0;gap:12px;font-size:14px;line-height:1.5;list-style:none}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";font:18px ui-monospace,monospace;color:var(--green);margin-left:auto;flex:none}
details[open]>summary:after{content:"−"}
details>p:last-child{margin-bottom:8px}
.usage-details{margin-top:16px}.usage-details summary{font-size:13px;color:#adbfbc}.usage-details .small{max-width:75ch}
#progress{padding:28px 20px;background:#0e1c25;border-radius:12px}
#progress p{max-width:54ch;margin:12px auto 0;color:#adbfbc}
#result{gap:28px;margin:28px 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#result-image{border-radius:12px;border:1px solid var(--border);box-shadow:none}
.proof-panel>.eyebrow{margin:0 0 12px}
#proof-status{background:#132c25;color:#a4e8cb;border:1px solid #355948;border-radius:8px;padding:12px;font-size:13px}
.proof-panel dl{font:11px/1.7 ui-monospace,monospace;padding:14px;background:#0e1c25;border-radius:8px;margin:16px 0}
.proof-panel dt:first-child{margin-top:0}.proof-panel dd{margin-top:3px}
.proof-panel .actions{gap:8px}.proof-panel .actions button{flex:1 1 110px;padding:10px;font-size:13px}
.check{font-size:14px;margin:20px 0 14px}.check input{margin:2px 0 0}
.about-proof>p{max-width:75ch;font-size:14px;color:#adbfbc}
.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}
.gallery article{border-radius:12px;background:#0e1c25}
.gallery .caption{padding:16px;font:11px/1.7 ui-monospace,monospace}
.gallery .caption p{margin:0 0 8px;color:#adbfbc}
.gallery-card-actions{display:flex;flex-direction:column;gap:6px;margin-top:16px}
.gallery-card-actions button{font:13px/1.4 system-ui,sans-serif}
.gallery-card-actions a{display:flex;align-items:center;justify-content:center;min-height:44px}
.gallery-empty{grid-column:1/-1;padding:44px 24px;border:1px dashed var(--border);border-radius:12px;text-align:center;color:#adbfbc;margin:0;background:#0e1c25}
.gallery-pagination{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:20px 0 0}
.gallery-pagination button{white-space:nowrap;font-size:13px}
#page-number{text-align:center;font:11px/1.5 ui-monospace,monospace;color:#adbfbc}
#gallery-panel{padding-top:12px}#gallery-panel>p{max-width:60ch;color:#adbfbc;font-size:15px}
.saved-job{align-items:center;border-bottom:1px solid var(--border);padding:12px 0;margin:0;font-size:13px}
.file-button{display:inline-flex;align-items:center;justify-content:center}.file-button:focus-within{outline:2px solid var(--green);outline-offset:4px}
body.embedded main{width:100%;max-width:none;margin:0;padding:20px}
body.embedded .studio-intro{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body.embedded nav[aria-label="Studio views"]{margin-top:0}
body.embedded form{padding:18px}body.embedded textarea{min-height:130px}
@media(max-width:760px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}#result{grid-template-columns:1fr;gap:22px}.proof-panel{max-width:none}}
@media(max-width:540px){header,footer,main{width:calc(100% - 32px)}header{min-height:72px}main{margin-top:24px}h1{font-size:clamp(30px,8.5vw,44px)}.lede{font-size:15px}form{padding:16px}form>label{font-size:16px}.prompt-meta{flex-direction:row;flex-wrap:wrap}.examples{display:grid;grid-template-columns:1fr;gap:6px}.examples button{min-height:36px;text-align:left;padding:8px 12px}.primary{width:100%;min-width:0;margin-top:8px}.gallery{grid-template-columns:1fr}.gallery-empty{padding:32px 20px}.actions>*{flex:1 1 130px}.gallery-pagination{gap:8px}.gallery-pagination button{padding:11px 12px}body.embedded main{padding:16px}body.embedded form{padding:14px}.key-settings .actions{display:grid;grid-template-columns:1fr}footer{margin-top:28px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
#result{scroll-margin-top:24px}#result:focus{outline:none}
/* Gallery detail: the artwork leads; verification is quiet and optional. */
.studio-intro h1{font-size:clamp(29px,4.5vw,48px)}.signal{box-shadow:none}
.gallery-card-link{display:block;color:inherit;text-decoration:none}.gallery-card-link:hover{color:var(--green)}.gallery-card-link:focus-visible{outline-offset:-4px}.gallery-open{display:block;padding:14px 16px 0;font:12px/1.5 ui-monospace,monospace}.gallery .caption{padding-top:10px}.gallery .caption p{font-size:11px}.gallery-card-actions{margin-top:12px}.gallery-card-actions a{font:12px/1.5 system-ui,sans-serif}
#piece-panel{padding:12px 0}#piece-panel>h1{font:500 clamp(25px,4vw,34px)/1.25 ui-monospace,monospace;letter-spacing:-.04em;margin:12px 0 20px}#piece-title:focus{outline:none}.text-button{background:transparent;border-color:transparent;color:var(--green);padding:10px 0}.piece-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:start;margin:24px 0}.piece-layout figure{margin:0;min-width:0}.piece-layout figure img{width:100%;height:auto;display:block;aspect-ratio:1;object-fit:contain;border:1px solid var(--border);border-radius:10px;background:#0e1c25}.piece-layout figcaption{font:11px/1.6 ui-monospace,monospace;color:#adbfbc;margin-top:12px}.piece-receipt{min-width:0}.piece-receipt h2{font-size:20px;font-weight:550;line-height:1.3;margin:0 0 10px}.proof-steps{list-style:none;padding:0;margin:20px 0;border-block:1px solid var(--border)}.proof-steps li{padding:12px 0;font-size:14px;border-bottom:1px solid var(--border);display:flex;gap:10px}.proof-steps li:last-child{border:0}.proof-steps li[data-verified=true]:before{content:'✓';color:var(--green)}.creator-mark{display:flex;align-items:center;gap:12px;margin:24px 0}.creator-mark>span{display:block;flex:0 0 40px;width:40px;height:40px}.creator-mark svg{display:block;width:40px;height:40px;border-radius:5px;background:#172d29;padding:5px}.creator-mark code{display:block;font:12px/1.6 ui-monospace,monospace;overflow-wrap:anywhere}.piece-receipt .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.piece-receipt .actions button{font-size:13px;min-width:0}.hash-pair{padding:16px;background:#0e1c25;border:1px solid var(--border);border-radius:8px;font:12px/1.65 ui-monospace,monospace}.hash-pair dt{color:#adbfbc;margin-top:12px}.hash-pair dt:first-child{margin-top:0}.hash-pair dd{margin:5px 0 0;overflow-wrap:anywhere}.tamper-lab>p,.receipt-details>p{max-width:70ch}#tamper-status{font-size:13px;color:var(--green)}#tamper-status[data-changed=true]{color:#efbf94}#piece-state{font-size:14px;color:#adbfbc}#piece-state[data-error=true]{color:#efbf94}#piece-share-fallback{font-size:13px}#piece-link{display:block;width:100%;font:12px/1.5 ui-monospace,monospace;background:#0b141b;color:#e8eee8;border:1px solid var(--border);border-radius:6px;padding:12px;margin-top:8px;min-height:44px}.receipt-details{margin-bottom:16px}
@media(max-width:760px){.piece-layout{grid-template-columns:minmax(0,1fr);gap:28px}.piece-layout figure{max-width:560px;width:100%;margin-inline:auto}.piece-receipt h2{font-size:20px}}
@media(max-width:540px){.piece-layout{margin-top:20px}.tamper-lab .actions{display:grid;grid-template-columns:1fr}.hash-pair{font-size:11px;padding:14px}.studio-intro h1{font-size:30px}}

body.view-piece .studio-intro,body.view-piece nav[aria-label="Studio views"],#piece-panel>.eyebrow{display:none}body.view-piece main{margin-top:20px}#piece-panel>h1{margin-top:12px}#piece-panel>.text-button{margin-bottom:4px}