:root{background:#e8f4f1}.results{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px}.work{min-height:0;padding:7px;overflow:hidden;cursor:default;background:#fbfaf4;border:1px solid #dce9e6;border-radius:17px;box-shadow:0 2px 4px #315e5810;transition:border-color .15s,box-shadow .15s}.work:hover{transform:none;border-color:#bdd8d1;box-shadow:0 4px 12px #315e5818}.work-preview{position:relative;aspect-ratio:16/10;background:#e8f3ef;overflow:hidden;border-radius:12px}.work-preview iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}.preview-state{position:absolute;inset:0;display:grid;place-items:center;background:#e8f3ef;color:#788078;font-size:12px;pointer-events:none}.preview-state[hidden]{display:none}.work-info{min-height:91px;padding:12px 9px 8px;display:flex;flex-direction:column}.work-top{justify-content:flex-start;gap:7px}.work-number{font-size:10px;color:#77827d}.group-label{font-size:10px;color:#547a6a;background:#eaf2eb;padding:4px 7px;border-radius:4px}.work-info h2{order:-1;margin:0 0 7px;font-size:14px;line-height:1.45;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-meta{padding:2px 0 0;display:flex;justify-content:space-between;gap:8px;color:#53615b;font-size:11px}.work-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-meta.secondary{color:#89918b;font-size:10px}.effort-label{background:#f0eee5;padding:3px 7px;border-radius:4px}.toolbar{margin-top:22px;border:0}.filters{gap:14px}.filter{padding:10px 4px 9px}@media(max-width:760px){.results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.work-preview{aspect-ratio:16/10}.work-info{padding:10px 7px 7px}}@media(max-width:480px){.results{grid-template-columns:1fr}}
.subtitle{max-width:900px;line-height:1.8}.work{cursor:zoom-in}.work:focus-visible{outline:3px solid #39866a;outline-offset:2px}.work-preview iframe{pointer-events:none}.detail-dialog{width:98vw;height:98dvh;max-width:none;max-height:none}.detail-dialog .frame-wrap{flex:1;height:auto;min-height:0;overflow:hidden}.detail-dialog .frame-wrap iframe{pointer-events:auto}@media(max-width:760px){.detail-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.detail-dialog .frame-wrap{min-height:0}}
.work-preview{aspect-ratio:4/3}
.work-preview{contain:layout paint}.work-preview iframe{isolation:isolate}