@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";.guide-page{margin:0 auto;max-width:1180px;padding:34px min(6vw,72px) 64px;width:100%}.guide-hero{align-items:center;background:var(--color-surface-hero);border:1px solid var(--color-border-soft);border-radius:22px;box-shadow:0 24px 60px #1a3a5c1c;display:flex;gap:42px;justify-content:space-between;min-height:260px;overflow:hidden;padding:clamp(28px,4vw,46px);position:relative}.guide-hero:before{background:linear-gradient(90deg,rgba(251,248,243,.99) 0%,rgba(251,248,243,.96) 43%,rgba(251,248,243,.78) 58%,rgba(251,248,243,.12) 78%,transparent 100%);content:"";inset:0;position:absolute;z-index:1}.guide-hero-art{inset:0;position:absolute}.guide-hero-art img{animation:guideHeroDrift 16s ease-in-out infinite alternate;height:100%;object-fit:cover;object-position:center;width:100%}.guide-hero-copy{max-width:650px;position:relative;z-index:2}.guide-hero-copy .eyebrow{background:#ffffffc2;border:1px solid rgba(232,122,62,.24);border-radius:999px;box-shadow:0 6px 18px #1a3a5c0f;display:inline-flex;padding:6px 10px}.guide-hero-copy h1{font-size:clamp(2.2rem,4.7vw,3.7rem);max-width:660px}.guide-hero-copy h1 span{color:var(--color-accent);display:inline-block;position:relative}.guide-hero-copy h1 span:after{background:linear-gradient(90deg,var(--color-accent),rgba(232,122,62,.16));border-radius:999px;bottom:1px;content:"";height:5px;left:2px;position:absolute;right:-2px;transform:rotate(-1.5deg);z-index:-1}.guide-hero-intro{color:var(--color-text-muted);font-size:1rem;line-height:1.5;max-width:620px}.guide-hero-flourish{align-items:center;display:flex;gap:8px;height:22px;margin-top:20px}.guide-hero-flourish>span{animation:guideFlourishIn .62s cubic-bezier(.22,1,.36,1) both;display:block}.guide-hero-flourish>span:nth-child(1){background:var(--color-accent);height:15px;transform:rotate(8deg);width:15px}.guide-hero-flourish>span:nth-child(2){animation-delay:80ms;background:var(--color-nav-bg);height:6px;width:44px}.guide-hero-flourish>span:nth-child(3){animation-delay:.16s;border:3px solid #8799ab;border-radius:999px;height:18px;width:18px}@keyframes guideHeroDrift{0%{transform:scale(1.01) translateZ(0)}to{transform:scale(1.055) translate3d(-8px,-3px,0)}}@keyframes guideFlourishIn{0%{opacity:0;transform:translateY(7px) scale(.82)}to{opacity:1}}.guide-track-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.guide-track-card{align-items:center;background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:16px;box-shadow:var(--shadow-card);color:var(--color-text-primary);display:grid;gap:16px;grid-template-columns:auto minmax(0,1fr) 112px;justify-content:stretch;isolation:isolate;overflow:hidden;padding:20px;position:relative;text-align:left;transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s cubic-bezier(.22,1,.36,1);width:100%}.guide-track-card:after{background:var(--color-accent);bottom:0;content:"";height:3px;left:20px;position:absolute;right:20px;transform:scaleX(0);transform-origin:left;transition:transform .36s cubic-bezier(.22,1,.36,1)}.guide-track-card:hover:not(:disabled){background:var(--color-surface-card);border-color:var(--color-nav-bg);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.guide-track-card.is-active{background:linear-gradient(135deg,#fff,#fffaf4);border-color:var(--color-accent);box-shadow:0 12px 30px #e87a3e24}.guide-track-card.is-active:after{transform:scaleX(1)}.guide-track-icon{align-items:center;background:var(--color-pill-category-bg);border-radius:999px;color:var(--color-nav-bg);display:inline-flex;height:48px;justify-content:center;width:48px}.guide-track-card.is-active .guide-track-icon{background:var(--color-accent-soft);box-shadow:0 0 0 6px #e87a3e14;color:var(--color-accent-soft-fg)}.guide-track-copy{display:grid;gap:4px;min-width:0}.guide-track-label{color:var(--color-accent);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.guide-track-copy strong{font-size:1.08rem}.guide-track-copy>span:last-child{color:var(--color-text-muted);font-size:.88rem;font-weight:500;line-height:1.5}.guide-track-art{align-self:stretch;background:var(--color-surface-hero);border:1px solid var(--color-border-soft);border-radius:12px;min-height:92px;overflow:hidden;position:relative}.guide-track-art img{height:100%;object-fit:cover;transition:transform .24s ease;width:100%}.guide-track-art>span{align-items:center;background:#ffffffe6;border-radius:999px;bottom:8px;box-shadow:0 4px 12px #1a3a5c26;color:var(--color-nav-bg);display:inline-flex;height:30px;justify-content:center;position:absolute;right:8px;transition:background .16s ease,color .16s ease,transform .16s ease;width:30px}.guide-track-art>span svg{transition:transform .24s cubic-bezier(.22,1,.36,1)}.guide-track-card:hover .guide-track-art img,.guide-track-card.is-active .guide-track-art img{transform:scale(1.035)}.guide-track-card:hover .guide-track-art>span,.guide-track-card.is-active .guide-track-art>span{background:var(--color-accent);color:#fff;transform:translate(2px)}.guide-track-card.is-active .guide-track-art>span{transform:translateY(2px)}.guide-track-card.is-active .guide-track-art>span svg{transform:rotate(90deg)}.guide-track-card.is-active .guide-track-art{border-color:#e87a3e8c}.guide-workbench{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:20px;box-shadow:var(--shadow-card);display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);margin-top:22px;min-height:560px;overflow:hidden;position:relative;scroll-margin-top:24px}.guide-workbench:before{background:linear-gradient(90deg,var(--color-accent),#f4bb76 42%,var(--color-nav-bg));content:"";height:3px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.guide-step-nav{background:linear-gradient(180deg,var(--color-surface-subtle),#f3eee4);border-right:1px solid var(--color-border-soft);padding:28px 18px;position:relative}.guide-step-nav-kicker{color:var(--color-text-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;margin:0 10px 18px;text-transform:uppercase}.guide-step-nav ol{display:grid;gap:4px;list-style:none;margin:0;padding:0}.guide-step-item{position:relative}.guide-step-item:not(:last-child):after{background:var(--color-border-soft);bottom:-8px;content:"";left:25px;position:absolute;top:40px;transition:background .28s ease,transform .36s cubic-bezier(.22,1,.36,1);width:1px}.guide-step-item.is-complete:not(:last-child):after{background:#9eb9a7}.guide-step-button{background:transparent;border:1px solid transparent;color:var(--color-text-muted);display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;justify-content:stretch;padding:10px;position:relative;text-align:left;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease,transform .2s ease;width:100%;z-index:1}.guide-step-button:hover:not(:disabled){background:#ffffffa6;color:var(--color-text-primary);transform:translate(2px)}.guide-step-button.is-active{background:var(--color-surface-card);border-color:var(--color-border-soft);box-shadow:0 5px 16px #1a3a5c12;color:var(--color-text-primary);transform:translate(4px)}.guide-step-button.is-complete{color:var(--color-text-primary)}.guide-step-copy{display:grid;gap:1px;min-width:0}.guide-step-button small{color:var(--color-text-muted);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.guide-step-marker{align-items:center;background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:999px;color:var(--color-text-muted);display:inline-flex;height:30px;justify-content:center;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;width:30px}.guide-step-button.is-active .guide-step-marker{animation:guideStepMarkerIn .38s cubic-bezier(.22,1,.36,1) both;background:var(--color-accent);border-color:var(--color-accent);color:#fff;transform:scale(1.04)}.guide-step-button.is-complete .guide-step-marker{background:#e7efe9;border-color:#c6d5cc;color:#2e6543}.guide-step-cue{align-self:center;color:var(--color-accent);display:inline-flex;opacity:0;transform:translate(-7px);transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1)}.guide-step-button.is-active .guide-step-cue{opacity:1;transform:translate(0)}@keyframes guideStepMarkerIn{0%{transform:scale(.78)}to{transform:scale(1.04)}}.guide-stage{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;overflow:hidden;scroll-margin-top:24px}.guide-stage-content{animation-duration:.52s;animation-fill-mode:backwards;animation-timing-function:cubic-bezier(.22,1,.36,1);display:grid;gap:18px;grid-template-rows:auto minmax(0,1fr);padding:clamp(26px,4vw,44px)}.guide-stage.is-forward .guide-stage-content{animation-name:guideStageInForward}.guide-stage.is-backward .guide-stage-content{animation-name:guideStageInBackward}.guide-stage.is-switch .guide-stage-content{animation-name:guideStageInSwitch}.guide-stage-content .guide-demo{animation:guideDemoIn .52s 70ms cubic-bezier(.22,1,.36,1) both}@keyframes guideStageInForward{0%{filter:blur(1px);opacity:0;transform:translate3d(30px,0,0)}to{filter:blur(0);opacity:1;transform:translateZ(0)}}@keyframes guideStageInBackward{0%{filter:blur(1px);opacity:0;transform:translate3d(-30px,0,0)}to{filter:blur(0);opacity:1;transform:translateZ(0)}}@keyframes guideStageInSwitch{0%{filter:blur(1px);opacity:0;transform:translate3d(0,14px,0) scale(.992)}to{filter:blur(0);opacity:1;transform:translateZ(0) scale(1)}}@keyframes guideDemoIn{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:translateZ(0)}}.guide-stage-header{max-width:720px}.guide-stage-eyebrow,.guide-demo-kicker{color:var(--color-accent);font-size:.74rem;font-weight:800;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.guide-stage-eyebrow{align-items:center;display:flex;gap:8px}.guide-stage-eyebrow:after{background:linear-gradient(90deg,var(--color-accent),transparent);content:"";height:2px;width:34px}.guide-stage-header h2{font-size:clamp(1.7rem,3.2vw,2.4rem);margin-bottom:6px}.guide-stage-header>p:last-child{color:var(--color-text-muted);font-size:.92rem;line-height:1.5;max-width:680px}.guide-demo{align-self:center;min-width:0}.guide-stage-footer{align-items:center;border-top:1px solid var(--color-border-soft);display:grid;gap:16px;grid-template-columns:1fr auto 1fr;padding:16px clamp(22px,4vw,42px)}.guide-stage-footer>button{transition:background .18s ease,box-shadow .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}.guide-stage-footer>button:hover:not(:disabled){box-shadow:0 7px 18px #1a3a5c2e;transform:translateY(-1px)}.guide-stage-footer>button:first-child{justify-self:start}.guide-stage-footer>button:last-child{justify-self:end}.guide-stage-status{align-items:center;display:grid;gap:6px 8px;grid-template-columns:auto auto;justify-content:center;min-width:92px}.guide-autoplay-toggle{background:var(--color-surface-subtle);border:1px solid var(--color-border-soft);border-radius:999px;color:var(--color-nav-bg);height:28px;padding:0;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;width:28px}.guide-autoplay-toggle:hover:not(:disabled){background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent-soft-fg);transform:scale(1.04)}.guide-stage-progress{align-items:center;display:flex;gap:6px}.guide-stage-progress span{background:var(--color-border-soft);border-radius:999px;height:6px;transition:background .22s ease,width .22s ease;width:6px}.guide-stage-progress span.is-active{background:var(--color-accent);width:22px}.guide-stage-progress span.is-complete{background:#e87a3e61}.guide-autoplay-track{background:var(--color-border-soft);border-radius:999px;display:block;grid-column:1 / -1;height:2px;overflow:hidden;width:100%}.guide-autoplay-fill{animation:guideAutoplayProgress var(--guide-autoplay-duration, 5.2s) linear forwards;background:var(--color-accent);display:block;height:100%;transform-origin:left;width:100%}.guide-stage.is-paused .guide-autoplay-fill{animation-play-state:paused}@keyframes guideAutoplayProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.guide-stage-next{gap:9px;min-width:126px}.guide-stage-next>span{display:grid;line-height:1.15;text-align:left}.guide-stage-next small{color:#ffffffad;font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.guide-stage-next svg{flex:0 0 auto;transition:transform .22s cubic-bezier(.22,1,.36,1)}.guide-stage-next:hover:not(:disabled) svg{transform:translate(3px)}.guide-primary-link{background:var(--color-accent)}.guide-primary-link:hover{background:var(--color-accent-hover)}.guide-text-link{align-items:center;color:var(--color-nav-bg);display:inline-flex;font-weight:700;gap:6px;text-decoration:none}.guide-text-link:hover{color:var(--color-accent-hover);text-decoration:underline;text-underline-offset:3px}.guide-discovery-demo{display:grid;gap:14px;margin:0 auto;max-width:760px}.guide-discovery-question{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-soft);border-radius:12px;color:var(--color-text-muted);display:flex;gap:9px;padding:12px 14px}.guide-discovery-question svg{color:var(--color-accent);flex:0 0 auto}.guide-discovery-question small{background:var(--color-pill-neutral-bg);border-radius:999px;color:var(--color-pill-neutral-fg);font-size:.62rem;font-weight:800;letter-spacing:.06em;margin-left:auto;padding:4px 7px;text-transform:uppercase}.guide-discovery-choices{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.guide-discovery-choice{align-items:center;background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:14px;color:var(--color-text-primary);display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);padding:16px}.guide-discovery-choice>svg,.guide-discovery-result-icon{align-items:center;background:var(--color-accent-soft);border-radius:10px;color:var(--color-nav-bg);display:inline-flex;height:36px;justify-content:center;padding:8px;width:36px}.guide-discovery-choice span,.guide-discovery-result>span:not(.guide-discovery-result-icon){display:grid;gap:2px}.guide-discovery-choice small{color:var(--color-text-muted);font-size:.72rem}.guide-discovery-result{align-items:center;background:var(--color-nav-bg);border-radius:14px;color:#fff;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;padding:13px 15px}.guide-discovery-result-icon{background:#ffffff1f;color:#fff}.guide-discovery-result small{color:#ffffffa3;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.guide-tufte-card{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:16px;box-shadow:var(--shadow-card-hover);display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(260px,1fr);margin:0 auto;max-width:780px;overflow:hidden}.guide-tufte-image{min-height:300px;overflow:hidden;position:relative}.guide-tufte-image img{height:100%;object-fit:cover;width:100%}.guide-tufte-image>span{background:#1a3a5ce6;border-radius:999px;color:#fff;font-size:.72rem;font-weight:700;left:16px;padding:6px 10px;position:absolute;top:16px}.guide-tufte-copy{align-content:center;display:grid;gap:12px;padding:30px}.guide-tufte-copy h3,.guide-get-note h3,.guide-image-copy h3{font-size:1.35rem;margin:0}.guide-tufte-copy>p:not(.guide-demo-kicker),.guide-get-note>p:not(.guide-demo-kicker),.guide-image-copy>p:not(.guide-demo-kicker){color:var(--color-text-muted);line-height:1.6}.guide-demo-tags{display:flex;flex-wrap:wrap;gap:6px}.guide-demo-tags span{background:var(--color-pill-neutral-bg);border-radius:999px;color:var(--color-pill-neutral-fg);font-size:.76rem;padding:4px 9px}.guide-playground-demo{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:18px;box-shadow:var(--shadow-card-hover);display:grid;gap:12px;margin:0 auto;max-width:820px;padding:14px}.guide-playground-launcher{align-items:center;background:radial-gradient(circle at 85% 20%,rgba(232,122,62,.18),transparent 32%),var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:18px;box-shadow:var(--shadow-card-hover);display:grid;gap:9px;justify-items:center;margin:0 auto;max-width:560px;padding:34px;text-align:center}.guide-playground-launcher-icon{align-items:center;background:var(--color-accent-soft);border-radius:16px;color:var(--color-accent-soft-fg);display:inline-flex;height:52px;justify-content:center;width:52px}.guide-playground-launcher h3,.guide-playground-launcher p{margin:0}.guide-playground-launcher>p:not(.guide-demo-kicker){color:var(--color-text-muted);font-size:.86rem}.guide-playground-launcher .guide-primary-link{animation:guideClickableGlow 2.2s ease-in-out infinite;box-shadow:0 0 0 4px #e87a3e24,0 10px 24px #e87a3e38;margin-top:7px}@keyframes guideClickableGlow{50%{box-shadow:0 0 0 7px #e87a3e14,0 12px 28px #e87a3e47}}.guide-playground-toolbar{display:flex;flex-wrap:wrap;gap:6px}.guide-playground-toolbar span{background:var(--color-surface-subtle);border-radius:7px;color:var(--color-text-muted);font-size:.76rem;font-weight:700;padding:5px 8px}.guide-playground-demo label,.guide-description-field label{font-size:.82rem;font-weight:700}.guide-playground-task{display:grid;gap:8px}.guide-playground-demo textarea,.guide-description-field textarea{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:12px;color:var(--color-text-primary);line-height:1.55;padding:13px 14px;resize:vertical;width:100%}.guide-playground-demo textarea:focus,.guide-description-field textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px #e87a3e1f;outline:none}.guide-playground-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.guide-playground-actions>span{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:.8rem;gap:6px}.guide-playground-actions button:disabled{cursor:wait;opacity:.68}.guide-playground-actions .guide-primary-link:not(:disabled){animation:guideClickableGlow 2.2s ease-in-out infinite;box-shadow:0 0 0 4px #e87a3e24,0 10px 24px #e87a3e38}.guide-preview-selection,.guide-preview-notice{align-items:center;background:var(--color-accent-soft);border-radius:999px;color:var(--color-accent-soft-fg);display:inline-flex;font-size:.76rem;font-weight:750;gap:6px;justify-self:start;padding:7px 10px}.guide-get-demo{display:grid;gap:26px;grid-template-columns:minmax(260px,.95fr) minmax(280px,1.05fr);margin:0 auto;max-width:780px}.guide-get-menu-preview{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:14px;box-shadow:var(--shadow-card-hover);overflow:hidden}.guide-get-menu-preview>div{align-items:start;border-top:1px solid var(--color-border-soft);display:grid;gap:10px;grid-template-columns:auto 1fr;padding:13px 16px}.guide-get-menu-preview>div:first-child{align-items:center;background:var(--color-nav-bg);border-top:0;color:#fff}.guide-get-menu-preview span{display:grid;gap:2px}.guide-get-menu-preview small{color:var(--color-text-muted);font-size:.76rem}.guide-get-note{align-content:center;display:grid;gap:12px}.guide-get-note .guide-primary-link{justify-self:start;margin-top:4px}.guide-upload-methods{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:780px}.guide-upload-method{align-content:start;background:var(--color-surface-subtle);border:1px solid var(--color-border-soft);border-radius:12px;color:var(--color-text-primary);display:grid;gap:6px;min-height:132px;padding:18px}.guide-upload-methods svg{color:var(--color-accent)}.guide-upload-methods span{color:var(--color-text-muted);font-size:.84rem;line-height:1.5}.guide-upload-method-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px;grid-column:1 / -1;margin-top:4px}.guide-description-demo{align-items:stretch;display:grid;gap:22px;grid-template-columns:minmax(280px,1.1fr) minmax(260px,.9fr);margin:0 auto;max-width:800px}.guide-description-field,.guide-description-preview{border:1px solid var(--color-border-soft);border-radius:14px;display:grid;gap:11px;padding:20px}.guide-description-field{background:var(--color-surface-subtle)}.guide-description-field p{color:var(--color-text-muted);font-size:.8rem;line-height:1.55}.guide-description-preview{align-content:start;background:var(--color-surface-card);box-shadow:var(--shadow-card-hover)}.guide-description-preview .category-pill{justify-self:start}.guide-description-preview h3{font-size:1.18rem;margin:5px 0 0}.guide-description-preview>p{color:var(--color-text-muted);line-height:1.55;min-height:6.2em}.guide-attachment-demo{display:grid;gap:20px;grid-template-columns:minmax(280px,1.1fr) minmax(250px,.9fr);margin:0 auto;max-width:760px}.guide-attachment-drop{align-content:center;background:#fdf9f3;border:1px dashed #c7bba8;border-radius:16px;display:grid;gap:8px;justify-items:center;min-height:260px;padding:28px;text-align:center}.guide-attachment-drop>span{align-items:center;background:var(--color-accent-soft);border-radius:999px;color:var(--color-accent-soft-fg);display:inline-flex;height:50px;justify-content:center;width:50px}.guide-attachment-drop p{color:var(--color-text-muted);font-size:.84rem}.guide-attachment-explainer{align-content:center;display:grid;gap:12px}.guide-attachment-explainer>div{align-items:start;background:var(--color-surface-subtle);border:1px solid var(--color-border-soft);border-radius:10px;display:grid;gap:10px;grid-template-columns:auto 1fr;padding:13px}.guide-attachment-explainer>div>span{display:grid;gap:2px}.guide-attachment-explainer small{color:var(--color-text-muted)}.guide-attachment-explainer .guide-primary-link{justify-self:start}.guide-image-demo{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:16px;box-shadow:var(--shadow-card-hover);display:grid;grid-template-columns:minmax(300px,1.15fr) minmax(280px,.85fr);margin:0 auto;max-width:820px;overflow:hidden}.guide-image-preview{min-height:300px;overflow:hidden;position:relative}.guide-image-preview img{height:100%;object-fit:cover;width:100%}.guide-image-preview span{align-items:center;background:#1a3a5ce6;border-radius:999px;bottom:16px;color:#fff;display:inline-flex;font-size:.76rem;font-weight:700;gap:6px;left:16px;padding:7px 10px;position:absolute}.guide-image-copy{align-content:center;display:grid;gap:11px;padding:28px}.guide-inline-note{background:var(--color-accent-soft);border-radius:9px;color:var(--color-accent-soft-fg);font-size:.8rem;line-height:1.5;padding:10px 12px}.guide-tabs-demo{display:flex;flex-direction:column;gap:16px}.guide-tab-bar{display:flex;gap:6px;border-bottom:1px solid rgba(20,30,55,.12)}.guide-tab-button{appearance:none;background:none;border:none;border-bottom:2px solid transparent;color:#141e3799;cursor:pointer;font:inherit;font-weight:600;padding:8px 12px}.guide-tab-button.is-active{border-bottom-color:var(--guide-accent, #d2552f);color:#141e37f2}.guide-tab-button:hover:not(:disabled){background:#141e370f;color:#141e37f2}.guide-tab-content-excerpt{color:#141e37d1;line-height:1.55}.guide-tab-prompts{flex-direction:column}.guide-tab-coverage-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.guide-tab-coverage-badges span{background:#2484561f;border-radius:999px;color:#1f6b46;font-size:12px;font-weight:600;padding:4px 10px}.guide-tab-metrics-table{border-collapse:collapse;font-size:13px;width:100%}.guide-tab-metrics-table th,.guide-tab-metrics-table td{border-bottom:1px solid rgba(20,30,55,.1);padding:6px 10px;text-align:left}.guide-brainstorm-stage{display:flex;flex-direction:column;gap:12px;min-height:150px}.guide-brainstorm-ready,.guide-brainstorm-personas{align-items:center;display:flex;flex-direction:column;gap:8px;padding:18px;text-align:center}.guide-brainstorm-persona-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.guide-brainstorm-persona-chip{background:#141e370f;border-radius:999px;font-size:13px;padding:5px 12px}.guide-brainstorm-ideas{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}.guide-brainstorm-idea-card{background:#ffffffb3;border:1px solid rgba(20,30,55,.1);border-radius:12px;padding:12px}.guide-brainstorm-idea-theme{color:var(--guide-accent, #d2552f);font-size:12px;font-weight:700;text-transform:uppercase}.guide-brainstorm-idea-card p{margin:6px 0}.guide-brainstorm-idea-card small{color:#141e378c}.guide-customize-launcher{align-items:center;display:flex;flex-direction:column;gap:8px;padding:24px;text-align:center}.guide-customize-interview{display:flex;flex-direction:column;gap:16px}.guide-customize-question label{display:block;font-weight:600;margin-bottom:6px}.guide-customize-question input{border:1px solid rgba(20,30,55,.2);border-radius:8px;font:inherit;padding:8px 10px;width:100%}.guide-customize-preview{background:#141e370a;border-radius:12px;padding:14px}.guide-customize-preview code{font-size:.9em}.guide-customize-settings{background:#141e37e6;border-radius:8px;color:#f5f5f5;font-size:13px;margin:10px 0;overflow-x:auto;padding:12px}.guide-customize-settings code{color:inherit;white-space:pre}.guide-customize-note{color:var(--color-text-muted);font-size:.9rem}.guide-workflow-rail{align-items:center;display:flex;gap:10px;margin-top:14px}.guide-workflow-branches{display:flex;flex:1;flex-direction:column;gap:12px;min-width:0}.guide-workflow-row{align-items:stretch;display:grid;gap:10px;grid-template-columns:1fr auto 1fr}.guide-workflow-cell{border-radius:12px;display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px}.guide-workflow-cell strong{font-size:.95rem;line-height:1.2}.guide-workflow-cell small{color:var(--color-text-muted);line-height:1.35}.guide-workflow-icon{align-items:center;border-radius:9px;display:inline-flex;height:34px;justify-content:center;margin-bottom:2px;width:34px}.guide-workflow-cell--source{background:#141e37eb;color:#fff}.guide-workflow-cell--source small{color:#ffffffb8}.guide-workflow-cell--source .guide-workflow-icon{background:#ffffff24}.guide-workflow-cell--handoff{background:#d2552f1a;border:1px solid rgba(210,85,47,.28)}.guide-workflow-cell--handoff .guide-workflow-icon{background:#d2552f29;color:var(--guide-accent, #d2552f)}.guide-workflow-cell--receiver{background:#141e370d;border:1px solid rgba(20,30,55,.12)}.guide-workflow-cell--receiver .guide-workflow-icon{background:#141e3714;color:#141e37b3}.guide-workflow-arrow{align-items:center;color:#141e3759;display:flex;flex-shrink:0}@media(max-width:620px){.guide-workflow-rail{align-items:stretch;flex-direction:column}.guide-workflow-rail>.guide-workflow-arrow{transform:rotate(90deg)}}.guide-upload-ai-first{display:flex;flex-direction:column;gap:12px}.guide-upload-ai-hero{align-items:center;background:#141e37eb;border-radius:14px;color:#fff;display:flex;gap:14px;padding:18px}.guide-upload-ai-hero div{display:flex;flex-direction:column;flex:1;gap:2px}.guide-upload-ai-hero strong{font-size:16px}.guide-upload-methods-secondary{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.guide-upload-ai-link-chip{align-items:center;background:#2484561a;border:1px solid rgba(36,132,86,.3);border-radius:10px;display:flex;gap:8px;padding:10px 12px}.guide-upload-ai-link-chip code{font-weight:600}.guide-upload-ai-link-chip span{color:#141e3799;font-size:12px;margin-left:auto}.guide-upload-ai-instruction-block{background:#141e370a;border-radius:12px;margin-top:12px;padding:14px}.guide-upload-ai-instruction-block pre{background:#141e37e6;border-radius:8px;color:#f5f5f5;font-size:13px;margin:8px 0;overflow-x:auto;padding:12px}.guide-upload-review-demo{display:flex;flex-direction:column;gap:14px}.guide-upload-review-row{display:flex;gap:8px}.guide-upload-review-row textarea{border:1px solid rgba(20,30,55,.2);border-radius:8px;flex:1;font:inherit;padding:8px;resize:vertical}.guide-upload-review-field label{display:block;font-weight:600;margin-bottom:6px}@media(max-width:900px){.guide-hero-art img{object-position:64% center}.guide-track-grid,.guide-workbench{grid-template-columns:1fr}.guide-step-nav{border-bottom:1px solid var(--color-border-soft);border-right:0;overflow-x:auto;padding:14px;scrollbar-width:none}.guide-step-nav::-webkit-scrollbar{display:none}.guide-step-nav-kicker{margin:0 4px 10px}.guide-step-nav ol{display:flex;min-width:max-content}.guide-step-item:not(:last-child):after{height:1px;inset:25px -14px auto 40px;width:auto}.guide-step-button{min-width:160px}.guide-step-button:hover:not(:disabled){transform:translateY(-1px)}.guide-step-button.is-active{transform:translateY(2px)}.guide-step-cue{transform:translateY(-7px) rotate(90deg)}.guide-step-button.is-active .guide-step-cue{transform:translateY(0) rotate(90deg)}.guide-tufte-card,.guide-get-demo,.guide-description-demo,.guide-attachment-demo,.guide-image-demo{grid-template-columns:1fr}.guide-tufte-image,.guide-image-preview{min-height:240px}}@media(max-width:620px){.guide-page{padding:20px 16px 44px}.guide-hero{border-radius:16px;min-height:300px;padding:28px 22px}.guide-hero:before{background:linear-gradient(90deg,#fbf8f3fa,#fbf8f3f0 72%,#fbf8f394)}.guide-hero-art{opacity:.48}.guide-hero-art img{object-position:74% center}.guide-track-card{grid-template-columns:auto minmax(0,1fr);padding:18px}.guide-track-art{grid-column:1 / -1;min-height:118px;width:100%}.guide-workbench{border-radius:16px}.guide-stage-content{padding:26px 20px 34px}.guide-stage-footer{grid-template-columns:1fr auto 1fr;padding:14px 16px}.guide-upload-methods{grid-template-columns:1fr}.guide-upload-method-actions{grid-column:auto}.guide-discovery-choices{grid-template-columns:1fr}.guide-playground-actions,.guide-upload-method-actions{align-items:stretch;flex-direction:column}.guide-playground-actions .button-link,.guide-upload-method-actions .button-link{width:100%}}@media(prefers-reduced-motion:reduce){.guide-stage-content,.guide-stage-content .guide-demo,.guide-playground-launcher .guide-primary-link,.guide-playground-actions .guide-primary-link,.guide-step-button.is-active .guide-step-marker,.guide-autoplay-fill,.guide-hero-art img,.guide-hero-flourish>span{animation:none}.guide-track-card,.guide-track-card:after,.guide-track-art img,.guide-track-art>span,.guide-track-art>span svg,.guide-step-item:after,.guide-step-button,.guide-step-marker,.guide-step-cue,.guide-stage-footer>button,.guide-autoplay-toggle,.guide-stage-next svg,.guide-stage-progress span{transition:none}}:root{--color-nav-bg: #1a3a5c;--color-nav-fg: #ffffff;--color-nav-fg-muted: rgba(255, 255, 255, .72);--color-accent: #e87a3e;--color-accent-hover: #d2682c;--color-accent-soft: #fbe6d4;--color-accent-soft-fg: #8a3a10;--color-surface-page: #d4e3dc;--color-surface-card: #ffffff;--color-surface-hero: #bfd3cc;--color-surface-subtle: #dbe8e2;--color-border-soft: #c3d5cd;--color-border-strong: var(--color-nav-bg);--color-text-primary: #1c2b34;--color-text-muted: #5a6b6a;--color-pill-neutral-bg: #d8e5df;--color-pill-neutral-fg: #3c4a48;--color-pill-category-bg: #dbe7ef;--color-pill-category-fg: var(--color-nav-bg);--color-focus-ring: var(--color-accent);--shadow-card: 0 4px 14px rgba(26, 58, 92, .06);--shadow-card-hover: 0 14px 32px rgba(26, 58, 92, .14);--radius-card: 12px;--radius-control: 12px}:root{color:var(--color-text-primary);background:var(--color-surface-page);font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;scrollbar-gutter:stable}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}.app-shell{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3{font-family:Fraunces,Georgia,Times New Roman,serif}.hero-band{border-bottom:1px solid var(--color-border-soft);background:var(--color-surface-hero);padding:56px min(6vw,72px) 48px}.hero-heading-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.hero-heading-row h1{flex:1 1 auto}.hero-upload-link{align-items:center;background:var(--color-accent);border:1px solid var(--color-accent);border-radius:999px;box-shadow:0 6px 16px #e87a3e52;color:var(--color-surface-hero);display:inline-flex;flex:0 0 auto;height:56px;justify-content:center;margin-top:6px;text-decoration:none;transition:background-color .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease;width:56px}.hero-upload-link:hover,.hero-upload-link:focus-visible{background:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:0 8px 22px #e87a3e6b;color:var(--color-surface-hero);transform:translateY(-1px)}.hero-upload-tooltip{flex:0 0 auto}.hero-upload-tooltip .info-tooltip-bubble{left:auto;right:0}.eyebrow{color:var(--color-accent);font-size:.78rem;font-weight:700;letter-spacing:.08em;margin:0 0 12px;text-transform:uppercase}h1{font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.04;margin:0 0 14px}.skill-category-suffix{color:var(--color-text-muted);font-weight:400}h2{font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0 0 14px}p{margin:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.top-nav{--color-accent: #eba058;--color-accent-hover: #d4873d;align-items:center;background:var(--color-nav-bg);border-bottom:1px solid var(--color-nav-bg);color:var(--color-nav-fg);display:flex;gap:24px;justify-content:space-between;padding:18px min(6vw,72px)}.top-nav a,.top-nav .nav-button{color:var(--color-nav-fg-muted);font-weight:600;padding:6px 0;position:relative;text-decoration:none;transition:color .12s ease}.top-nav a:hover,.top-nav .nav-button:hover{background:transparent;color:var(--color-nav-fg);text-decoration:none}.top-nav a.active{color:var(--color-nav-fg)}.top-nav a.active:after,.top-nav a:hover:after{background:var(--color-accent);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.top-nav a:hover:after{background:var(--color-accent-hover);opacity:.6}.top-nav a.active:hover:after{background:var(--color-accent);opacity:1}.skill-card{color:inherit;text-decoration:none}.brand-group{align-items:baseline;display:inline-flex;flex-wrap:wrap;gap:10px;min-width:0}.brand{color:var(--color-nav-fg-muted);font-weight:600}.brand-separator{color:var(--color-nav-fg-muted);opacity:.55}.brand-user{color:var(--color-nav-fg);font-weight:500;max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-nav nav{align-items:center;display:flex;flex-wrap:wrap;gap:22px}.nav-button{background:transparent;border:0;color:inherit;cursor:pointer;padding:0}.catalog-section,.detail-page,.form-page,.login-page,.admin-page{margin:0 auto;max-width:1180px;padding:28px min(6vw,72px)}.login-required,.loading-page{align-items:center;display:flex;flex:1;justify-content:center;padding:48px 24px}.login-required-card{align-items:center;animation:panel-fade-in .22s ease-out;background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:14px;max-width:420px;padding:48px 40px;text-align:center;width:100%}.login-required-card .status-text{color:var(--color-text-primary);font-size:1.0625rem;margin:0}.login-required-card .button-link{margin-top:8px}.loading-page .status-text{animation:loading-pulse 1.4s ease-in-out infinite;font-size:1.0625rem;margin:0}@keyframes panel-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-pulse{0%,to{opacity:.45}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.login-required-card,.loading-page .status-text,.search-spinner{animation:none}}.toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;max-width:760px}.toolbar input,.toolbar select,.field-stack input,.field-stack select,.field-stack textarea{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-control);color:var(--color-text-primary);max-width:100%;padding:10px 12px;transition:border-color .12s ease,box-shadow .12s ease}.toolbar input:focus,.toolbar select:focus,.field-stack input:focus,.field-stack select:focus,.field-stack textarea:focus{border-color:var(--color-nav-bg);outline:none}.toolbar input{flex:1 1 280px}.search-field{flex:1 1 280px;min-width:0;position:relative}.search-field input{width:100%}.search-field--busy input{padding-right:34px}.search-spinner{animation:search-spin .6s linear infinite;border:2px solid var(--color-border-soft);border-radius:50%;border-top-color:var(--color-text-muted);height:14px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:14px}@keyframes search-spin{to{transform:translateY(-50%) rotate(360deg)}}.skill-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.upload-rows{display:flex;flex-direction:column;gap:10px}.upload-row{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.upload-row__header{align-items:center;display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 18px}.upload-row__summary{flex:1 1 220px;min-width:0}.upload-row__name{font-size:1rem;line-height:1.3;margin:0;overflow-wrap:anywhere}.upload-row__meta{color:var(--color-text-muted);font-size:.85rem;margin:2px 0 0}.upload-row__actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.upload-row__actions button{font-size:.85rem;padding:7px 12px}.upload-row__edit{background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text-primary)}.upload-row__edit:hover:not(:disabled){background:var(--color-surface-subtle)}.upload-row__body{border-top:1px solid var(--color-border-soft);padding:16px 18px 18px}.upload-row__body .editor-form{margin-top:0}.upload-row__body .editor-form button[type=submit]{justify-self:start}.catalog-page>.status-text{padding:80px 24px;text-align:center}.catalog-pending-uploads{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-control);box-shadow:var(--shadow-card);display:grid;gap:10px;margin:28px auto 0;max-width:1180px;padding:16px min(6vw,72px)}.catalog-pending-uploads p{font-weight:700;margin:0}.catalog-pending-uploads ul{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0;padding:0}.catalog-pending-uploads a{color:var(--color-nav-bg);font-weight:700}.catalog-section>h2{align-items:center;display:flex;gap:14px}.catalog-section>h2:before{background:var(--color-accent);border-radius:2px;content:"";display:inline-block;flex:0 0 auto;height:3px;width:28px}.skill-card{animation:skillCardIn .42s cubic-bezier(.22,1,.36,1) both;background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:grid;gap:12px;grid-template-rows:auto auto 1fr auto;min-height:240px;min-width:0;padding:22px 22px 18px;position:relative;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.skill-card--no-entrance{animation:none}.skill-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.skill-card--with-banner{grid-template-rows:auto auto auto 1fr auto}.skill-card-banner{aspect-ratio:16 / 9;background:var(--color-surface-subtle);border-radius:var(--radius-card) var(--radius-card) 0 0;margin:-22px -22px 0;overflow:hidden}.skill-card-banner img{display:block;height:100%;object-fit:cover;width:100%}@keyframes skillCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skill-card-highlighted{border-color:var(--color-accent);box-shadow:0 10px 26px #e87a3e2e}.skill-card-highlighted:hover{border-color:var(--color-accent-hover)}.skill-card h2{font-size:1.15rem;margin:0}.skill-card p{color:var(--color-text-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;font-size:.92rem;line-clamp:4;line-height:1.5;margin:0;overflow:hidden;align-self:start;min-height:0;max-height:6em}.skill-card-chevron{bottom:18px;color:var(--color-accent);position:absolute;right:20px;transition:transform .14s ease}.skill-card:hover .skill-card-chevron{color:var(--color-accent-hover);transform:translate(3px)}.skill-card-header,.tag-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.tag-row{padding-right:28px}.skill-card h2,.source-path{overflow-wrap:anywhere}.category-pill,.featured-pill,.license-pill,.tag-row span{border-radius:999px;font-size:.74rem;font-weight:600;letter-spacing:.02em;padding:4px 10px;text-transform:uppercase}.category-pill{background:var(--color-pill-category-bg);color:var(--color-pill-category-fg)}.skill-card .author-pill{text-transform:none}.featured-pill{align-items:center;background:var(--color-accent-soft);color:var(--color-accent-soft-fg);display:inline-flex;gap:4px}.license-pill{align-items:center;background:#eef3ed;border:1px solid #d3dfd0;color:#2f5d43;display:inline-flex;gap:4px;text-decoration:none;text-transform:none}a.license-pill:hover,a.license-pill:focus-visible{background:#e2ecdf;border-color:#9fb99a;color:#244a35;text-decoration:none}.tag-row span{background:var(--color-pill-neutral-bg);color:var(--color-pill-neutral-fg);text-transform:none;letter-spacing:0;font-weight:500}.pairing-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px;padding-right:28px}.pairing-chip{background:#eef4ff;border:1px solid #c7d8ff;border-radius:999px;color:#244a8f;display:inline-flex;font-size:.74rem;font-weight:650;line-height:1.2;padding:4px 10px}.workflow-yaml-input{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.workflow-example-trigger-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.workflow-example-trigger,.workflow-example-copy-button{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-soft);color:var(--color-text-primary);display:inline-flex;gap:8px;justify-content:center}.workflow-example-trigger:hover:not(:disabled),.workflow-example-copy-button:hover:not(:disabled){background:#fff;transform:none}.workflow-example-panel{display:grid;gap:12px}.workflow-example-panel p{color:var(--color-text-muted);font-weight:500;margin:0}.workflow-example-yaml{background:var(--color-surface-subtle);border:1px solid var(--color-border-soft);border-radius:var(--radius-control);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem;font-weight:500;line-height:1.55;margin:0;overflow-x:auto;padding:14px;white-space:pre}.workflow-example-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.workflow-example-copy-status{color:var(--color-danger, #b42318);font-size:.9rem;font-weight:600}.lead{color:var(--color-text-muted);font-size:1.15rem;margin-bottom:18px}.metadata-list{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:20px 0}.metadata-list dt{color:var(--color-accent);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.metadata-list dd{margin:0}.metadata-list .metadata-author{grid-column:span 2}.metadata-list .license-pill{margin-top:2px}.source-path{color:var(--color-text-muted);margin-top:18px}.markdown-body{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-top:24px;padding:28px}.back-link{align-items:center;color:var(--color-accent);display:inline-flex;font-weight:600;gap:6px;text-decoration:none}.back-link:hover{color:var(--color-accent-hover);text-decoration:underline;text-underline-offset:3px}.back-link svg{transition:transform .14s ease}.back-link:hover svg{transform:translate(-2px)}.markdown-body>*+*{margin-top:1rem}.tabs{margin-top:24px}.tab-list{border-bottom:1px solid var(--color-border-soft);display:flex;flex-wrap:wrap;gap:2px}.tab-list .tab{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:var(--radius-control) var(--radius-control) 0 0;color:var(--color-text-muted);font-size:1.0625rem;font-weight:600;margin-bottom:-1px;padding:10px 18px}.tab-list .tab:hover:not(:disabled){background:var(--color-surface-subtle);color:var(--color-text-primary);transform:none}.tab-list .tab[aria-selected=true]{border-bottom-color:var(--color-accent);color:var(--color-text-primary)}.tab-list .tab:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.tab-panel{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:0 var(--radius-card) var(--radius-card) var(--radius-card);box-shadow:var(--shadow-card);padding:28px}.tab-panel:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.tab-panel>*:first-child{margin-top:0}.tab-panel>*:last-child{margin-bottom:0}.markdown-content>*+*{margin-top:1rem}.markdown-content table{border-collapse:collapse;width:100%}.markdown-content th,.markdown-content td{padding:8px 16px 8px 0;text-align:left;vertical-align:top}.markdown-content th{border-bottom:2px solid var(--color-border-strong);color:var(--color-text-primary);font-weight:600;white-space:nowrap}.markdown-content td{border-bottom:1px solid var(--color-border-soft)}.license-page{max-width:860px}.license-page-header{margin:28px 0 24px}.presentation-kicker{color:var(--color-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;margin:0 0 12px;text-transform:uppercase}.workflow-diagram{display:grid;gap:20px}.workflow-diagram-header{align-items:center;display:flex;justify-content:space-between;gap:10px}.workflow-diagram-heading{align-items:center;display:inline-flex;gap:10px;min-width:0}.workflow-diagram-mark{align-items:center;background:var(--color-accent-soft);border-radius:50%;color:var(--color-accent);display:inline-flex;height:34px;justify-content:center;width:34px}.workflow-diagram-title{color:var(--color-text-muted);font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.workflow-test-button{align-items:center;background:var(--color-accent);border-radius:var(--radius-control);color:var(--color-surface-card);display:inline-flex;flex:0 0 auto;font-size:.86rem;font-weight:800;gap:7px;padding:8px 11px;text-decoration:none;transition:background .12s ease,transform .12s ease}.workflow-test-button:hover{background:var(--color-accent-hover);color:var(--color-surface-card);transform:translateY(-1px)}.workflow-strip{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)}.workflow-fork{align-items:center;display:flex;gap:8px}.workflow-fork-branches{display:grid;flex:1;gap:8px;min-width:0}.workflow-fork-branch{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-width:0}.workflow-handoff-stack{display:grid;gap:8px;min-width:0}.workflow-card{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-control);color:var(--color-text-primary);display:grid;gap:6px;min-width:0;padding:18px;text-decoration:none;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.workflow-card--skill{border:1px solid var(--color-border-strong);gap:0;overflow:hidden;padding:0;text-align:center}.workflow-skill-header{background:var(--color-border-strong);color:var(--color-nav-fg);font-size:.82rem;font-weight:800;letter-spacing:.06em;line-height:1.3;padding:10px 12px;text-transform:uppercase}.workflow-skill-body{align-items:center;display:grid;gap:10px;justify-items:center;padding:16px 12px}.workflow-skill-subtitle{color:var(--color-text-muted);font-size:.88rem}.workflow-skill-icon{align-items:center;color:var(--color-accent);display:inline-flex}.workflow-card--handoff{background:var(--color-surface-card);border:1px solid var(--color-accent);border-top:3px solid var(--color-accent);box-shadow:var(--shadow-card)}.workflow-card-title{align-items:center;color:var(--color-text-primary);display:inline-flex;font-size:1.02rem;gap:8px;line-height:1.25}.workflow-card--handoff .workflow-card-title{color:var(--color-text-muted)}.workflow-card-subtitle{color:var(--color-text-muted);font-size:.88rem}.workflow-card-items{display:grid;gap:6px;list-style:none;margin:8px 0 0;padding:0}.workflow-card-items li{align-items:center;background:var(--color-surface-card);border:1px solid var(--color-accent-soft);border-radius:var(--radius-control);color:var(--color-text-primary);display:flex;font-size:.88rem;gap:10px;padding:8px 10px}.workflow-card-item-marker{background:var(--color-accent);border-radius:50%;flex:none;height:7px;width:7px}.workflow-card-link{cursor:pointer}.workflow-card-link:hover{border-color:var(--color-accent);box-shadow:var(--shadow-card-hover);text-decoration:none;transform:translateY(-2px)}.detail-tabs-anchor{scroll-margin-top:24px}.inbound-workflow-list{display:grid;gap:10px}.inbound-workflow-intro{color:var(--color-text-muted);font-size:.86rem;margin:0}.inbound-workflow-card{align-items:flex-start;background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-control);color:var(--color-text-primary);display:flex;gap:12px;justify-content:space-between;padding:16px 18px;text-decoration:none;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.inbound-workflow-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-card-hover);text-decoration:none;transform:translateY(-2px)}.inbound-workflow-name{font-weight:700}.inbound-workflow-arrow{color:var(--color-accent);flex:0 0 auto}.workflow-card-eyebrow{color:var(--color-text-muted);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.workflow-card--handoff .workflow-card-eyebrow{align-items:center;color:var(--color-accent);display:inline-flex;gap:6px;text-transform:none}.workflow-connector{align-items:center;color:var(--color-accent);display:flex;justify-content:center}.workflow-error{align-items:flex-start;border:1px solid #f2c784;border-radius:8px;color:#92400e;display:flex;gap:12px;padding:16px}.workflow-error-title{color:#78350f;font-weight:800;margin:0 0 4px}@media(max-width:760px){.workflow-strip{grid-template-columns:1fr}.workflow-connector{transform:rotate(90deg)}}@media(max-width:900px){.workflow-fork,.workflow-fork-branch{display:grid;grid-template-columns:1fr}.workflow-fork>.workflow-connector,.workflow-fork-branch>.workflow-connector{transform:rotate(90deg)}}.tab-empty{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;gap:8px;padding:32px 16px;text-align:center}.tab-empty-icon{align-items:center;background:var(--color-surface-subtle);border-radius:50%;color:var(--color-accent);display:inline-flex;height:56px;justify-content:center;width:56px}.tab-empty-title{color:var(--color-text-primary);font-weight:600;margin:4px 0 0}.tab-empty-description{margin:0;max-width:42ch}.form-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:18px;max-width:760px}.form-page-header h1{margin:0}.skill-edit-page{max-width:820px}.skill-edit-page .editor-form{margin-top:18px}.skill-edit-page-header{max-width:none}.skill-edit-advanced-body .editor-form{gap:18px;margin-top:0}.presentation-field-editor .field-label-with-info{display:flex;width:100%}.presentation-generate-slot{align-items:center;display:inline-flex;margin-left:auto}.presentation-generate-icon{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-control);color:var(--color-accent);height:28px;padding:0;width:28px}.presentation-generate-icon:hover:not(:disabled){background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent-soft-fg)}.presentation-generate-spin{animation:presentation-generate-spin .9s linear infinite}@keyframes presentation-generate-spin{to{transform:rotate(360deg)}}.skill-edit-workflow-label{display:flex;width:100%}.skill-edit-workflow-label .workflow-example-trigger-row{margin-left:auto;margin-top:0}.skill-edit-form .workflow-example-trigger{background:transparent;border:0;color:var(--color-accent);font-size:.85rem;font-weight:600;height:auto;padding:0}.skill-edit-form .workflow-example-trigger:hover:not(:disabled){background:transparent;color:var(--color-accent-hover);text-decoration:underline}.skill-edit-advanced{background:var(--color-surface-subtle);border:1px dashed var(--color-border-soft);border-radius:var(--radius-control);margin-top:20px;overflow:hidden}.skill-edit-advanced-summary{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-weight:700;gap:8px;list-style:none;padding:14px 18px;-webkit-user-select:none;user-select:none}.skill-edit-advanced-summary::-webkit-details-marker{display:none}.skill-edit-advanced-summary:hover{color:var(--color-accent)}.skill-edit-advanced-chevron{color:var(--color-text-muted);display:inline-flex;transition:transform .14s ease}.skill-edit-advanced[open] .skill-edit-advanced-chevron{transform:rotate(90deg)}.skill-edit-advanced-summary:hover .skill-edit-advanced-chevron{color:var(--color-accent)}.skill-edit-advanced-label{font-weight:700}.skill-edit-advanced-hint{color:var(--color-text-muted);font-size:.84rem;font-weight:400;margin-right:auto}.skill-edit-advanced-badge{align-items:center;background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:999px;color:var(--color-text-muted);display:inline-flex;flex:0 0 auto;font-size:.78rem;font-weight:700;height:22px;justify-content:center;line-height:1;min-width:22px;padding:0 7px}.skill-edit-advanced-body{border-top:1px dashed var(--color-border-soft);padding:18px}.skill-edit-advanced-body .attachment-drop-zone{background:transparent}.skill-edit-advanced-body .checkbox-field{align-items:center;column-gap:8px;display:flex}.skill-edit-form .form-saverow{margin:24px 0 0;max-width:none}.skill-edit-cancel{background:transparent;color:var(--color-text-primary);height:auto;padding:0 4px}.skill-edit-cancel:hover:not(:disabled){background:transparent;text-decoration:underline;text-underline-offset:3px}.form-page-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.form-card-stack{display:grid;gap:20px;margin:0 auto;max-width:820px}.form-card{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:24px 24px 26px}.form-card-head{border-bottom:1px solid var(--color-border-soft);margin-bottom:18px;padding-bottom:14px}.form-card-title{color:var(--color-nav-bg);font-size:1.18rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0}.form-card-hint{color:var(--color-text-muted);font-size:.88rem;font-weight:400;line-height:1.45;margin:5px 0 0}.form-card .editor-form{gap:18px;margin-top:0}.form-field-row{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-saverow{align-items:center;border-top:1px solid var(--color-border-soft);display:flex;gap:16px;justify-content:space-between;margin:24px auto 28px;max-width:820px;padding-top:18px}.form-saverow-actions{align-items:center;display:flex;gap:12px}.form-saverow-helper{color:var(--color-text-muted);font-size:.85rem;margin:0;text-align:right}.button-accent{background:var(--color-accent);color:#fff}.button-accent:hover:not(:disabled){background:var(--color-accent-hover)}.button-ghost{background:transparent;border:1px solid var(--color-border-soft);color:var(--color-accent)}.button-ghost:hover:not(:disabled){background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent-soft-fg)}@media(max-width:560px){.form-card{padding:18px 16px 20px}.form-field-row{grid-template-columns:1fr}.form-saverow{align-items:stretch;flex-direction:column;gap:12px}.form-saverow-actions{justify-content:flex-start}.form-saverow-helper{text-align:left}}.login-page{max-width:560px}.login-actions{display:grid;gap:22px}.login-form{border-top:1px solid #dfddd5;padding-top:22px}.login-status{padding:0}.field-stack{display:grid;gap:14px;max-width:760px}.field-stack label{display:grid;gap:6px;font-weight:700}.field-block{display:grid;font-weight:700;gap:6px}.attachment-drop-zone{background:#fff;border:1px dashed #b9c8be;border-radius:8px;display:grid;gap:8px;padding:12px}.attachment-drop-zone-active{background:#f7faf7;border-color:#7fa08c}.attachment-drop-zone input[type=file]{background:transparent;border:0;color:var(--color-text-muted);font-size:.9rem;min-width:0;padding:0;width:100%}.attachment-drop-zone input[type=file]::file-selector-button{background:var(--color-nav-bg);border:0;border-radius:var(--radius-control);color:var(--color-nav-fg);cursor:pointer;font-weight:600;margin-right:12px;padding:8px 14px;transition:background .12s ease}.attachment-drop-zone input[type=file]::file-selector-button:hover{background:#14304e}.attachment-drop-zone-disabled input[type=file]::file-selector-button{cursor:not-allowed;opacity:.58}.attachment-status{color:#586762;font-size:.9rem;font-weight:600;overflow-wrap:anywhere}.attachment-status-complete{background:#e7efe9;border:1px solid #c6d5cc;border-radius:8px;color:#2e6543;padding:10px 12px}.editor-form textarea.skill-markdown-body-readonly{background:#f7faf7;color:#586762;cursor:default}.pending-upload-page{display:grid;gap:18px;width:100%;max-width:calc(760px + 2*min(6vw,72px));padding:28px min(6vw,72px)}.pending-upload-header{align-items:center}.pending-upload-header-text{display:grid;gap:4px}.pending-upload-header .status-badge{align-self:center;flex-shrink:0}.pending-upload-fields{display:grid;gap:16px}.pending-upload-field,.pending-upload-rejection{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-control);box-shadow:var(--shadow-card);display:grid;gap:10px;padding:18px}.pending-upload-field h2,.pending-upload-rejection h2{font-size:1.05rem;margin:0}.pending-upload-field p,.pending-upload-rejection p{margin:0}.pending-upload-field button,.pending-upload-field-form button{align-items:center;display:inline-flex;gap:8px}.pending-upload-generating{align-items:center;color:var(--color-text-muted);display:inline-flex;font-weight:700;gap:10px}.pending-upload-spinner{animation:pending-upload-spin .9s linear infinite;border:2px solid #d7e1da;border-top-color:var(--color-accent);border-radius:50%;display:inline-block;height:18px;width:18px}.pending-upload-readonly{color:var(--color-text-primary);white-space:pre-wrap}@keyframes pending-upload-spin{to{transform:rotate(360deg)}}.attachment-summary{align-items:center;background:#f7faf7;border:1px solid #ccd9d0;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px 12px;padding:12px}.attachment-summary-main{align-items:baseline;display:flex;flex:1 1 220px;flex-wrap:wrap;gap:4px 10px;min-width:0}.attachment-summary-main strong,.attachment-summary-details dd{overflow-wrap:anywhere}.attachment-summary-main span{color:#586762;font-size:.85rem}.attachment-summary-details{display:flex;flex:1 1 100%;flex-wrap:wrap;gap:10px 18px;margin:0;order:3}.attachment-summary-details div{display:grid;gap:2px}.attachment-summary-details dt{color:#586762;font-size:.72rem;text-transform:uppercase}.attachment-summary-details dd{font-weight:600;margin:0}.attachment-summary button{flex:0 0 auto;white-space:nowrap}.tag-input{display:grid;gap:8px}.tag-input-control{align-items:center;background:#fff;border:1px solid #b9c8be;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;padding:8px 10px}.tag-input-control:focus-within{border-color:#9eb4a5}.tag-input .tag-input-control input{border:0;flex:1 1 140px;min-width:140px;padding:2px 0}.tag-chip{align-items:center;animation:askSuggestionIn .28s cubic-bezier(.22,1,.36,1) both;background:#f2f0e8;border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:400;gap:4px;padding:4px 4px 4px 8px}.tag-chip button{align-items:center;background:transparent;border:0;border-radius:999px;color:#586762;cursor:pointer;display:inline-flex;justify-content:center;padding:2px}.tag-chip button:hover{background:#e2dfd2;color:#1c2724}.tag-suggestions{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.tag-suggestions-label{color:#586762;font-size:.78rem;font-weight:700}.tag-suggestion{background:var(--color-pill-category-bg);border:0;border-radius:999px;color:var(--color-pill-category-fg);cursor:pointer;font-size:.78rem;font-weight:600;padding:4px 10px;transition:background .12s ease}.tag-input .tag-suggestion{animation:askSuggestionIn .36s cubic-bezier(.22,1,.36,1) both}.tag-suggestion:not(:disabled):hover{background:#d7dfe9;color:var(--color-pill-category-fg)}button{align-items:center;background:var(--color-nav-bg);border:0;border-radius:var(--radius-control);color:var(--color-nav-fg);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:background .12s ease}button:hover:not(:disabled){background:#14304e}button:disabled{cursor:not-allowed;opacity:.58}.button-link{align-items:center;background:var(--color-nav-bg);border-radius:var(--radius-control);color:var(--color-nav-fg);display:inline-flex;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;text-decoration:none;transition:background .12s ease}.button-link:hover{background:#14304e}.status-text{color:#586762}.error-text{color:#9d2f2f}.success-text{color:#286a43}.detail-page .status-text,.form-page .status-text,.admin-page .status-text{padding-left:0;padding-right:0}.toast-banner{align-items:center;animation:toast-banner-in .16s ease-out;border-radius:10px;box-shadow:0 12px 30px #1f29372e;display:flex;font-weight:600;gap:12px;left:50%;max-width:min(560px,calc(100vw - 32px));padding:12px 16px;position:fixed;top:16px;transform:translate(-50%);z-index:50}.toast-banner-text{flex:1;text-align:center}.toast-banner-success{background:#edf8f0;border:1px solid #9dcaab;color:#1f5132}.toast-banner-error{background:#fbecec;border:1px solid #d8a7a7;color:#8a2b2b}.toast-banner-link{color:inherit;text-decoration:underline}.toast-dismiss{background:transparent;border:0;border-radius:6px;color:inherit;cursor:pointer;padding:4px}.toast-dismiss:hover{background:#0000001a}@keyframes toast-banner-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.toast-banner{animation:none}}.admin-header,.admin-actions,.card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.get-skill-menu{display:inline-flex;position:relative}.get-skill-button{align-items:center}.get-skill-options{background:#fffefa;border:1px solid #d8d6cc;border-radius:8px;box-shadow:0 14px 34px #1f293729;display:grid;gap:4px;left:0;min-width:260px;padding:6px;position:absolute;top:calc(100% + 8px);z-index:35}.get-skill-options button,.get-skill-options a{align-items:center;background:transparent;border:0;border-radius:6px;color:#1c3128;cursor:pointer;display:flex;font:inherit;font-weight:600;gap:8px;justify-content:flex-start;padding:10px 12px;text-align:left;text-decoration:none;width:100%}.get-skill-options button:hover:not(:disabled),.get-skill-options a:hover{background:#f3efe6}.get-skill-options button:disabled{cursor:not-allowed;opacity:.58}.admin-header{justify-content:space-between;margin-bottom:24px}.admin-title-block{display:grid;gap:10px}.repository-status{align-items:flex-start;background:#fff8df;border:1px solid #ddc878;border-radius:8px;color:#514622;display:flex;gap:10px;max-width:540px;padding:12px 14px}.repository-status-github{background:#edf8f0;border-color:#9dcaab;color:#24583a}.repository-status p{margin:0}.repository-status-title{font-weight:800}.repository-link{color:inherit;text-decoration:underline}.admin-section{border-top:1px solid #dfddd5;padding:24px 0}.section-heading-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.section-heading-row .status-text{margin:0;padding:0}.admin-table-wrap{overflow-x:auto}.admin-table{background:#fff;border:1px solid #d8d6cc;border-collapse:collapse;border-radius:8px;min-width:940px;overflow:hidden;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid #ece9df;padding:12px;text-align:left;vertical-align:top}.admin-table th{background:#f5f4ee;color:#4d5a55;font-size:.82rem;text-transform:uppercase}.admin-table td>span{color:#586762;display:block;margin-top:3px}.admin-table select{background:#fff;border:1px solid #b9c8be;border-radius:8px;color:#1c2724;min-width:120px;padding:8px 10px}.visually-hidden{height:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.provider-row{display:flex;flex-wrap:wrap;gap:6px}.table-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;min-width:220px}.table-actions button{padding:8px 10px}.status-badge{border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:800;margin-top:0;padding:4px 8px}.status-badge-enabled{background:#edf8f0;color:#24583a}.status-badge-disabled{background:#fbecec;color:#8a2b2b}.provider-badge{border-radius:999px;font-size:.78rem;font-weight:700;padding:4px 8px}.provider-badge-local{background:#e7efe9;color:#24583a}.provider-badge-zitadel{background:#eaf2ff;color:#284b76}.provider-badge-unknown{background:#f2f0e8;color:#586762}.settings-panel{align-items:end;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-width:920px}.settings-field,.settings-panel>label{display:grid;gap:6px;font-weight:700}.settings-panel input,.settings-panel select,.editor-form input,.editor-form select,.editor-form textarea{background:#fff;border:1px solid #b9c8be;border-radius:8px;color:#1c2724;min-width:0;padding:10px 12px}.checkbox-field{align-items:center;display:grid;font-weight:700;grid-template-columns:auto 1fr;min-height:44px}.checkbox-field input{height:18px;width:18px}.field-label-with-info{align-items:center;display:inline-flex;gap:6px}.field-optional{color:var(--color-text-muted);font-size:.82rem;font-weight:400}.info-tooltip{display:inline-flex;position:relative}.info-tooltip-trigger{background:transparent;border:0;border-radius:999px;color:#586762;cursor:help;padding:2px}.info-tooltip-trigger:hover{background:transparent;color:var(--color-accent)}.info-tooltip-bubble{background:#1c2724;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 10px 24px #1f293738;color:#f4f6f3;font-size:.82rem;font-weight:400;left:0;line-height:1.45;max-width:260px;opacity:0;padding:10px 12px;pointer-events:none;position:absolute;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease;width:max-content;z-index:40}.info-tooltip-bubble code{background:#f4f6f329;border-radius:4px;font-size:.95em;padding:1px 4px}.license-tooltip-entry{display:block}.license-tooltip-entry+.license-tooltip-entry{margin-top:8px}.info-tooltip:hover .info-tooltip-bubble,.info-tooltip:focus-within .info-tooltip-bubble{opacity:1;pointer-events:auto;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.info-tooltip-bubble{transition:none}}.card-actions{align-self:end}.flush-table-wrap{border:1px solid #d8d6cc;border-radius:8px;overflow:visible}.flush-table{border:0;border-radius:0;min-width:0;overflow:visible;width:100%}.flush-table tr:first-child th:first-child{border-top-left-radius:8px}.flush-table tr:first-child th:last-child{border-top-right-radius:8px}.flush-table tr:last-child td{border-bottom:0}.flush-table tr:last-child td:first-child{border-bottom-left-radius:8px}.flush-table tr:last-child td:last-child{border-bottom-right-radius:8px}.skills-table{table-layout:fixed}.skills-table th:nth-child(1),.skills-table td:nth-child(1){width:130px}.skills-table th:nth-child(2),.skills-table td:nth-child(2){width:180px}.skills-table th:nth-child(4),.skills-table td:nth-child(4){width:100px}.skills-table th:nth-child(5),.skills-table td:nth-child(5){width:210px}.skills-table td{vertical-align:middle}.skill-row-name a{color:#1c2724;font-weight:700;text-decoration:none;overflow-wrap:anywhere}.skill-row-name a:hover,.skill-row-name a:focus-visible{text-decoration:underline}.skill-row-name .skill-row-name-content{align-items:center;display:inline-flex;gap:6px;margin-top:0;max-width:100%}.skill-package-marker-tooltip,.skill-package-marker-tooltip .info-tooltip-custom-trigger,.skill-package-marker{display:inline-flex}.skill-package-marker-tooltip .info-tooltip-custom-trigger{max-width:none}.skill-package-marker{color:#586762}.skill-row-description-cell{max-width:0}.skill-row-description-cell .info-tooltip{display:block;max-width:100%}.info-tooltip-custom-trigger{cursor:help;display:block;max-width:100%;outline:none}.info-tooltip-custom-trigger:focus-visible{box-shadow:0 0 0 2px #9eb4a5;border-radius:4px}.skill-row-description{color:#586762;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-row-actions,.user-row-actions{display:flex;flex-wrap:nowrap;gap:6px;justify-content:flex-end}.skill-row-actions .info-tooltip-bubble,.user-row-actions .info-tooltip-bubble{left:auto;right:0}.icon-button{align-items:center;background:#1c2724;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;padding:6px 8px}.sync-diagnostics,.editor-form{display:grid;gap:10px}.sync-diagnostics{max-width:760px}.editor-form{margin-top:10px}.editor-form label{display:grid;gap:6px;font-weight:700}.editor-form textarea{min-height:96px;resize:vertical}.editor-actions{display:flex;flex-wrap:wrap;gap:10px}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.modal-overlay{align-items:flex-start;background:#141c1973;display:flex;inset:0;justify-content:center;overflow-y:auto;overscroll-behavior:contain;padding:5vh 16px;position:fixed;z-index:60}.modal{background:#fff;border:1px solid #d8d6cc;border-radius:10px;box-shadow:0 18px 48px #141c1947;display:grid;gap:16px;max-width:640px;padding:20px 22px;width:100%}.modal-preview-large{gap:12px;grid-template-rows:auto minmax(0,1fr);height:min(90vh,920px);max-width:min(96vw,1400px);padding:16px}.workflow-example-modal{max-width:min(94vw,720px)}.modal-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.modal-header h3{margin:0}.modal-close{background:transparent;color:inherit;padding:6px}.modal-close:hover:not(:disabled){background:#141c190f;color:var(--color-accent)}.modal-body{display:grid;gap:12px}.modal-preview-large .modal-body{min-height:0}.skill-media-hero{margin:18px 0 0}.skill-media-frame{aspect-ratio:16 / 5;background:var(--color-surface-subtle);border:1px solid var(--color-border-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden;position:relative}.skill-media-image{display:block;height:100%;object-fit:cover;width:100%}.skill-media-edit{position:absolute;right:10px;top:10px;z-index:2}.skill-media-edit-reveal{opacity:0;pointer-events:none;transition:opacity .12s ease}.skill-media-frame:hover .skill-media-edit-reveal,.skill-media-frame:focus-within .skill-media-edit-reveal,.skill-media-edit-reveal:focus-visible{opacity:1;pointer-events:auto}.skill-media-overlay{position:absolute;inset:auto 0 0;display:grid;gap:10px;padding:32px 16px 14px;background:linear-gradient(to top,#0f0e0cd1,#0f0e0c73 55%,#0f0e0c00);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.skill-media-frame:hover .skill-media-overlay,.skill-media-frame:focus-within .skill-media-overlay{opacity:1;transform:none;pointer-events:auto}@media(hover:none),(pointer:coarse){.skill-media-edit-reveal,.skill-media-overlay{opacity:1;pointer-events:auto;transform:none}}.skill-media-caption{color:#ffffffeb;font-size:.92rem;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.45)}.skill-media-thumbnails{display:flex;flex-wrap:wrap;gap:8px}.skill-media-thumbnail{background:#ffffff1f;border:1px solid rgba(255,255,255,.4);border-radius:6px;cursor:pointer;overflow:hidden;padding:0;transition:border-color .12s ease,box-shadow .12s ease}.skill-media-thumbnail:hover{border-color:#ffffffbf}.skill-media-thumbnail.is-selected{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent)}.skill-media-thumbnail img{display:block;height:44px;object-fit:cover;width:64px}.skill-media-manager-intro{color:var(--color-text-muted);font-size:.88rem;margin:-4px 0 0}.skill-media-manager-note,.skill-media-manager-status{background:var(--color-surface-subtle);border:1px solid var(--color-border-soft);border-radius:8px;color:var(--color-text-muted);padding:10px 12px}.skill-media-manager-status{font-weight:700}.skill-media-upload{display:grid;gap:12px}.skill-media-dropzone{background:var(--color-surface-card);border:1px dashed var(--color-border-soft);border-radius:10px;display:grid;justify-items:center;padding:0 0 16px;text-align:center;transition:background .12s ease,border-color .12s ease}.skill-media-dropzone-browse{align-content:center;cursor:pointer;display:grid;gap:4px;justify-items:center;justify-self:stretch;padding:26px 16px 10px}.skill-media-dropzone:has(.skill-media-dropzone-browse:hover),.skill-media-dropzone:focus-within{background:#fdf8f1;border-color:var(--color-accent)}.skill-media-dropzone.is-dragging{background:#fdf4ec;border-color:var(--color-accent)}.skill-media-dropzone-icon{align-items:center;background:var(--color-accent-soft);border-radius:999px;color:var(--color-accent-soft-fg);display:inline-flex;height:42px;justify-content:center;margin-bottom:6px;width:42px}.skill-media-dropzone-title{font-weight:600}.skill-media-dropzone-hint{color:var(--color-text-muted);font-size:.82rem}.skill-media-dropzone-ai{align-items:center;background:transparent;border:none;border-radius:var(--radius-control);color:var(--color-text-muted);display:inline-flex;font-size:.85rem;gap:6px;padding:6px 10px}.skill-media-dropzone-ai:hover:not(:disabled){background:var(--color-accent-soft);color:var(--color-accent-soft-fg)}.skill-media-dropzone-ai svg{color:var(--color-accent)}.skill-media-dropzone-file{align-items:center;display:flex;flex-wrap:wrap;gap:12px;text-align:left}.skill-media-dropzone-file .skill-media-ghost{margin-left:auto;white-space:nowrap}.skill-media-dropzone-preview{border-radius:6px;flex:none;height:54px;object-fit:cover;width:72px}.skill-media-dropzone-filename{font-weight:600;min-width:0;overflow-wrap:anywhere}.skill-media-upload-fields{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.skill-media-field{display:grid;font-size:.82rem;font-weight:600;gap:6px}.skill-media-field input,.skill-media-field select,.skill-media-row-field input{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-control);color:var(--color-text-primary);font-weight:400;min-height:42px;padding:9px 12px;transition:border-color .12s ease;width:100%}.skill-media-field input:focus,.skill-media-field select:focus,.skill-media-row-field input:focus{border-color:var(--color-nav-bg);outline:none}.skill-media-field input::placeholder,.skill-media-row-field input::placeholder{color:var(--color-text-muted);opacity:.75}.skill-media-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6357' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:36px}.skill-media-upload-actions{display:flex;gap:8px;grid-column:1 / -1}.skill-media-manager-list{display:grid;gap:8px}.skill-media-manager-count{color:var(--color-text-muted);font-size:.78rem;font-weight:700;letter-spacing:.03em;margin:2px 0 0;text-transform:uppercase}.skill-media-row{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-soft);border-radius:10px;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;padding:10px}.skill-media-row-thumb-button{background:transparent;border:0;border-radius:6px;cursor:zoom-in;display:block;padding:0}.skill-media-row-thumb{border-radius:6px;display:block;height:54px;object-fit:cover;width:72px}.skill-media-row.is-expanded{grid-template-columns:1fr}.skill-media-row.is-expanded .skill-media-row-thumb-button{cursor:zoom-out}.skill-media-row.is-expanded .skill-media-row-thumb{height:auto;max-height:min(60vh,480px);object-fit:contain;width:100%}.skill-media-row-body{display:grid;gap:6px;min-width:0}.skill-media-row-name{color:var(--color-text-muted);font-size:.76rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-media-row-field{display:block}.skill-media-row-field input{width:100%}.skill-media-row-actions{align-items:center;display:flex;gap:4px}.skill-media-icon-btn{background:transparent;border-radius:8px;color:var(--color-text-muted);padding:6px}.skill-media-icon-btn:hover:not(:disabled){background:#141c1914;color:var(--color-nav-bg)}.skill-media-icon-btn.is-danger:hover:not(:disabled){background:#c0392b1f;color:#c0392b}.skill-media-save{background:var(--color-accent);color:#fff;font-size:.82rem;padding:6px 12px}.skill-media-save:hover:not(:disabled){background:var(--color-accent-hover)}.skill-media-ghost{background:transparent;border:1px solid var(--color-border-soft);color:var(--color-text-muted)}.skill-media-ghost:hover:not(:disabled){background:#141c190f}@media(max-width:620px){.top-nav{align-items:flex-start;flex-direction:column}.toolbar input,.toolbar select{flex-basis:100%;width:100%}.skill-grid{grid-template-columns:1fr}.admin-header{align-items:flex-start;flex-direction:column}.admin-actions,.card-actions,.editor-actions,.upload-row__actions,.pagination{align-items:stretch;flex-direction:column;width:100%}.get-skill-menu,.get-skill-button{width:100%}.get-skill-options{margin-top:8px;min-width:0;position:static;width:100%}.skill-media-row{grid-template-columns:auto minmax(0,1fr)}.skill-media-row-actions{grid-column:1 / -1;justify-content:flex-end}}.ask-page{margin:0 auto;max-width:984px;padding:28px min(6vw,72px);transition:padding .32s cubic-bezier(.22,1,.36,1);width:100%}.ask-page-empty{min-height:calc(100vh - 130px);display:flex;flex-direction:column;justify-content:center;padding-top:max(48px,8vh);padding-bottom:max(48px,8vh)}.ask-header{border-bottom:1px solid var(--color-border-soft);display:grid;gap:12px;margin:0 auto;max-width:800px;padding-bottom:18px;transition:border-color .32s ease,padding .32s ease,text-align .32s ease;width:100%}.ask-page-empty .ask-header{border-bottom-color:transparent;padding-bottom:4px;text-align:center;animation:askHeroIn .48s cubic-bezier(.22,1,.36,1) both}.ask-page-empty .ask-header .ask-context{display:flex;justify-content:center}.playground-header{gap:8px;padding-top:4px}.ask-page-empty .playground-header{padding-top:0}.playground-ready{animation:playgroundReadyIn .18s ease-out both}.playground-loading-page{align-items:center}.playground-loading{animation:askHeroIn .42s cubic-bezier(.22,1,.36,1) both;color:var(--color-text-muted);display:grid;gap:12px;justify-items:center;text-align:center}.playground-loading h1{color:var(--color-text-primary);font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.08;margin:0}.playground-loading p{margin:0}.playground-loading-mark{align-items:end;display:flex;gap:5px;height:22px}.playground-loading-mark span{animation:playgroundLoadingBar .82s ease-in-out infinite;background:var(--color-accent);border-radius:999px;display:block;height:10px;opacity:.78;width:6px}.playground-loading-mark span:nth-child(2){animation-delay:.12s}.playground-loading-mark span:nth-child(3){animation-delay:.24s}.playground-preparing{animation:playgroundPreparingIn .28s cubic-bezier(.22,1,.36,1);display:grid;grid-template-rows:1fr;margin-bottom:0;opacity:1;transition:grid-template-rows .25s cubic-bezier(.22,1,.36,1),opacity .2s ease,margin-bottom .25s cubic-bezier(.22,1,.36,1)}.playground-preparing-inner{align-items:center;display:grid;gap:10px;justify-items:center;min-height:0;overflow:hidden;padding:22px 0;text-align:center}.playground-preparing-exit{grid-template-rows:0fr;margin-bottom:-18px;opacity:0}.playground-preparing-inner .status-text{margin:0}.ask-page-active .ask-header h1{font-size:clamp(1.6rem,3.4vw,2.2rem);transition:font-size .32s cubic-bezier(.22,1,.36,1)}.ask-context{color:var(--color-text-muted)}.focus-chip{align-items:center;background:var(--color-pill-category-bg);color:var(--color-pill-category-fg);border-radius:999px;display:inline-flex;flex-wrap:wrap;gap:8px;padding:6px 8px 6px 12px}.focus-chip button{background:var(--color-surface-card);color:var(--color-text-primary);padding:4px 10px;font-size:.85rem}.composer-workflow-pair{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-soft);border-radius:var(--radius-control);color:var(--color-text-primary);display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;min-height:36px;max-width:100%;padding:7px 10px}.composer-workflow-pair span{overflow-wrap:anywhere}.chat-panel{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);margin:0 auto;max-width:800px;padding-top:20px;width:100%}.ask-page-empty .chat-panel{padding-top:8px}.chat-thread{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}.chat-empty-state{display:grid;gap:14px;animation:askHeroIn .52s cubic-bezier(.22,1,.36,1) 80ms both}.chat-empty-state-hidden{animation:chatEmptyStateOut .24s ease forwards;pointer-events:none}@keyframes chatEmptyStateOut{to{opacity:0;transform:translateY(-4px)}}.ask-page-empty .chat-empty-state{justify-items:center;text-align:center}.ask-page-empty .chat-empty-state .status-text{font-size:1.05rem;max-width:520px}.chat-suggestions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ask-page-empty .chat-suggestions{justify-content:center}.chat-suggestions .tag-suggestion{animation:askSuggestionIn .42s cubic-bezier(.22,1,.36,1) both;background:var(--color-surface-card);border:1px solid var(--color-border-soft);color:var(--color-text-primary);font-size:.86rem;padding:8px 14px;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.chat-suggestions .tag-suggestion:not(:disabled):hover{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent-soft-fg);transform:translateY(-1px);box-shadow:var(--shadow-card)}.chat-message{border:1px solid var(--color-border-soft);border-radius:14px;display:grid;gap:10px;max-width:760px;padding:14px 16px;animation:chatMessageIn .32s cubic-bezier(.22,1,.36,1) both;box-shadow:0 1px 2px #1a3a5c0a;transition:box-shadow .2s ease,transform .2s ease}.chat-message-user{background:var(--color-accent-soft);border-color:#e87a3e38;color:var(--color-accent-soft-fg);justify-self:end}.chat-message-assistant{background:var(--color-surface-card);justify-self:start}.chat-message-assistant:has(.rich-question),.chat-message-assistant:has(.rich-question-placeholder){animation:none;background:transparent;border:0;box-shadow:none;justify-self:center;max-width:560px;padding:0;width:100%}.chat-message-assistant:has(.rich-question)>.chat-markdown,.chat-message-assistant:has(.rich-question-placeholder)>.chat-markdown,.chat-message-assistant:has(.rich-question)>.chat-reasoning,.chat-message-assistant:has(.rich-question-placeholder)>.chat-reasoning{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:14px;box-shadow:0 1px 2px #1a3a5c0a;padding:14px 16px;text-align:left}.rich-question-placeholder{animation:toolCardIn .28s cubic-bezier(.22,1,.36,1) both;background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:14px;box-shadow:var(--shadow-card);display:grid;gap:12px;padding:20px 22px;position:relative;overflow:hidden}.rich-question-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(232,122,62,.1) 50%,transparent 65%);background-size:220% 100%;animation:toolShimmer 1.8s linear infinite;pointer-events:none}.rich-question-placeholder-line{background:var(--color-border-soft);border-radius:999px;display:block;height:14px}.rich-question-placeholder-question{height:18px;margin:0 auto 6px;width:60%}.rich-question-placeholder-option{height:44px;border-radius:10px;opacity:.75}.upload-continuation-summary{display:grid;gap:4px}.upload-continuation-summary strong,.upload-continuation-summary span{overflow-wrap:anywhere}.upload-continuation-summary span{color:#43524d;font-size:.92rem}.upload-continuation-eyebrow{color:#245c8f;font-size:.78rem;font-weight:700;margin:0;text-transform:uppercase}.chat-markdown{display:grid;gap:.75rem}.chat-markdown>*{margin:0}.chat-markdown ul,.chat-markdown ol{margin:0;padding-left:1.25rem}.chat-markdown code{background:#f3f1ea;border-radius:4px;padding:1px 4px}.chat-markdown pre{background:#f3f1ea;border-radius:6px;overflow-x:auto;padding:10px}.chat-markdown pre code{background:transparent;padding:0}.chat-markdown pre code .diff-line{display:block;line-height:1.45;margin:0 -10px;padding:0 10px}.chat-markdown pre code .diff-add{background:#e3f4e6;color:#1a6b33}.chat-markdown pre code .diff-del{background:#fbe6e6;color:#a32626}.chat-markdown pre code .diff-meta{color:#6b7570;font-weight:600}.chat-markdown a{color:#245c8f}.skill-tool-status{align-items:start;background:var(--color-surface-subtle);border:1px solid var(--color-border-soft);border-radius:12px;color:var(--color-text-primary);display:grid;gap:10px;grid-template-columns:auto 1fr;padding:10px 14px;animation:toolCardIn .36s cubic-bezier(.22,1,.36,1) both;position:relative;overflow:hidden}.skill-tool-status-loading:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(232,122,62,.08) 50%,transparent 65%);background-size:220% 100%;animation:toolShimmer 2.2s linear infinite;pointer-events:none}.skill-tool-status-warning{background:#fff7ed;border-color:#e7b98b}.skill-tool-status-dot{background:var(--color-accent);border-radius:999px;box-shadow:0 0 #e87a3e66;height:9px;margin-top:7px;width:9px}.skill-tool-status-loading .skill-tool-status-dot{animation:toolPulse 1.4s ease-in-out infinite}.skill-tool-status-label{font-weight:700}.skill-tool-status-detail{color:#586762;font-size:.92rem;margin-top:2px}.skill-tool-results,.skill-preview-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.skill-tool-results span,.skill-preview-card-tags span{background:#e7efe9;border-radius:999px;color:#43524d;font-size:.82rem;padding:3px 8px}.skill-tool-io{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-control);color:var(--color-text-primary);margin:8px 0 0;max-height:220px;overflow:auto;padding:10px 12px}.skill-tool-io code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.82rem;white-space:pre-wrap;word-break:break-word}.skill-tool-io-disclosure{margin-top:8px}.skill-tool-io-disclosure>summary{color:var(--color-text-muted);cursor:pointer;font-size:.82rem;font-weight:600;width:fit-content}.skill-tool-io-disclosure>summary:hover{color:var(--color-text-primary)}.skill-tool-file{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-soft);border-radius:12px;color:var(--color-accent-soft-fg);display:inline-flex;flex-wrap:wrap;font-weight:600;gap:8px;padding:8px 14px;text-decoration:none;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.skill-tool-file:hover{border-color:var(--color-accent);box-shadow:var(--shadow-card);transform:translateY(-1px)}.skill-tool-file-icon{color:var(--color-text-muted);flex-shrink:0}.skill-artifact{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.skill-artifact-image{background:var(--color-surface-subtle);border:1px solid var(--color-border-soft);border-radius:12px;display:block;max-height:320px;max-width:100%;object-fit:contain}.skill-artifact-html-preview{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:8px;display:grid;max-width:min(100%,760px);overflow:hidden;width:100%}.skill-artifact-html-header{align-items:center;background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border-soft);color:var(--color-text-muted);display:flex;font-size:.78rem;font-weight:600;gap:12px;justify-content:space-between;min-height:38px;padding:6px 8px 6px 10px}.skill-artifact-html-title{align-items:center;display:flex;gap:12px;min-width:0}.skill-artifact-html-title span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-artifact-html-actions{align-items:center;display:inline-flex;flex:0 0 auto;gap:4px}.skill-artifact-html-action{align-items:center;background:transparent;border-radius:6px;color:var(--color-text-muted);display:inline-flex;flex:0 0 auto;height:28px;justify-content:center;padding:0;width:28px}.skill-artifact-html-action:hover:not(:disabled){background:var(--color-surface-card);color:var(--color-accent-soft-fg)}.skill-artifact-html-action:disabled{cursor:default;opacity:.45}.skill-artifact-html-frame{background:#fff;border:0;display:block;height:420px;width:100%}.skill-artifact-html-state{align-items:center;color:var(--color-text-muted);display:flex;font-size:.9rem;min-height:180px;padding:16px}.skill-artifact-html-state-center{justify-content:center}.skill-artifact-html-load{align-items:center;background:transparent;border:1px solid var(--color-border-soft);border-radius:999px;color:var(--color-text-muted);display:inline-flex;height:48px;justify-content:center;width:48px}.skill-artifact-html-load:hover{background:var(--color-surface-card);color:var(--color-accent-soft-fg)}.skill-artifact-html-error{color:var(--color-danger-fg)}.skill-artifact-html-modal{display:grid;height:100%;min-height:0}.skill-artifact-html-frame-expanded{height:100%;min-height:70vh}.skill-preview-card{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:12px;box-shadow:var(--shadow-card);color:inherit;display:grid;gap:8px;padding:16px;text-decoration:none;animation:toolCardIn .38s cubic-bezier(.22,1,.36,1) both;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,border-color .18s ease}.agent-upload-link-card,.agent-download-link-card{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:12px;box-shadow:var(--shadow-card);display:grid;gap:8px;padding:16px;animation:toolCardIn .38s cubic-bezier(.22,1,.36,1) both}.agent-upload-link-card h3,.agent-download-link-card h3,.agent-upload-link-card p,.agent-download-link-card p{margin:0}.agent-upload-link-expiry,.agent-download-link-expiry{color:var(--color-text-muted);font-size:.85rem}.agent-upload-link-card button,.agent-download-link-card button{justify-self:start}.agent-upload-link-error,.agent-download-link-error{color:var(--color-danger, #b42318);font-size:.85rem}.skill-preview-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.skill-preview-card h3{font-size:1.05rem;margin:0}.skill-preview-card p{color:#43524d}.skill-preview-card-category,.skill-preview-card-action{color:#586762;font-size:.78rem;font-weight:700;text-transform:uppercase}.skill-preview-card-action{color:#245c8f;margin-top:2px}.skill-upload-card,.skill-upload-file-request{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:14px;box-shadow:var(--shadow-card);display:grid;gap:12px;padding:16px 18px;animation:toolCardIn .38s cubic-bezier(.22,1,.36,1) both}.skill-upload-card-header{align-items:start;display:flex;flex-wrap:wrap;gap:10px 14px;justify-content:space-between}.skill-upload-card-eyebrow{color:#586762;font-size:.78rem;font-weight:700;margin:0 0 3px;text-transform:uppercase}.skill-upload-card h3{font-size:1.05rem;margin:0}.skill-upload-ready,.skill-upload-not-ready{border-radius:999px;font-size:.78rem;font-weight:700;padding:4px 8px;white-space:nowrap}.skill-upload-ready{background:#e7efe9;color:#2e6543}.skill-upload-not-ready{background:#fff7ed;color:#8b4a16}.skill-upload-field-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0}.skill-upload-field-grid div{min-width:0}.skill-upload-field-grid dt{color:#586762;font-size:.72rem;font-weight:700;text-transform:uppercase}.skill-upload-field-grid dd{margin:2px 0 0;overflow-wrap:anywhere}.skill-upload-card-note,.skill-upload-file-request p,.skill-upload-missing-fields p,.skill-upload-missing-fields ul{color:#43524d;margin:0}.skill-upload-missing-fields{background:#fff7ed;border:1px solid #e7b98b;border-radius:8px;display:grid;gap:6px;padding:10px 12px}.skill-upload-missing-fields p{color:#8b4a16;font-weight:700}.skill-upload-missing-fields ul{padding-left:1.15rem}.skill-upload-card-notice{border-radius:8px;font-weight:700;margin:0;padding:10px 12px}.skill-upload-card-notice-success{background:#e7efe9;color:#2e6543}.skill-upload-card-notice-error{background:#fff0f0;color:#9b1c1c}.skill-upload-remove-button,.skill-upload-continue-button{justify-self:start}.skill-upload-continue-button{animation:uploadContinueFadeIn .18s ease-out}@keyframes uploadContinueFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes toolPulse{0%,to{box-shadow:0 0 #e87a3e73;opacity:.55}50%{box-shadow:0 0 0 6px #e87a3e00;opacity:1}}@keyframes toolShimmer{0%{background-position:220% 0}to{background-position:-220% 0}}@keyframes chatMessageIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toolCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes askHeroIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes playgroundReadyIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes playgroundLoadingBar{0%,to{height:8px;opacity:.55}50%{height:22px;opacity:1}}@keyframes playgroundPreparingIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes askSuggestionIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes richQuestionOptionIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ask-page,.ask-header,.chat-empty-state,.chat-message,.chat-suggestions .tag-suggestion,.tag-input .tag-suggestion,.tag-chip,.skill-card,.skill-tool-status,.skill-preview-card,.skill-upload-card,.skill-upload-file-request,.skill-upload-continue-button,.playground-preparing,.rich-question,.rich-question-options button,.rich-question-placeholder,.chat-composer,.chat-composer-shell{animation:none!important;transition:none!important}.skill-tool-status-loading:before,.rich-question-placeholder:after{display:none}}.chat-thinking{display:inline-flex;gap:5px;padding:4px 0}.chat-thinking>span{animation:chatThinking 1.2s ease-in-out infinite;background:var(--color-accent);border-radius:999px;height:7px;width:7px}.chat-thinking>span:nth-child(2){animation-delay:.15s}.chat-thinking>span:nth-child(3){animation-delay:.3s}@keyframes chatThinking{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.chat-composer-shell{display:grid;opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .26s cubic-bezier(.22,1,.36,1),grid-template-rows .26s cubic-bezier(.22,1,.36,1),margin .22s ease;grid-template-rows:1fr;margin-top:0}.ask-page-empty .chat-composer-shell{margin-top:8px}.chat-composer-shell>*{min-height:0}.chat-composer-shell-hidden{grid-template-rows:0fr;opacity:0;pointer-events:none;transform:translateY(10px);margin-top:-14px}.chat-composer-shell-hidden>*{overflow:hidden}.chat-composer{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:16px;box-shadow:var(--shadow-card);display:grid;gap:8px;grid-template-columns:1fr;padding:8px 10px 10px;transition:border-color .18s ease,box-shadow .18s ease,transform .22s cubic-bezier(.22,1,.36,1);animation:toolCardIn .36s cubic-bezier(.22,1,.36,1) both}.chat-composer:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 4px #e87a3e1f,var(--shadow-card-hover)}.chat-composer>label{display:block;line-height:0}.chat-composer textarea{background:transparent;border:0;border-radius:10px;color:var(--color-text-primary);display:block;line-height:1.5;min-height:64px;padding:10px 4px;resize:none;width:100%}.chat-composer textarea:focus{outline:none}.chat-composer textarea:disabled{cursor:not-allowed;opacity:.58}.rich-question{animation:toolCardIn .38s cubic-bezier(.22,1,.36,1) both;background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:14px;box-shadow:var(--shadow-card);display:grid;gap:14px;padding:20px 22px;text-align:center}.rich-question>p:first-child{font-size:1.02rem;font-weight:600}.rich-question-answered{animation:none;gap:10px;padding:14px 18px;text-align:left}.rich-question-answered>p:first-child{color:var(--color-text-muted);font-size:.92rem;font-weight:600}.rich-question-answer{align-items:center;background:var(--color-accent-soft);border:1px solid var(--color-accent);border-radius:999px;color:var(--color-accent-soft-fg);display:inline-flex;font-weight:600;gap:8px;justify-self:start;padding:8px 14px}.rich-question-answer svg{color:var(--color-accent);flex-shrink:0}.rich-question-inactive,.skill-upload-file-request-inactive{opacity:.55}.rich-question-inactive button,.skill-upload-file-request-inactive button,.attachment-drop-zone-disabled{cursor:default}.rich-question-options{align-items:stretch;display:flex;flex-direction:column;gap:8px}.rich-question-options button{animation:richQuestionOptionIn .36s cubic-bezier(.22,1,.36,1) both;background:var(--color-surface-card);border:1px solid var(--color-border-soft);color:var(--color-text-primary);font-weight:600;padding:12px 16px;text-align:left;justify-content:flex-start;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.rich-question-options button:hover:not(:disabled){background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent-soft-fg);transform:translate(2px);box-shadow:var(--shadow-card)}.rich-question-options button:nth-child(1){animation-delay:40ms}.rich-question-options button:nth-child(2){animation-delay:.11s}.rich-question-options button:nth-child(3){animation-delay:.18s}.rich-question-options button:nth-child(4){animation-delay:.25s}.rich-question-options button:nth-child(5){animation-delay:.32s}.rich-question-options button:nth-child(n+6){animation-delay:.38s}.rich-question-other{align-items:end;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.rich-question-other input{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:10px;color:var(--color-text-primary);min-height:42px;padding:8px 12px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.rich-question-other input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #e87a3e26;outline:none}.rich-question-other-submit,.chat-composer-submit{aspect-ratio:1;background:var(--color-accent);min-height:34px;padding:0;transition:background .16s ease,transform .16s ease,box-shadow .16s ease;width:34px}.rich-question-other-submit:hover:not(:disabled),.chat-composer-submit:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 6px 14px #e87a3e47}.chat-composer-stop{background:var(--color-text-primary)}.chat-composer-stop:hover:not(:disabled){background:var(--color-nav-bg);box-shadow:0 6px 14px #21232038}.chat-composer-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:auto}.chat-composer-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between}.chat-composer-controls{align-items:center;display:flex;flex-wrap:wrap;gap:2px;min-width:0}.composer-select{display:inline-flex;min-width:0}.composer-select select{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--color-text-muted);cursor:pointer;font-size:.84rem;font-weight:600;max-width:180px;overflow:hidden;padding:5px 6px;text-overflow:ellipsis;transition:background .14s ease,border-color .14s ease,color .14s ease}.composer-select select:hover:not(:disabled){background:var(--color-surface-subtle);color:var(--color-text-primary)}.composer-select select:focus-visible{border-color:var(--color-accent);color:var(--color-text-primary);outline:none}.composer-select select:disabled{cursor:default;opacity:.7}.chat-composer-reset{align-items:center;background:var(--color-surface-card);border:1px solid var(--color-border-soft);color:var(--color-text-primary);display:inline-flex;gap:6px;min-height:34px;padding:0 12px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.chat-composer-reset:hover:not(:disabled){background:var(--color-accent-soft);border-color:var(--color-accent);box-shadow:var(--shadow-card);color:var(--color-accent-soft-fg);transform:translateY(-1px)}.chat-composer-reset:disabled{cursor:not-allowed;opacity:.58}.chat-composer-attach{align-items:center;aspect-ratio:1;background:var(--color-surface-card);border:1px solid var(--color-border-soft);color:var(--color-text-primary);display:inline-flex;justify-content:center;min-height:34px;padding:0;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;width:34px}.chat-composer-attach:hover:not(:disabled){background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent-soft-fg);transform:translateY(-1px);box-shadow:var(--shadow-card)}.chat-composer-attach:disabled{cursor:not-allowed;opacity:.58}.chat-composer-actions .info-tooltip-bubble{left:auto;right:0}.playground-intro{color:var(--color-text-muted);font-size:.96rem;line-height:1.55;margin:0;max-width:680px}.ask-page-empty .playground-intro{margin-inline:auto}.playground-intro-hint{color:var(--color-text-primary);font-size:.95rem;margin:0}.playground-attachment-list{display:grid;gap:6px;list-style:none;margin:8px 0 0;padding:0}.playground-attachment-list li{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-soft);border-radius:var(--radius-control);display:flex;gap:12px;justify-content:space-between;padding:6px 8px 6px 12px}.playground-attachment-list li>span{overflow-wrap:anywhere}.playground-attachment-list button{background:var(--color-surface-card);color:var(--color-text-primary);font-size:.82rem;padding:4px 10px}.playground-attachment-list button:hover:not(:disabled){background:var(--color-accent-soft)}.sr-only{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media(max-width:640px){.rich-question-other{grid-template-columns:1fr}.chat-composer-controls{flex:1 1 100%}.composer-select{flex:1 1 auto}.composer-select select{max-width:100%;width:100%}}.skill-media-add-panel{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-card);overflow:hidden}.skill-media-add-body{display:grid;gap:12px;padding:14px}.skill-media-ai-panel{display:grid;gap:12px}.skill-media-ai-hint{align-items:center;color:var(--color-text-muted);display:flex;font-size:.85rem;gap:8px;margin:0}.skill-media-ai-hint svg{color:var(--color-accent);flex:none}.skill-media-ai-controls{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(150px,200px) minmax(0,1fr) auto}.skill-media-ai-controls>button{min-height:42px;white-space:nowrap}.skill-media-ai-style select{min-width:0}.skill-media-ai-warning{color:#b3431f;font-size:.82rem;margin:0}.skill-media-ai-back{background:transparent;border:none;border-radius:var(--radius-control);color:var(--color-text-muted);font-size:.82rem;justify-self:start;padding:6px 10px}.skill-media-ai-back:hover:not(:disabled){background:var(--color-accent-soft);color:var(--color-accent-soft-fg)}.skill-media-dropzone-preview-button{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-soft);border-radius:var(--radius-control);cursor:zoom-in;display:inline-flex;justify-content:center;min-height:88px;padding:0;width:136px}.skill-media-dropzone-preview-button.is-expanded{cursor:zoom-out;min-height:220px;width:100%}.skill-media-dropzone-preview-button .skill-media-dropzone-preview{height:100%;max-height:inherit;width:100%}.skill-media-dropzone-preview-button.is-expanded .skill-media-dropzone-preview{height:auto;max-height:min(60vh,480px);object-fit:contain}@media(max-width:720px){.skill-media-ai-controls,.skill-media-upload-fields{grid-template-columns:1fr}}
