.gp{--gp-ink-1: var(--ink-1, #0d0d10);--gp-ink-2: var(--ink-2, #131316);--gp-ink-3: var(--ink-3, #191920);--gp-bone: var(--bone, #ede8dc);--gp-bone-2: var(--bone-2, #9b968c);--gp-bone-3: var(--bone-3, #62605a);--gp-line: var(--line, rgba(237, 232, 220, .1));--gp-line-3: var(--line-3, rgba(237, 232, 220, .2));--gp-gold: var(--champagne, #C9A227);--gp-error: var(--error, #d9603f);--gp-serif: var(--serif, "Iowan Old Style", Palatino, Georgia, serif);--gp-mono: var(--mono, ui-monospace, Menlo, monospace);--gp-accent: var(--gp-gold);margin:32px auto 0;max-width:1100px;display:grid;gap:22px;color:var(--gp-bone)}.gp__head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px 16px}.gp__title{margin:0;font-family:var(--gp-serif);font-size:22px;letter-spacing:.02em}.gp__pct{font-family:var(--gp-mono);font-size:22px;color:var(--gp-gold);font-variant-numeric:tabular-nums}.gp__track{grid-column:1 / -1;position:relative;height:1px;background:var(--gp-line-3);overflow:hidden}.gp__track>span{display:block;height:100%;width:0;background:var(--gp-gold);transition:width .6s cubic-bezier(.4,0,.2,1)}.gp__activity{grid-column:1 / -1;margin:0;font-family:var(--gp-mono);font-size:11.5px;color:var(--gp-bone-2)}.gp.is-error .gp__title,.gp.is-error .gp__activity{color:var(--gp-error)}.gp.is-error .gp__track>span{background:var(--gp-error)}.gp__body{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:start}@media(max-width:820px){.gp__body{grid-template-columns:1fr}}.gp__stage{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--gp-line);border-radius:3px;background:var(--gp-ink-1)}.gp__stage[data-aspect="9:16"]{aspect-ratio:9 / 16;max-width:420px;margin:0 auto}.gp__stage[data-aspect="1:1"]{aspect-ratio:1 / 1;max-width:640px;margin:0 auto}.gp__frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:var(--gp-ink-1)}.gp__badge{position:absolute;left:12px;bottom:12px;padding:4px 8px;font:10px/1.4 var(--gp-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gp-bone);background:#08080ab8;border:1px solid var(--gp-line);border-radius:2px;pointer-events:none}.gp__set{position:absolute;inset:0;display:grid;place-items:center;perspective:1100px;perspective-origin:50% 40%;background:radial-gradient(ellipse at 50% 120%,color-mix(in srgb,var(--gp-accent) 22%,transparent),transparent 60%),linear-gradient(var(--gp-ink-1),var(--gp-ink-2))}.gp__orbs{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.gp__orb{position:absolute;width:22%;aspect-ratio:1;border-radius:50%;left:calc(6% + var(--i) * 18%);top:calc(10% + var(--i) * 11%);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 85%,white),var(--c) 45%,transparent 70%);opacity:.28;filter:blur(18px);animation:gp-drift 9s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -1.7s)}@keyframes gp-drift{0%{transform:translate3d(-4%,3%,-120px)}to{transform:translate3d(5%,-4%,40px)}}.gp__screen{position:relative;width:62%;aspect-ratio:16 / 10;overflow:hidden;border-radius:8px;background:var(--gp-ink-3);border:1px solid var(--gp-line-3);box-shadow:0 40px 80px -30px #000000e6,0 0 0 6px #ede8dc0a;transform:rotateY(-16deg) rotateX(7deg) rotate(.5deg);animation:gp-float 7s ease-in-out infinite alternate}.gp__stage[data-aspect="9:16"] .gp__screen{width:80%}@keyframes gp-float{0%{transform:rotateY(-16deg) rotateX(7deg) translateZ(0)}to{transform:rotateY(-9deg) rotateX(4deg) translate3d(0,-2%,30px)}}.gp__screen-bar{display:flex;align-items:center;gap:5px;height:22px;padding:0 9px;background:#ede8dc0f;border-bottom:1px solid var(--gp-line)}.gp__screen-bar i{width:7px;height:7px;border-radius:50%;background:var(--gp-line-3)}.gp__screen-url{margin-left:8px;font:9.5px var(--gp-mono);color:var(--gp-bone-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp__site{display:block;width:100%;height:calc(100% - 22px);object-fit:cover;object-position:top}.gp__wordmark{height:calc(100% - 22px);display:grid;place-items:center;padding:0 8%;text-align:center;font-family:var(--gp-serif);font-size:clamp(18px,3.4vw,40px);color:var(--gp-bone);background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--gp-accent) 30%,transparent),transparent 65%)}.gp__scan{position:absolute;left:0;right:0;top:22px;height:18%;opacity:0;pointer-events:none;background:linear-gradient(transparent,color-mix(in srgb,var(--gp-accent) 30%,transparent) 85%,var(--gp-accent))}.gp__set.is-scanning .gp__scan{opacity:.9;animation:gp-scan 2.6s cubic-bezier(.45,0,.55,1) infinite}@keyframes gp-scan{0%{transform:translateY(-100%)}to{transform:translateY(520%)}}.gp__logo{position:absolute;right:9%;top:12%;width:13%;aspect-ratio:1;padding:2%;display:grid;place-items:center;border-radius:10px;background:#ede8dceb;box-shadow:0 20px 40px -18px #000c;transform:rotateY(-22deg) rotateX(10deg) translateZ(80px);animation:gp-bob 5s ease-in-out infinite alternate}.gp__logo img{max-width:100%;max-height:100%;object-fit:contain}@keyframes gp-bob{to{transform:rotateY(-14deg) rotateX(6deg) translate3d(0,-10%,110px)}}.gp__caption{position:absolute;left:0;right:0;bottom:14px;margin:0;text-align:center;font:11px var(--gp-mono);color:var(--gp-bone-2);letter-spacing:.02em}.gp__steps{list-style:none;margin:0;padding:0;display:grid;gap:2px;counter-reset:gp}.gp__step{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--gp-line);font-size:12.5px;color:var(--gp-bone-3);transition:color .3s}.gp__step-mark{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font:9px var(--gp-mono);border:1px solid var(--gp-line-3);color:var(--gp-ink-1)}.gp__step[data-state=active]{color:var(--gp-bone)}.gp__step[data-state=active] .gp__step-mark{border-color:var(--gp-line);border-top-color:var(--gp-gold);animation:gp-spin .9s linear infinite}.gp__step[data-state=done]{color:var(--gp-bone-2)}.gp__step[data-state=done] .gp__step-mark{background:var(--gp-gold);border-color:var(--gp-gold)}.gp__step[data-state=skipped]{text-decoration:line-through}.gp__step[data-state=skipped] .gp__step-mark{color:var(--gp-bone-3)}.gp__step[data-state=error]{color:var(--gp-error)}.gp__step[data-state=error] .gp__step-mark{background:var(--gp-error);border-color:var(--gp-error)}@keyframes gp-spin{to{transform:rotate(360deg)}}.gp__board-head{display:flex;align-items:baseline;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--gp-line)}.gp__board-title{margin:0;font:400 15px var(--gp-serif);letter-spacing:.02em}.gp__board-note{font:10.5px var(--gp-mono);color:var(--gp-bone-3)}.gp__board{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.gp__card{display:grid;gap:8px;align-content:start;padding:0 0 12px;border:1px solid var(--gp-line);border-radius:3px;background:var(--gp-ink-1);overflow:hidden;transition:border-color .3s,opacity .3s}.gp__card[data-state=pending]{opacity:.55}.gp__card[data-state=active]{border-color:var(--gp-line-3)}.gp__card.is-playable{cursor:pointer}.gp__card.is-playable:hover{border-color:var(--gp-gold)}.gp__card-media{position:relative;aspect-ratio:16 / 9;background:var(--gp-ink-2);overflow:hidden}.gp__card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:gp-in .5s ease}.gp__card-ph{position:absolute;inset:0;padding:12px;display:flex;align-items:flex-end;font-size:11px;line-height:1.45;color:var(--gp-bone-3)}.gp__card-media img:not([hidden])+.gp__card-ph{display:none}.gp__card[data-state=active] .gp__card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(237,232,220,.07) 50%,transparent 70%);background-size:250% 100%;animation:gp-shimmer 1.6s linear infinite}@keyframes gp-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes gp-in{0%{opacity:0}}.gp__card-meta{display:flex;align-items:baseline;gap:8px;padding:0 12px;font:10px var(--gp-mono);letter-spacing:.06em;text-transform:uppercase}.gp__card-n{color:var(--gp-gold)}.gp__card-role{color:var(--gp-bone-2)}.gp__card-step{margin-left:auto;min-width:0;color:var(--gp-bone-3);text-transform:none;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp__card[data-state=done] .gp__card-step{color:var(--gp-gold)}.gp__card-says{margin:0;padding:0 12px;font-size:12.5px;line-height:1.5;color:var(--gp-bone)}.gp__card-voice{justify-self:start;margin:0 12px;padding:3px 8px;cursor:pointer;font:10px var(--gp-mono);letter-spacing:.04em;color:var(--gp-bone-2);background:none;border:1px solid var(--gp-line);border-radius:2px}.gp__card-voice:hover{color:var(--gp-bone);border-color:var(--gp-line-3)}.gp__done{display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:center}.gp__done-text{font-size:12.5px;color:var(--gp-bone-2)}.gp__done-link{padding:9px 16px;border-radius:3px;text-decoration:none;font-size:12px;letter-spacing:.04em;color:var(--gp-ink-1);background:var(--gp-gold)}@media(prefers-reduced-motion:reduce){.gp__orb,.gp__screen,.gp__logo,.gp__set.is-scanning .gp__scan,.gp__step[data-state=active] .gp__step-mark,.gp__card[data-state=active] .gp__card-media:after{animation:none}}.gp--agent .gp__head{grid-template-columns:1fr auto}.gp--agent .gp__clock{grid-column:2}.gp__actions{grid-column:1 / -1;display:flex;gap:8px;justify-content:flex-end;margin-top:-4px}.gp__actions:not(:has(>:not([hidden]))){display:none}.gp__btn{height:30px;padding:0 14px;cursor:pointer;border-radius:3px;font:9.5px var(--gp-sans, inherit);letter-spacing:.2em;text-transform:uppercase;color:var(--gp-bone-2);background:none;border:1px solid var(--gp-line-3)}.gp__btn:hover{color:var(--gp-bone)}.gp__btn:disabled{opacity:.5;cursor:default}.gp__btn--primary{color:#14110a;background:var(--gp-gold);border-color:var(--gp-gold)}.gp__btn--primary:hover{color:#14110a;filter:brightness(1.08)}.gp__track.is-indeterminate>span{width:30%!important;animation:gp-sweep 1.6s cubic-bezier(.45,0,.55,1) infinite}@keyframes gp-sweep{0%{transform:translate(-100%)}to{transform:translate(340%)}}.gp__track:not(.is-indeterminate)>span{width:100%}.gp__side{display:grid;gap:16px;align-content:start}.gp--agent .gp__body{grid-template-columns:minmax(0,1fr) 300px}@media(max-width:820px){.gp--agent .gp__body{grid-template-columns:1fr}}.gp__quote{margin:0;padding:10px 12px;border-left:2px solid var(--gp-gold);font-size:12.5px;line-height:1.55;color:var(--gp-bone-2);background:var(--gp-ink-1);max-height:150px;overflow:auto;white-space:pre-wrap}.gp__talk{display:grid;gap:10px}.gp__said{display:grid;gap:8px}.gp__said:empty{display:none}.gp__renders{display:grid;gap:6px;margin:0;padding:0;list-style:none}.gp__renders:empty{display:none}.gp__render{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:8px 10px;background:var(--gp-ink-1);border:1px solid var(--gp-line);border-left:2px solid var(--gp-gold);border-radius:3px}.gp__render-name{flex:1 1 160px;min-width:0;font:11.5px var(--gp-mono);color:var(--gp-bone);overflow-wrap:anywhere}.gp__render.is-error{border-left-color:var(--gp-error)}.gp__render.is-error .gp__render-name{color:var(--gp-error)}.gp__you{justify-self:end;max-width:92%;margin:0;padding:7px 10px;font-size:12.5px;line-height:1.5;white-space:pre-wrap;color:var(--gp-bone);background:var(--gp-ink-3);border:1px solid var(--gp-line);border-radius:3px;max-height:110px;overflow:auto}.gp--agent .gp__stage{background:#050507}.gp__ph{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 115%,color-mix(in srgb,var(--gp-gold) 9%,transparent),transparent 60%),#050507;transition:opacity .6s ease}.gp__stage.is-waiting .gp__ph:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 35%,rgba(237,232,220,.045) 50%,transparent 65%);background-size:250% 100%;animation:gp-shimmer 2.4s linear infinite}.gp__ph-device{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);height:46%;aspect-ratio:9 / 19.5;border-radius:13%/6%;border:1px solid rgba(237,232,220,.13);background:#ede8dc06;box-shadow:inset 0 0 0 4px #050507e6,inset 0 0 0 5px #ede8dc0d}.gp__ph-device[data-device=iphone-fold]{aspect-ratio:158 / 111;height:40%;border-radius:7%/10%}.gp__ph-device[data-device=ipad]{aspect-ratio:3 / 4;height:52%;border-radius:6%}.gp__ph-device[data-device=laptop],.gp__ph-device[data-device=chrome]{aspect-ratio:16 / 10;height:44%;border-radius:2.5%}.gp__ph-device[data-device=laptop]{border-bottom-width:6px}.gp__stage[data-aspect="9:16"] .gp__ph-device{height:38%}.gp__ph-note{position:absolute;left:0;right:0;bottom:7%;margin:0;text-align:center;font:10.5px var(--gp-mono);letter-spacing:.06em;color:var(--gp-bone-3)}.gp--agent .gp__frame{opacity:0;transition:opacity .6s ease;background:#050507}.gp__stage.is-live .gp__frame{opacity:1}.gp__stage.is-live .gp__ph{opacity:0;pointer-events:none}.gp__peek{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:contain;background:#050507;cursor:zoom-out}.gp--agent .gp__badge{z-index:1}.gp__gallery{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.gp__pic{display:grid;gap:6px;cursor:zoom-in;border:1px solid var(--gp-line);border-radius:3px;background:var(--gp-ink-1);overflow:hidden;animation:gp-in .5s ease}.gp__pic:hover{border-color:var(--gp-gold)}.gp__pic img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top;background:var(--gp-ink-2)}.gp__pic-cap{padding:0 10px 8px;font:10.5px var(--gp-mono);color:var(--gp-bone-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp__composer{display:grid;gap:8px}.gp__composer[hidden]{display:none}.gp__compose-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.gp__compose-row:has(>.chat-att__btn){grid-template-columns:auto 1fr auto}.gp__compose-row>.chat-att__btn{align-self:center}.gp__side .gp__compose-row,.gp__side .gp__compose-row:has(>.chat-att__btn){grid-template-columns:auto 1fr auto;grid-template-areas:"input input input" "att . send"}.gp__side .gp__input{grid-area:input}.gp__side .chat-att__btn{grid-area:att}.gp__side .gp__send{grid-area:send}.gp__brief-images{grid-column:1 / -1}.gp__brief-images .chat-att__sent{margin-top:8px}.gp__input{width:100%;min-height:44px;resize:vertical;box-sizing:border-box;padding:9px 11px;font:inherit;font-size:12.5px;line-height:1.45;color:var(--gp-bone);background:var(--gp-ink-1);border:1px solid var(--gp-line-3);border-radius:3px}.gp__input:focus{outline:none;border-color:var(--gp-gold)}.gp__queue{list-style:none;margin:0;padding:0;display:grid;gap:6px}.gp__queue:empty{display:none}.gp__queued{justify-self:end;max-width:100%;padding:8px 11px;opacity:.65;border:1px dashed var(--gp-line-3);border-radius:3px;background:var(--gp-ink-1)}.gp__queued-x{margin:0;font-size:12.5px;line-height:1.45;white-space:pre-wrap;color:var(--gp-bone)}.gp__queued-bar{display:flex;align-items:center;gap:8px;margin-top:6px}.gp__queued-note{flex:1;font:10.5px var(--gp-mono);color:var(--gp-bone-3)}.gp__queued-btn{padding:1px 8px;cursor:pointer;border-radius:3px;font:10.5px var(--gp-mono);color:var(--gp-bone-2);background:none;border:1px solid var(--gp-line-3)}.gp__queued-btn:hover{color:var(--gp-bone)}.gp__queued-btn--now{color:var(--gp-gold);border-color:var(--gp-gold)}.gp__queued-btn--now:hover{color:var(--gp-gold);filter:brightness(1.15)}.gp__queued-btn[hidden]{display:none}.gp__queued-btn:disabled{opacity:.45;cursor:default;filter:none}.gp__queued.is-now{opacity:.85;border-color:var(--gp-gold)}@media(prefers-reduced-motion:reduce){.gp__track.is-indeterminate>span,.gp__pic,.gp__stage.is-waiting .gp__ph:after{animation:none}}.gp--agent .gp__title{font-size:18px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gp__cost{grid-column:1 / -1;font:11px var(--gp-mono);color:var(--gp-bone-2);font-variant-numeric:tabular-nums}.gp__story{padding:8px 0;border-bottom:1px solid var(--gp-line);font-size:12px;color:var(--gp-bone-2)}.gp__story-head{cursor:pointer;color:var(--gp-bone-3)}.gp__story-text{margin:8px 0 0;max-height:40vh;overflow:auto;white-space:pre-wrap;font:inherit;line-height:1.5}.gp__inspo{display:grid;gap:8px;padding:10px 0;border-bottom:1px solid var(--gp-line)}.gp__inspo-note{margin:0;font-size:11.5px;line-height:1.45;color:var(--gp-bone-2)}.gp__inspo-card{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:center}.gp__inspo-card img{width:64px;aspect-ratio:16 / 9;object-fit:cover;border-radius:2px;border:1px solid var(--gp-line)}.gp__inspo-card.is-primary img{border-color:var(--gp-gold)}.gp__inspo-meta{display:grid;gap:2px;min-width:0}.gp__inspo-meta b{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp__inspo-meta small{font-size:10.5px;color:var(--gp-bone-3)}.gp__inspo-caveat{color:var(--gp-bone-2)}.prompt{position:relative;border:1px solid var(--line-3);border-radius:var(--radius);background:#0d0d10d1;padding:16px 16px 12px;text-align:left;transition:border-color .18s}.prompt:focus-within{border-color:var(--brand-gold)}.prompt textarea{display:block;width:100%;min-height:72px;resize:vertical;background:none;border:0;outline:none;padding:0;margin:0 0 8px;color:var(--bone);font:inherit;font-size:15px;line-height:1.55}.prompt textarea::placeholder{color:var(--bone-3)}.prompt__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.prompt__row .grow{flex:1}.ideas{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius);background:none;color:var(--bone-2);font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}.chip:hover,.chip.is-on{color:var(--bone);border-color:var(--line-3)}.chip select{background:none;border:0;outline:none;color:inherit;font:inherit;cursor:pointer}.chip select option{background:var(--ink-2)}
