.skill-video{aspect-ratio:16/9;background:#f4f1e8;width:100%;position:relative;overflow:hidden}.skill-video>video,.skill-video>.content-image{width:100%;height:100%;display:block;position:absolute;inset:0}.skill-video .content-image-media{object-fit:contain;width:100%;height:100%}.skill-video>.content-image{pointer-events:none}.skill-video[data-phase=failed]>.content-image,.skill-video>.content-image[data-phase=failed]{pointer-events:auto}.skill-video[data-running=true]>.content-image{visibility:hidden}@media (prefers-reduced-motion:reduce){.skill-video>video{visibility:hidden}.skill-video[data-running=true]>.content-image{visibility:visible}}
.skill-detail-preview>.skill-cover{border:1px solid var(--iw-line);border-radius:20px}.skill-detail-back{min-height:32px;color:var(--iw-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:16px;padding:0;font-size:13px;display:inline-flex}@media (hover:hover){.skill-detail-back:hover{color:var(--iw-ink)}}.skill-breadcrumb{color:var(--iw-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;font-size:12px;display:flex}.skill-breadcrumb>span{color:var(--iw-ink)}.skill-detail-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.skill-detail-preview{min-width:0}.skill-detail-preview .studio-preview-scene{min-height:370px}.skill-preview-deliverables{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.skill-preview-deliverables>span{border:1px solid var(--iw-line);background:var(--iw-surface);color:var(--iw-muted);border-radius:10px;align-items:center;gap:7px;padding:12px;font-size:11px;display:flex}.skill-compatibility{border-radius:18px;margin-top:24px;padding:20px 24px}.skill-compatibility dl{margin:0}.skill-compatibility dl>div{grid-template-columns:80px minmax(0,1fr);gap:20px;padding:16px 0;display:grid}.skill-compatibility dl>div+div{border-top:1px solid var(--iw-line)}.skill-compatibility dt{color:var(--iw-muted);font-size:12px}.skill-compatibility dd{flex-wrap:wrap;gap:8px;margin:0;font-size:12px;line-height:1.7;display:flex}.skill-compatibility dd>span{border:1px solid var(--iw-line);border-radius:999px;padding:4px 10px}.skill-detail-info{min-width:0;padding:34px;overflow:hidden}.skill-info-backdrop{z-index:-1;opacity:.19;filter:blur(16px);pointer-events:none;height:180px;position:absolute;inset:0 0 auto;overflow:hidden}.skill-info-backdrop .studio-preview{border:0}.skill-detail-info h1{letter-spacing:-.045em;max-width:520px;margin:22px 0 16px;font-size:clamp(30px,3.2vw,44px);font-weight:780;line-height:1.18}.skill-detail-summary{color:var(--iw-muted);margin:0;font-size:15px;line-height:1.9}.skill-detail-format{color:var(--iw-muted);gap:14px;margin-top:20px;font-size:12px;display:flex}.skill-detail-info h2{margin:28px 0 12px;font-size:14px}.skill-output-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.skill-output-list li{align-items:center;gap:10px;font-size:14px;display:flex}.skill-output-list svg{color:var(--iw-accent)}.skill-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.skill-actions>button{flex:auto;font-size:13px}.skill-action-status{min-height:20px;color:var(--iw-accent);margin:8px 0 0;font-size:12px}.skill-audience{color:var(--iw-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;font-size:11px;display:flex}.skill-audience>span:first-child{margin-right:6px}.skill-audience>span:not(:first-child){border:1px solid var(--iw-line);border-radius:999px;padding:5px 10px}.skill-detail-bottom{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:64px;margin-top:72px;display:grid}.skill-detail-bottom h2{letter-spacing:-.035em;margin:0 0 24px;font-size:26px}.skill-method ol{margin:0;padding:0 0 0 24px}.skill-method li{margin-bottom:28px;padding-left:14px}.skill-method li::marker{color:var(--iw-accent);font-size:15px;font-weight:650}.skill-method h3{margin:0 0 10px;font-size:16px}.skill-method p{max-width:42em;color:var(--iw-muted);margin:0;font-size:14px;line-height:1.9}.skill-prompt>div{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.skill-prompt>div>span{color:var(--iw-muted);font-size:11px}.skill-prompt pre{border:1px solid var(--iw-line);background:var(--iw-surface);color:var(--iw-muted);white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-ui);border-radius:18px;margin:0;padding:28px;font-size:13px;line-height:1.95}.skill-related{border-top:1px solid var(--iw-line);margin-top:72px;padding-top:32px}.skill-related h2{margin:0 0 24px;font-size:24px}.skill-related>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.skill-related a{border:1px solid var(--iw-line);background:var(--iw-surface);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:22px;display:grid}.skill-related a>span{color:var(--iw-muted);grid-column:1/-1;font-size:11px}.skill-related strong{font-size:15px;font-weight:650}.skill-related svg{color:var(--iw-accent)}@media (max-width:1000px){.skill-detail-grid{gap:24px}.skill-detail-info{padding:26px}.skill-detail-preview .studio-preview-scene{min-height:300px}.skill-detail-bottom{gap:32px}.skill-actions>button{width:100%}}@media (max-width:760px){.skill-detail-info{margin-top:0}.skill-actions>button{width:auto}.skill-detail-bottom{gap:40px;margin-top:48px}.skill-related>div{grid-template-columns:minmax(0,1fr)}.skill-related a{padding:18px}.skill-prompt pre{padding:22px}.skill-preview-deliverables{gap:6px}.skill-preview-deliverables>span{padding:10px;font-size:10px}.skill-prompt>div{flex-wrap:wrap;margin-bottom:20px}.skill-prompt>div h2{margin-bottom:0}.skill-detail-grid,.skill-detail-bottom{grid-template-columns:minmax(0,1fr)}}.skill-actions>a{flex:auto;font-size:13px}.skill-compatibility dd>.skill-tool-link{border:1px solid var(--iw-line);background:var(--iw-surface);color:var(--iw-ink);border-radius:999px;align-items:center;gap:7px;padding:5px 10px 5px 8px;transition:border-color .2s,color .2s,translate .2s;display:inline-flex}.skill-tool-link>svg{color:var(--iw-muted);transition:color .2s}.skill-tool-mark{object-fit:contain;background:currentColor;flex:none;width:16px;height:16px;display:block}img.skill-tool-mark{background:0 0}@media (hover:hover) and (pointer:fine){.skill-compatibility dd>.skill-tool-link:hover{border-color:var(--iw-accent);color:var(--iw-accent);translate:0 -1px}.skill-tool-link:hover>svg{color:var(--iw-accent)}}.skill-detail-grid-package{grid-template-areas:"preview info""compat effect""method effect";row-gap:24px}.skill-detail-grid-package>.skill-detail-preview{grid-area:preview}.skill-detail-grid-package>.skill-detail-info{grid-area:info}.skill-detail-grid-package>.skill-compatibility{grid-area:compat;margin-top:0}.skill-detail-grid-package>.skill-effect{grid-area:effect}.skill-detail-grid-package>.skill-method{grid-area:method;margin-top:32px}.skill-detail-grid-package .skill-method h2{letter-spacing:-.035em;margin:0 0 24px;font-size:26px}@media (max-width:760px){.skill-detail-grid-package{grid-template-areas:"preview""info""compat""method""effect"}.skill-detail-grid-package>.skill-method{margin-top:24px}}.skill-effect{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:16px;display:grid}.skill-effect>a{border:1px solid var(--iw-line);background:var(--iw-surface);border-radius:16px;display:block;overflow:hidden;box-shadow:0 18px 40px -28px #1d2b4a66}.skill-effect>a:first-child{grid-column:1/-1}.skill-effect .content-image{width:100%;display:block}.skill-effect img{width:100%;height:auto;transition:transform .5s;display:block}@media (hover:hover) and (pointer:fine){.skill-effect>a:hover img{transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.skill-effect img,.skill-tool-link{transition:none}}.skill-effect-image>a{aspect-ratio:16/10}.skill-effect-image .content-image{height:100%}.skill-effect-image img{object-fit:contain;height:100%}.skill-effect-image>a:hover img{transform:none}
.skills-directory-header{justify-content:space-between;align-items:center;gap:28px;margin-bottom:28px;display:flex}.skills-directory-header h1{letter-spacing:-.045em;margin:0;font-size:42px;font-weight:750;line-height:1.1}.skills-directory-header p{color:var(--iw-muted);margin:12px 0 0;font-size:14px}.skills-sidebar nav>a{border-radius:10px}.skills-sidebar nav>a[aria-current=page]{background:var(--iw-ink);color:var(--iw-bg)}.skills-sidebar nav>a>small{opacity:.7}.skills-directory-header{border-bottom:1px solid var(--iw-line);margin-bottom:32px;padding-bottom:28px}.skills-shelf{min-width:0;margin-bottom:48px}.skills-shelf-heading{justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px;display:flex}.skills-shelf-heading h2{letter-spacing:-.03em;margin:0;font-size:20px;font-weight:700}.skills-shelf-heading p{color:var(--iw-muted);margin:9px 0 0;font-size:13px;line-height:1.7}.skills-shelf-actions{flex:none;align-items:center;gap:20px;display:flex}.skills-shelf-actions>a{min-height:36px;color:var(--iw-muted);align-items:center;gap:7px;font-size:12px;display:flex}.skills-shelf-stage{position:relative}.skills-shelf-track{scrollbar-width:none;gap:20px;margin-inline:-3px;padding:4px 3px 12px;display:flex;overflow-x:auto}.skills-shelf-track::-webkit-scrollbar{display:none}.skills-shelf-arrow{z-index:5;border:1px solid var(--iw-line);background:var(--iw-surface);width:36px;height:36px;color:var(--iw-ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:calc(50% - 23px);transform:translateY(-50%);box-shadow:0 2px 8px #0000000d}.skills-shelf-previous{left:0}.skills-shelf-next{right:0}.skills-shelf-arrow:disabled{visibility:hidden}.skills-shelf-arrow:hover{border-color:var(--iw-muted)}.skills-shelf-progress{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;height:32px;margin-top:0;position:relative}.skills-shelf-progress:before{content:"";background:var(--iw-line);border-radius:5px;height:4px;position:absolute;top:14px;left:0;right:0}.skills-shelf-progress>span{height:4px;width:var(--rail-thumb);top:14px;left:calc((100% - var(--rail-thumb)) * var(--rail-progress));background:var(--iw-muted);opacity:.65;pointer-events:none;border-radius:5px;position:absolute}.skills-shelf-progress:is(:hover,:focus-visible,[data-dragging])>span{background:var(--iw-accent);opacity:1;height:8px;top:12px}.skills-shelf-progress[data-dragging]{cursor:grabbing}@media (pointer:coarse){.skills-shelf-progress{height:44px}.skills-shelf-progress:before,.skills-shelf-progress>span{top:20px}.skills-shelf-progress:is(:hover,:focus-visible,[data-dragging])>span{top:18px}}.skills-shelf-progress:focus-within{outline:2px solid var(--iw-accent);outline-offset:3px;border-radius:8px}.skills-shelf-progress:hover>span{background:var(--iw-accent);opacity:1}.skills-shelf-track>.skills-tile{scroll-snap-align:start;flex:none;width:clamp(250px,22vw,286px)}.skills-tile{min-width:0}.skills-tile-visual{isolation:isolate;border:1px solid var(--iw-line);box-shadow:var(--iw-shadow-card);border-radius:18px;position:relative}.skills-cover-link{z-index:2;border-radius:inherit;position:absolute;inset:0}.skills-tile-category{z-index:3;color:#263249;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#fbfcfecc;border:1px solid #ffffff5c;border-radius:999px;padding:4px 8px;font-size:10px;position:absolute;top:10px;left:10px}.skills-tile-caption{justify-content:space-between;align-items:center;gap:10px;padding:12px 1px 0;display:flex}.skills-tile-caption h3{letter-spacing:-.01em;min-width:0;margin:0;font-size:14px;font-weight:650;line-height:1.5}.skills-agent-marks{flex:none;align-items:center;padding-right:2px;display:flex}.skills-agent-marks>span{border:1px solid var(--iw-line);color:#27354b;background:#f7f8fb;border-radius:50%;place-items:center;width:22px;height:22px;margin-left:-4px;display:grid}.skills-agent-marks img{object-fit:contain;width:13px;height:13px}.skills-results-heading{flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.skills-results-heading h2{margin:0;font-size:22px}.skills-results-heading>span{color:var(--iw-muted);font-size:12px}.skills-results-heading>a{color:var(--iw-muted);align-items:center;gap:6px;margin-left:auto;font-size:12px;display:flex}.skills-results-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px;display:grid}.skills-empty{border:1px dashed var(--iw-line);border-radius:var(--iw-radius-card);background:var(--iw-surface);color:var(--iw-muted);justify-items:center;gap:12px;padding:72px 24px;display:grid}.skills-empty h3,.skills-empty p{margin:0}.skills-empty h3{color:var(--iw-ink);font-size:18px}.skills-empty p{font-size:13px}.skills-directory-note{border-top:1px solid var(--iw-line);margin-top:64px;padding-top:28px}.skills-directory-note>span{font-size:17px;font-weight:600}.skills-directory-note p{color:var(--iw-muted);margin:10px 0;font-size:13px;line-height:1.8}.skills-directory-note a{min-height:44px;color:var(--iw-accent);align-items:center;gap:8px;font-size:13px;display:inline-flex}.skill-cover{--cover-base:#d9ebe1;--cover-accent:#78988a;--cover-ink:#173d30;aspect-ratio:16/10;border-radius:inherit;background:var(--cover-base);color:var(--cover-ink);position:relative;overflow:hidden;container-type:inline-size}.skill-cover[data-tone=violet]{--cover-base:#e7e1f7;--cover-accent:#9b86d0;--cover-ink:#38296b}.skill-cover[data-tone=blue]{--cover-base:#dde8f5;--cover-accent:#799acd;--cover-ink:#203954}.skill-cover[data-tone=orange]{--cover-base:#f2dfca;--cover-accent:#cf8b56;--cover-ink:#532e19}.skill-cover[data-tone=rose]{--cover-base:#f0dbe2;--cover-accent:#c8849c;--cover-ink:#5c3043}.skill-cover[data-tone=ink]{--cover-base:#172137;--cover-accent:#b9ed94;--cover-ink:#edf5e7}.skill-cover-art{font-family:var(--font-ui);position:absolute;inset:0}.skill-cover-art strong{white-space:pre-line;letter-spacing:-.055em;font-weight:700;line-height:1.05}.skill-preview-toggle{z-index:4;color:#24354c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#fbfcfed9;border:1px solid #ffffff70;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;top:9px;right:9px}@media (prefers-reduced-motion:reduce){.skill-cover *{transition:none!important;animation:none!important}}@media (max-width:1000px){.skills-results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skills-shelf-track>.skills-tile{width:260px}}@media (max-width:760px){.skills-directory-header{flex-direction:column;align-items:start;gap:22px}.skills-directory-header h1{font-size:34px}.skills-directory-toolbar{align-items:start;gap:8px;margin-bottom:32px}.skills-directory-toolbar nav{gap:3px}.skills-directory-toolbar nav a{padding-inline:12px}.skills-directory-toolbar>span{padding-top:12px}.skills-shelf-heading{gap:12px}.skills-shelf-heading h2{font-size:19px}.skills-shelf-heading p{max-width:25em;font-size:12px}.skills-shelf-actions{flex-direction:column;align-items:end;gap:8px}.skills-shelf-actions>a{white-space:nowrap;min-height:28px}.skills-shelf-actions button{width:32px;height:32px}.skills-shelf-track{gap:16px}.skills-shelf-track>.skills-tile{width:270px}.skills-shelf{margin-bottom:36px}.skills-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.skills-results-grid .skills-tile-caption{flex-wrap:wrap;gap:6px}.skills-tile-caption h3{font-size:12px}.skills-directory-note{margin-top:44px}}@media (max-width:480px){.skills-results-grid{grid-template-columns:minmax(0,1fr)}.skills-results-grid .skills-tile-caption{flex-wrap:nowrap}.skills-results-grid .skills-tile-caption h3{font-size:13px}}.skill-cover[data-slug=gridpaper-coffee-brand-site]{aspect-ratio:16/9}.skills-tile .skill-cover{aspect-ratio:16/10}