@layer components{.back-link{display:inline-flex;align-items:center;gap:var(--s-xs);font-size:var(--f-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--c-dim);transition:color var(--t-f);margin-bottom:var(--s-lg)}.back-link:hover{color:var(--c-green)}.back-link svg{width:16px;height:16px;transition:transform var(--t-f)}.back-link:hover svg{transform:translate(-4px)}.photo-view{max-width:1400px;margin:0 auto;padding:var(--s-2xl) var(--s-md) var(--s-xl)}.photo-layout{display:grid;grid-template-columns:1fr;gap:var(--s-xl)}@media(min-width:1280px){.photo-layout{grid-template-columns:2.5fr 1fr;align-items:start}}.photo-frame{background:var(--c-surf);border-left:3px solid var(--c-green);display:flex;align-items:center;justify-content:center;padding:var(--s-sm)}.photo-frame img{max-width:100%;max-height:85vh;width:auto;height:auto;object-fit:contain;display:block}.photo-info{display:flex;flex-direction:column;gap:var(--s-lg)}@media(min-width:1280px){.photo-info{position:sticky;top:calc(50px + var(--s-lg));align-self:start}}.pi-idx{font-family:var(--ff-h);font-size:var(--f-mega);font-weight:700;color:var(--c-green);line-height:.75;opacity:.1}.pi-title{font-family:var(--ff-h);font-size:var(--f-display);font-weight:700;text-transform:uppercase;line-height:.95;margin-top:calc(var(--s-sm)*-1)}.pi-body{font-family:var(--ff-s);font-size:var(--f-body);color:var(--c-muted);line-height:1.75;font-style:italic;max-width:48ch}.pi-body p+p{margin-top:var(--s-md)}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-sm) var(--s-md);border-top:1px solid var(--c-border);padding-top:var(--s-md)}.mk{font-size:var(--f-xs);color:var(--c-dim);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1px}.mv{font-family:var(--ff-h);font-size:var(--f-sm);letter-spacing:.04em;text-transform:uppercase}.tag-list{display:flex;flex-wrap:wrap;gap:var(--s-xs)}.tag-chip{font-size:var(--f-xs);padding:4px 12px;border:1px solid var(--c-border);color:var(--c-dim);letter-spacing:.06em;transition:all var(--t-f)}.tag-chip:hover{border-color:var(--c-green);color:var(--c-green)}.actions{display:flex;gap:var(--s-sm);border-top:1px solid var(--c-border);padding-top:var(--s-md)}.act-btn{font-size:var(--f-sm);letter-spacing:.1em;text-transform:uppercase;padding:8px 20px;border:1px solid var(--c-border);color:var(--c-dim);display:inline-flex;align-items:center;gap:var(--s-xs);transition:all var(--t-f)}.act-btn svg{width:15px;height:15px}.act-btn:hover{border-color:var(--c-text);color:var(--c-text)}.act-btn.liked{border-color:var(--c-green);color:var(--c-green)}}