.k-my-photos .work-card{width:100%;position:relative}.k-my-photos .work-card__preview{position:relative;overflow:hidden}.k-my-photos .work-card__preview img{object-fit:cover;width:100%;height:100%}.k-my-photos .work-card__preview:after{content:"";background:linear-gradient(#0000,#0007);position:absolute;inset:55% 0 0}.k-my-photos .work-card__play{z-index:3;background:#0008;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.k-my-photos .work-card__processing,.k-my-photos .work-card__failed{z-index:2;text-align:center;background:#101216dd;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:absolute;inset:0}.k-my-photos .work-card__processing i{border:2px solid #45454b;border-radius:50%;width:27px;height:27px;animation:1s linear infinite spin}.k-my-photos .work-card__processing small,.k-my-photos .work-card__failed small{color:var(--k-muted);font-size:11px}.k-my-photos .work-card__failed>span{color:#e58996}.k-my-photos .work-card__meta{gap:2px;display:grid}.k-my-photos .works-grid--loading i{background:linear-gradient(90deg,#19191d,#242429,#19191d) 0 0/200% 100%;border-radius:14px;height:140px;animation:1.4s infinite shimmer}.k-my-photos .works-empty{text-align:center;align-content:center;place-items:center;display:grid}.k-my-photos .works-empty>div{border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.k-my-photos .work-card__missing{place-items:center;display:grid;position:absolute;inset:0}.k-my-photos .work-card__processing--partial{background:linear-gradient(#0000,#101216ee);padding:28px 10px 12px;inset:auto 0 0}body[data-stage-one] .result-modal{width:min(880px,100vw - 36px);padding:32px}body[data-stage-one] .result-modal__header{padding-right:45px}body[data-stage-one] .result-modal__header h2{margin:6px 0 3px;font-size:30px}body[data-stage-one] .result-modal__header p,body[data-stage-one] .viewer-notice{color:var(--k-muted);font-size:12px}body[data-stage-one] .video-result{width:min(100%,430px);margin:0 auto}body[data-stage-one] .video-result video{border-radius:15px;width:100%;max-height:56vh;display:block}body[data-stage-one] .photo-variants{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}body[data-stage-one] .photo-variants:has(>article:only-child){grid-template-columns:minmax(0,1fr)}body[data-stage-one] .photo-variants article{gap:8px;display:grid}body[data-stage-one] .photo-variant{cursor:pointer;background:#111;border:0;border-radius:14px;padding:0;position:relative;overflow:hidden}body[data-stage-one] .photo-variant img{object-fit:cover;width:100%;height:min(52vh,470px)}body[data-stage-one] .photo-variant span{color:#ddd;background:linear-gradient(#0000,#000c);padding:28px 12px 10px;font-size:11px;position:absolute;inset:auto 0 0}body[data-stage-one] .result-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}body[data-stage-one] .viewer-primary,body[data-stage-one] .viewer-secondary{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex}body[data-stage-one] .photo-fullscreen{width:min(900px,100vw - 36px);padding:18px}body[data-stage-one] .photo-fullscreen img{object-fit:contain;background:#08080a;border-radius:14px;width:100%;height:min(77vh,820px)}body[data-stage-one] .photo-fullscreen .viewer-primary{width:100%;margin-top:10px}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}body[data-stage-one] .k-my-photos{min-height:70dvh;padding:38px 0 60px;font-family:Fotonic,Arial,sans-serif}.k-my-photos .page-title{margin-bottom:28px}.k-my-photos .page-title h1{letter-spacing:-1px;color:var(--k-text);margin:0 0 10px;font:750 36px/1.15 Fotonic,Arial,sans-serif}.k-my-photos .page-title p{color:var(--k-muted);margin:0;font-size:14px;line-height:1.6}.k-my-photos .works-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px;display:grid}.k-my-photos .work-card{min-width:0}.k-my-photos .work-card__button{border:1px solid var(--k-border);border-radius:var(--k-radius);background:var(--k-panel);text-align:left;width:100%;color:var(--k-text);padding:0;overflow:hidden}.k-my-photos .work-card__button:disabled{opacity:1;cursor:default}.k-my-photos .work-card__button:hover:not(:disabled){border-color:var(--k-accent)}.k-my-photos .work-card .work-card__preview{aspect-ratio:3/4;background:var(--k-panel);border-radius:0;margin:0}.k-my-photos .work-card__meta{padding:13px 12px}.k-my-photos .work-card__meta strong{font:600 14px/1.4 Fotonic,Arial,sans-serif}.k-my-photos .work-card__meta span{color:var(--k-muted);font:400 11px/1.6 Fotonic,Arial,sans-serif}.k-my-photos .work-card__processing{background:var(--k-panel);color:var(--k-text)}.k-my-photos .work-card__processing--partial{background:#090b0d99}.k-my-photos .work-card__processing i{border-top-color:var(--k-accent)}.k-my-photos .work-card__retry{color:var(--k-accent);margin-top:10px;font-size:13px;display:inline-block;position:static}.k-my-photos .works-empty{border:1px solid var(--k-border);background:var(--k-panel);border-radius:20px;min-height:350px;padding:32px 20px}.k-my-photos .works-empty>div{color:var(--k-accent);background:#ed347d18}.k-my-photos .works-empty h2{margin:18px 0 8px;font-size:22px}.k-my-photos .works-empty p{color:var(--k-muted);font-size:14px;line-height:1.6}.k-my-photos .works-empty a,.k-my-photos .works-empty button{background:var(--k-accent);color:#fff;border-radius:999px;margin-top:14px;padding:14px 24px;font-weight:600}body[data-stage-one] .result-modal,body[data-stage-one] .photo-fullscreen{font-family:Fotonic,Arial,sans-serif}body[data-stage-one] .result-modal .viewer-primary,body[data-stage-one] .photo-fullscreen .viewer-primary{background:var(--k-accent);color:#fff}body[data-stage-one] .result-modal .viewer-secondary{background:var(--k-panel);border:1px solid var(--k-border);color:var(--k-text)}@media (max-width:1100px){.k-my-photos .works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){body[data-stage-one] .k-my-photos{padding:24px 0 32px}.k-my-photos .page-title h1{font-size:30px}.k-my-photos .page-title p{font-size:13px}.k-my-photos .works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.k-my-photos .work-card__meta{padding:11px 9px}.k-my-photos .work-card__meta strong{font-size:12px}.k-my-photos .works-empty{min-height:320px}.k-my-photos .works-empty h2{font-size:21px}}
