.worki-showcase-viewport{border-radius:inherit;background:#f4f4f5;position:absolute;inset:0;overflow:hidden}.worki-showcase-poster{object-fit:contain;width:100%;height:100%;display:block}.worki-showcase-controls{z-index:2;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:230px;display:flex;position:absolute;top:14px;right:14px}.worki-showcase-controls button{color:#27272a;cursor:pointer;background:#fffffff2;border:1px solid #d4d4d8;border-radius:10px;place-items:center;min-width:44px;min-height:44px;padding:8px;font-size:11px;display:grid}.worki-showcase-controls svg{width:18px;height:18px}.worki-showcase-controls button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.worki-showcase-canvas{opacity:0;touch-action:none;cursor:grab;pointer-events:none;outline:none;width:100%;height:100%;transition:opacity .2s;display:block;position:absolute;inset:0}.worki-showcase-viewport[data-viewer-state=ready] .worki-showcase-canvas{opacity:1;pointer-events:auto}.worki-showcase-canvas:active{cursor:grabbing}.worki-showcase-canvas:focus-visible{outline:3px solid var(--primary);outline-offset:-5px}.worki-showcase-project-navigation{z-index:2;color:#525252;backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid #18181b17;border-radius:12px;align-items:center;gap:4px;padding:4px;font-size:11px;font-weight:700;display:flex;position:absolute;top:70px;left:14px;box-shadow:0 4px 18px #00000014}.worki-showcase-project-navigation span{white-space:nowrap;padding:0 8px}.worki-showcase-project-navigation button{color:#27272a;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.worki-showcase-project-navigation button:not(:disabled):hover{background:#f4f4f5}.worki-showcase-project-navigation button:disabled{color:#a1a1aa;cursor:not-allowed}.worki-showcase-project-navigation svg{width:17px;height:17px}.worki-showcase-project-navigation button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.worki-showcase-caption{z-index:1;color:#18181b;backdrop-filter:blur(12px);pointer-events:none;background:#ffffffdb;border:1px solid #18181b12;border-radius:13px;gap:2px;padding:12px 14px;display:grid;position:absolute;bottom:48px;left:14px;right:14px;box-shadow:0 4px 18px #00000012}.worki-showcase-caption strong{font-size:13px;line-height:1.3}.worki-showcase-caption>span{color:#71717a;font-size:10px}.worki-showcase-caption p{color:#52525b;max-height:4.2em;margin:4px 0 0;font-size:11px;line-height:1.4;overflow:hidden}.worki-showcase-instructions{z-index:1;color:#52525b;text-align:center;pointer-events:none;margin:0;font-size:10px;line-height:1.35;position:absolute;bottom:13px;left:16px;right:16px}.worki-showcase-status{z-index:2;color:#52525b;text-align:center;backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #18181b14;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:11px;line-height:1.4;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.worki-showcase-status button{color:#18181b;font:inherit;background:#fff;border:1px solid #52525b;border-radius:8px;padding:6px 10px;font-weight:700}.worki-showcase-status button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.worki-showcase-nojs{z-index:3;color:#18181b;text-align:center;background:#fff;border-radius:10px;margin:0;padding:9px 12px;font-size:11px;line-height:1.4;position:absolute;bottom:12px;left:12px;right:12px}.worki-showcase-spinner{flex:none;width:15px;height:15px;animation:.9s linear infinite worki-showcase-spin}.worki-showcase-color-warning{z-index:3;color:#92400e;background:#fffbebf2;border:1px solid #fcd34d;border-radius:9px;max-width:min(360px,100% - 28px);margin:0;padding:8px 10px;font-size:10px;line-height:1.4;position:absolute;top:118px;left:14px}@keyframes worki-showcase-spin{to{transform:rotate(360deg)}}@media (width<=640px){.worki-showcase-project-navigation{font-size:10px;top:70px;left:10px}.worki-showcase-project-navigation button{width:30px;height:30px}.worki-showcase-caption{padding:10px 12px;bottom:44px;left:10px;right:10px}.worki-showcase-caption strong{font-size:12px}.worki-showcase-caption p{max-height:2.8em;overflow:hidden}.worki-showcase-instructions{font-size:9px;bottom:10px;left:10px;right:10px}.worki-showcase-status{flex-wrap:wrap;font-size:10px;bottom:10px;left:10px;right:10px}.worki-showcase-color-warning{top:118px;left:10px}}@media (prefers-reduced-motion:reduce){.worki-showcase-canvas{transition:none}.worki-showcase-spinner{animation:none}}