.guide{max-width:1080px;padding-top:64px;padding-bottom:88px}.guide-header{max-width:760px}.guide h1{font-size:clamp(38px,5vw,58px);line-height:1.12;letter-spacing:-2px;margin:0 0 25px}.guide p{color:#b7c1d0}.guide-header p{font-size:18px}.guide-nav{display:flex;flex-wrap:wrap;gap:12px 26px;margin:32px 0 14px;padding:18px 0;border-top:1px solid #8fadd326;border-bottom:1px solid #8fadd326;font-size:14px}.guide-nav a{color:#a9cbff}.guide-section{padding-top:58px;scroll-margin-top:24px}.guide h2{font-size:34px;letter-spacing:-1px;margin:0 0 20px}.guide h3{font-size:24px;letter-spacing:-.5px;margin:34px 0 14px;line-height:1.3}.guide h4{font-size:19px;margin:0 0 8px;font-weight:600}.guide-tag{font-size:12px;letter-spacing:0;font-weight:500;vertical-align:middle;color:#a9cbff;border:1px solid #8fadd340;border-radius:30px;padding:5px 9px;white-space:nowrap}.guide-step{margin-top:32px}.step-heading{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}.step-heading p{margin:0}.step-number{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#203047;color:#bcd6ff;font-weight:650}.ui-example{margin:0;background:#171717;color:#eee;border:1px solid #ffffff25;border-radius:14px;overflow:hidden;padding:28px;font-size:14px;line-height:1.5}.ui-example h5{font-size:23px;line-height:1.3;margin:0 0 8px;font-weight:550;letter-spacing:-.6px}.ui-example h6{font-size:15px;margin:26px 0 18px;font-weight:500}.ui-example p{margin:12px 0;color:#ccc;font-size:14px}.ui-example .example-secondary{color:#969696;font-size:13px}.example-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.example-toolbar p{margin:0}.example-button{display:inline-block;background:#292929;border:1px solid #ffffff20;padding:7px 12px;border-radius:9px;font-size:13px;white-space:nowrap}.example-light{background:#e6e6e6;color:#121212}.example-tabs{display:flex;gap:12px;align-items:center;margin:25px 0;color:#999;flex-wrap:wrap}.example-tabs>span{padding:7px 11px}.example-selected{background:#303030;color:#fff;border-radius:8px}.settings-example{padding:0;display:grid;grid-template-columns:190px 1fr;min-height:320px}.example-sidebar{display:flex;flex-direction:column;gap:10px;padding:24px 18px;background:#202020;border-right:1px solid #ffffff16}.example-sidebar>strong{margin-bottom:16px;font-size:18px}.example-sidebar>span{padding:7px 8px}.example-main{position:relative;padding:30px}.example-add-menu{position:relative;flex-shrink:0}.example-menu{position:absolute;top:calc(100% + 5px);right:0;z-index:1;width:210px;padding:7px;display:grid;gap:3px;background:#252525;border:1px solid #ffffff16;border-radius:12px}.example-menu>*{padding:8px;font-size:13px;font-weight:400}.example-menu strong{color:#bdd7ff}.example-empty{position:absolute;left:30px;bottom:32px;color:#888;max-width:180px}.marketplace-example{max-width:660px;margin:0 auto;background:#242424}.marketplace-example label,.example-label{display:block;margin:18px 0 6px;color:#aaa;font-size:13px}.copy-field{display:flex;gap:8px;min-width:0}.copy-field input{min-width:0;flex:1;font:inherit;color:#eee;background:#202020;border:1px solid #747b86;padding:10px 12px;border-radius:6px;user-select:text}.guide button[data-copy-from]{background:#303b4d;border:1px solid #66758a;color:#eaf1ff;border-radius:6px;padding:7px 12px;cursor:pointer;font:inherit;font-size:12px}.guide input:focus-visible{outline:2px solid #aecfff;outline-offset:3px}.example-field{background:#202020;border:1px solid #ffffff20;border-radius:6px;padding:12px}.example-blank{height:70px}.example-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:20px}.plugin-example{display:flex;gap:14px;align-items:center;padding:16px;border:1px solid #ffffff18;border-radius:10px}.plugin-example p{margin:4px 0}.plugin-example .example-button{margin-left:auto}.guide-mark{flex-shrink:0}.guide-code{position:relative;background:#141a24;border:1px solid #344256;border-radius:10px;overflow:hidden}.guide-code pre{margin:0;padding:54px 20px 20px;overflow-x:auto;font-size:14px;line-height:1.7}.guide-code>button{position:absolute;right:12px;top:12px}.guide code{font-size:.9em}.guide-next{padding:16px 20px;border-left:2px solid #94baff;background:#121924}.github-examples,.chat-examples{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.guide-list{padding-left:24px;color:#b7c1d0}.guide-list li{margin:12px 0}.guide-list strong{color:#f1f4f8}.github-examples{align-items:center}.github-settings-example{padding:22px;background:#111}.github-settings-example h5{font-size:16px;margin-bottom:22px}.github-settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#202020;border:1px solid #ffffff16;border-radius:16px;padding:16px}.github-settings-row strong{font-weight:500}.github-settings-row p{font-size:12px;color:#aaa;margin:2px 0 0}.github-settings-row .example-button{flex-shrink:0;border:0;border-radius:20px;padding:5px 12px}.github-connected-example{margin:0}.github-connected-example .guide-image{border-radius:14px}.sidebar-example{padding:0;display:grid;grid-template-columns:50px 205px minmax(0,1fr);align-items:center;gap:8px;background:#111}.dock-example{align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0;border-right:1px solid #ffffff16;background:#202020;color:#aaa}.dock-example>span{width:34px;height:34px;display:grid;place-items:center}.dock-more,.dock-chef{background:#333;border-radius:8px}.dock-more{outline:1px solid #888}.dock-menu-example{align-self:start;margin:122px 0 16px;padding:10px 7px;background:#292929;border:1px solid #ffffff16;border-radius:14px;box-shadow:0 8px 22px #0006}.dock-menu-example>div{display:flex;align-items:center;gap:10px;padding:11px 7px;color:#ddd;font-size:14px}.dock-taskchef{background:#353535;border-radius:8px}.dock-pin{margin-left:auto;color:#bdd7ff;display:flex;border:1px solid #9bbee780;border-radius:5px;padding:4px}.sidebar-board{min-width:0;padding:12px;align-self:center}.guide-image{display:block;width:100%;height:auto;border-radius:8px}.guide-figure{margin:24px 0;background:#171717;border:1px solid #ffffff25;border-radius:12px;overflow:hidden}.column-rules{margin:22px 0}.column-rules>div{display:grid;grid-template-columns:170px 1fr;gap:18px;padding:12px 0}.column-rules dt{font-weight:600;margin-bottom:8px}.column-rules dd{margin:0;color:#b7c1d0;font-size:14px}.chat-examples{grid-template-columns:340px minmax(0,1fr);align-items:center}.chat-examples figure{margin:0;min-width:0}.chat-examples figcaption{margin-top:12px;color:#969696;font-size:13px;text-align:center}.floating-example{position:relative;padding:0;background:#111}.floating-example>img{display:block;width:100%;height:auto}.example-composer{position:absolute;bottom:14px;right:14px;width:43%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:#303030;border:1px solid #ffffff16;border-radius:30px;box-shadow:0 6px 18px #0006;font-size:14px;color:#ddd}.composer-placeholder{color:#929292;flex:1;min-width:0}.composer-tools{display:flex;align-items:center;gap:10px;color:#bcbcbc;white-space:nowrap}.example-send{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#aaa;color:#333;font-size:20px}.guide-requirements{margin:20px 0;color:#b7c1d0;font-size:14px}.guide-requirements summary{cursor:pointer}.guide-requirements p{max-width:760px;padding-left:18px}.guide-requirements a{color:#a9cbff}.copy-status{position:fixed;left:-10000px}.guide-section:target{outline:none}@media(max-width:760px){.guide{padding-top:38px}.guide-header p{font-size:16px}.guide h2{font-size:28px}.guide h3{font-size:22px}.guide-section{padding-top:42px}.ui-example{padding:20px}.settings-example{padding:0;grid-template-columns:1fr}.sidebar-example{padding:0;grid-template-columns:44px minmax(0,1fr)}.sidebar-example .sidebar-board{grid-column:1/-1}.dock-menu-example{margin-right:14px}.settings-example .example-sidebar{display:none}.example-main{padding:22px}.example-tabs{gap:2px;font-size:12px}.example-tabs>span{padding:6px}.example-empty{display:none}.example-menu{max-width:210px}.github-examples,.chat-examples{grid-template-columns:1fr}.chat-examples .guide-card-image{width:min(340px,100%);margin-inline:auto}.column-rules>div{grid-template-columns:1fr;gap:0}.plugin-example{flex-wrap:wrap;padding:12px}.plugin-example>div{flex:1;min-width:130px}.plugin-example .example-button{margin-left:56px}.copy-field{flex-wrap:wrap}.copy-field input{flex-basis:100%;width:100%}.copy-field button{margin-left:auto}.example-toolbar h5{font-size:20px}.github-settings-row{flex-wrap:wrap}.github-settings-row .example-button{margin-left:auto}.guide-figure{overflow:auto}.guide-figure img{min-width:650px}.guide-code pre{font-size:12px}.floating-example{padding:0}.example-composer{width:68%;bottom:8px;right:8px;padding:7px 10px;gap:8px;font-size:12px}.composer-tools{display:none}.example-send{width:24px;height:24px;font-size:17px}}