:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--bg:#111117;--bg-soft:#17171f;--panel:#1d1d27;--panel-raised:#242430;--line:#ffffff1c;--line-strong:#ffffff30;--text:#f7f5ff;--muted:#aaa8b7;--accent:#7b6cff;--accent-bright:#a79cff;--cyan:#65d9ef;--green:#7ee2a8;--warning:#ffc871;background:var(--bg);color:var(--text);scroll-behavior:smooth;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-padding-top:88px}body{background:radial-gradient(circle at 80% 0%, #5b46c326, transparent 27rem), var(--bg);min-width:320px;color:var(--text);margin:0}body:before{pointer-events:none;content:"";opacity:.025;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:var(--accent-bright);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:#cbc5ff}img{max-width:100%;height:auto;display:block}button,input{font:inherit}kbd{border:1px solid var(--line-strong);color:#eeebff;text-align:center;background:#ffffff12;border-bottom-width:2px;border-radius:5px;min-width:1.7em;padding:.15em .42em;font:600 .82em ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block;box-shadow:0 1px #00000080}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:#111;background:#fff;border-radius:8px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.guide-header{z-index:15;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#111117db;justify-content:space-between;align-items:center;min-height:64px;padding:0 34px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand img{filter:drop-shadow(0 7px 16px #0006);flex:none}.brand span{letter-spacing:-.02em;font-size:17px}.brand b{border-left:1px solid var(--line-strong);color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-left:6px;padding-left:16px;font-size:12px;font-weight:650}.guide-header nav{align-items:center;gap:25px;display:flex}.guide-header nav>a{color:var(--muted);font-size:13px;font-weight:650;text-decoration:none}.guide-header nav>a:hover{color:var(--text)}.guide-header .open-editor{color:#dedaff;background:#7b6cff21;border:1px solid #a79cff73;border-radius:9px;padding:9px 14px}.guide-hero{grid-template-columns:minmax(0,.86fr) minmax(500px,1.14fr);align-items:center;gap:clamp(40px,6vw,92px);max-width:1450px;margin:0 auto;padding:clamp(64px,8vw,118px) 42px 90px;display:grid;overflow:hidden}.eyebrow{color:var(--accent-bright);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 18px;font-size:11px;font-weight:750;display:flex}.eyebrow span{background:currentColor;width:25px;height:1px;display:inline-block}.hero-copy h1{letter-spacing:-.048em;max-width:760px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,5.5vw,82px);font-weight:500;line-height:.97}.hero-copy h1 em{color:var(--accent-bright);font-weight:500}.hero-copy>p:not(.eyebrow){color:#c2bfcc;max-width:660px;margin:28px 0 0;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{border:1px solid var(--line-strong);min-height:44px;color:var(--text);background:#ffffff09;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:0 18px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{color:#fff;background:#ffffff13}.button-primary{background:linear-gradient(135deg,#7464f5,#907fff);border-color:#0000;box-shadow:0 12px 34px #4734b057}.button-primary:hover{background:linear-gradient(135deg,#8374ff,#9c8dff)}.hero-facts{border-top:1px solid var(--line);gap:30px;margin:38px 0 0;padding:24px 0 0;list-style:none;display:flex}.hero-facts li{color:var(--muted);gap:4px;font-size:11px;line-height:1.35;display:grid}.hero-facts strong{color:var(--text);font-size:13px}.hero-shot{border:1px solid var(--line-strong);background:#20202a;border-radius:16px;margin:0;padding:25px 8px 8px;position:relative;transform:perspective(1300px)rotateY(-4deg)rotateX(1deg);box-shadow:0 35px 100px #00000080,0 0 0 9px #ffffff05}.hero-shot img{background:#242424;border-radius:8px}.hero-shot figcaption{color:var(--muted);font-size:11px;position:absolute;bottom:-38px;right:20px}.window-dots{gap:5px;display:flex;position:absolute;top:10px;left:13px}.window-dots i{background:#fa615a;border-radius:50%;width:7px;height:7px}.window-dots i:nth-child(2){background:#fdbc40}.window-dots i:nth-child(3){background:#34c749}.mobile-contents{display:none}.guide-layout{grid-template-columns:235px minmax(0,830px) 150px;justify-content:center;align-items:start;gap:clamp(28px,4vw,66px);max-width:1450px;margin:0 auto;padding:0 34px 110px;display:grid}.guide-sidebar,.guide-rail{scrollbar-width:thin;max-height:calc(100vh - 112px);position:sticky;top:90px;overflow:auto}.guide-search{border:1px solid var(--line);height:40px;color:var(--muted);background:#ffffff09;border-radius:9px;align-items:center;gap:8px;padding:0 9px;display:flex}.guide-search:focus-within{border-color:#a79cff99;box-shadow:0 0 0 3px #7b6cff1f}.guide-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:12px}.guide-search input::placeholder{color:#777583}.guide-search kbd{min-width:20px;padding:1px 5px;font-size:10px}.search-status{color:#777583;margin:8px 2px 21px;font-size:10px}.guide-sidebar nav{display:grid}.guide-sidebar nav p{color:#777583;letter-spacing:.14em;text-transform:uppercase;margin:21px 0 7px;font-size:9px;font-weight:750}.guide-sidebar nav a{color:#aaa8b7;border-radius:6px;padding:6px 9px;font-size:11px;line-height:1.3;text-decoration:none;position:relative}.guide-sidebar nav a:hover{color:#e5e1ee;background:#ffffff0a}.guide-sidebar nav a[aria-current]{color:var(--accent-bright);background:#7b6cff1a}.guide-sidebar nav a[aria-current]:before{background:var(--accent);content:"";border-radius:2px;width:2px;height:11px;position:absolute;top:8px;left:-6px}.guide-content{min-width:0}.no-results{border:1px dashed var(--line-strong);text-align:center;border-radius:14px;padding:42px}.no-results strong,.no-results span{display:block}.no-results span{color:var(--muted);margin-top:7px}.guide-chapter{border:1px solid var(--line);background:linear-gradient(145deg,#1f1f2aeb,#191922d6);border-radius:18px;margin:0 0 42px;padding:clamp(30px,4.5vw,56px);box-shadow:0 24px 75px #00000029}.guide-chapter>header{max-width:690px;margin-bottom:34px}.chapter-number{color:var(--accent-bright);letter-spacing:.14em;text-transform:uppercase;margin:0 0 11px;font-size:10px;font-weight:750}.guide-chapter h2{letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(35px,4.2vw,50px);font-weight:500;line-height:1.08}.guide-chapter>header>p:last-child{color:var(--muted);margin:14px 0 0;font-size:16px;line-height:1.65}.guide-chapter h3{color:#f5f2ff;letter-spacing:-.015em;margin:35px 0 10px;font-size:17px}.guide-chapter p,.guide-chapter li,.guide-chapter dd{color:#bbb8c5;font-size:14px;line-height:1.72}.guide-chapter strong{color:#eeebf6}.guide-chapter ul{padding-left:19px}.guide-chapter li+li{margin-top:7px}.quick-grid{counter-reset:none;grid-template-columns:1fr 1fr;gap:12px;padding:0;list-style:none;display:grid}.quick-grid li{border:1px solid var(--line);background:#ffffff06;border-radius:12px;gap:14px;min-height:145px;margin:0;padding:21px;display:flex}.quick-grid li>span{height:30px;color:var(--accent-bright);background:#7b6cff1c;border:1px solid #a79cff4d;border-radius:50%;flex:0 0 30px;place-items:center;font-size:12px;font-weight:800;display:grid}.quick-grid strong,.quick-grid p{display:block}.quick-grid p{margin:5px 0 0;font-size:12px;line-height:1.6}.prose-columns,.compare-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.prose-columns h3,.compare-grid h3{margin-top:0}.feature-list{margin:0}.source-note{border-left:2px solid var(--accent);color:var(--muted);background:#7b6cff12;border-radius:0 8px 8px 0;margin-top:30px;padding:17px 20px;font-size:12px;line-height:1.65}.guide-figure{border:1px solid var(--line-strong);background:#121218;border-radius:12px;margin:30px 0;overflow:hidden;box-shadow:0 18px 48px #0000003d}.guide-figure img{width:100%}.guide-figure figcaption{border-top:1px solid var(--line);color:#9996a5;padding:12px 15px;font-size:11px;line-height:1.55}.guide-figure.dialog-shot{max-width:510px;margin-left:auto;margin-right:auto}.guide-figure.dialog-shot img{width:auto;margin:0 auto}.guide-figure.compact img{height:auto}.shortcut-shot{max-width:620px!important}.anatomy-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.anatomy-grid section{border:1px solid var(--line);background:#ffffff06;border-radius:10px;min-height:120px;padding:18px 18px 18px 50px;position:relative}.anatomy-grid span{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;font-weight:800;display:grid;position:absolute;top:18px;left:16px}.anatomy-grid h3,.anatomy-grid p{margin:0}.anatomy-grid h3{font-size:13px}.anatomy-grid p{margin-top:5px;font-size:11px;line-height:1.55}.workflow-grid,.tool-cards,.category-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.workflow-grid section,.tool-cards section,.category-grid section,.compare-grid section{border:1px solid var(--line);background:#ffffff06;border-radius:11px;padding:20px}.workflow-grid section>span{width:30px;height:30px;color:var(--cyan);background:#65d9ef17;border-radius:8px;place-items:center;display:grid}.workflow-grid h3,.tool-cards h3,.category-grid h3,.compare-grid h3{margin:12px 0 6px;font-size:13px}.workflow-grid p,.tool-cards p,.category-grid p,.compare-grid p{margin:0;font-size:11.5px;line-height:1.62}.callout{background:#65d9ef0e;border:1px solid #65d9ef33;border-radius:10px;grid-template-columns:150px 1fr;gap:20px;margin-top:28px;padding:18px 20px;display:grid}.callout strong{color:var(--cyan);font-size:12px}.callout span{color:#aaa8b7;font-size:12px;line-height:1.6}.callout-good{background:#7ee2a80e;border-color:#7ee2a838}.callout-good strong{color:var(--green)}.callout-tip{background:#7b6cff0f;border-color:#a79cff40}.callout-tip strong{color:var(--accent-bright)}.callout-warning{background:#ffc8710e;border-color:#ffc87140}.callout-warning strong{color:var(--warning)}.concept-list{gap:10px;margin:0;display:grid}.concept-list>div{border:1px solid var(--line);border-radius:9px;grid-template-columns:100px 1fr;gap:20px;padding:18px;display:grid}.concept-list dt{color:var(--accent-bright);font-size:13px;font-weight:750}.concept-list dd{margin:0;font-size:12px}.steps{margin:0;padding:0;list-style:none}.steps li{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr;gap:18px;padding:13px 0;display:grid}.steps li:first-child{border-top:1px solid var(--line)}.steps span{font-size:12px}.image-pair{grid-template-columns:1fr 1fr;align-items:center;gap:16px;margin:30px 0;display:grid}.image-pair figure{border:1px solid var(--line);background:#15151b;border-radius:11px;margin:0;overflow:hidden}.image-pair img{object-fit:contain;width:100%;max-height:340px}.image-pair figcaption{border-top:1px solid var(--line);color:var(--muted);padding:10px 12px;font-size:10px}.format-table{border:1px solid var(--line);border-radius:11px;display:grid;overflow:hidden}.format-table>div{grid-template-columns:145px 125px 1fr;align-items:baseline;gap:16px;padding:15px 18px;display:grid}.format-table>div+div{border-top:1px solid var(--line)}.format-table strong{font-size:12px}.format-table span{color:var(--accent-bright);text-transform:uppercase;font-size:10px;font-weight:700}.format-table p{margin:0;font-size:11px}.shortcut-groups{grid-template-columns:1fr 1fr;gap:13px;display:grid}.shortcut-groups section{border:1px solid var(--line);border-radius:10px;padding:18px}.shortcut-groups h3{margin-top:0}.shortcut-groups dl{margin:0}.shortcut-groups dl div{border-top:1px solid var(--line);justify-content:space-between;gap:10px;padding:9px 0;display:flex}.shortcut-groups dt,.shortcut-groups dd{font-size:10px}.shortcut-groups dd{text-align:right;margin:0}.shortcut-groups kbd{font-size:9px}.key-run{border:1px solid var(--line);background:#ffffff05;border-radius:9px;padding:15px;line-height:2.3!important}.help-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.help-grid a{border:1px solid var(--line);color:var(--text);border-radius:10px;grid-template-columns:30px 1fr;column-gap:12px;padding:18px;text-decoration:none;display:grid}.help-grid a:hover{background:#7b6cff0f;border-color:#a79cff6b}.help-grid a>span{color:var(--accent-bright);grid-row:1/3;font-size:20px}.help-grid strong{font-size:12px}.help-grid small{color:var(--muted);margin-top:4px;font-size:10px}.guide-rail{gap:18px;display:grid;overflow:visible}.guide-rail>div{border:1px solid var(--line);background:#ffffff06;border-radius:9px;gap:7px;padding:14px;display:grid}.guide-rail span{color:#777583;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:700}.guide-rail strong,.guide-rail b{color:#bbb7ca;font-size:10px}.guide-rail progress{background:#2a2933;border:0;border-radius:4px;width:100%;height:4px}.guide-rail progress::-webkit-progress-bar{background:#2a2933;border-radius:4px}.guide-rail progress::-webkit-progress-value{background:var(--accent);border-radius:4px}.guide-rail progress::-moz-progress-bar{background:var(--accent);border-radius:4px}.guide-rail>a{color:#858291;font-size:10px;text-decoration:none}.guide-footer{border-top:1px solid var(--line);background:#0d0d12;grid-template-columns:1fr 1fr auto;align-items:start;gap:40px;padding:55px max(34px,50vw - 690px);display:grid}.guide-footer p{color:#858290;max-width:480px;margin:12px 0 0;font-size:11px;line-height:1.65}.guide-footer nav{gap:8px;display:grid}.guide-footer nav a{color:#aaa7b5;font-size:11px;text-decoration:none}@media (width<=1180px){.guide-hero{grid-template-columns:1fr}.hero-copy{max-width:780px}.hero-shot{max-width:900px;transform:none}.guide-layout{grid-template-columns:220px minmax(0,820px)}.guide-rail{display:none}}@media (width<=820px){html{scroll-padding-top:70px}.guide-header{padding:0 17px}.guide-header .brand b,.guide-header nav>a:not(.open-editor){display:none}.guide-header nav{gap:8px}.guide-hero{padding:55px 20px 60px}.hero-copy h1{font-size:clamp(43px,12vw,65px)}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-facts{gap:15px}.hero-shot figcaption{padding:12px 4px 2px;position:static}.mobile-contents{border:1px solid var(--line);background:var(--panel);border-radius:10px;margin:0 20px 25px;display:block}.mobile-contents summary{cursor:pointer;padding:13px 15px;font-size:12px;font-weight:700}.mobile-contents nav{grid-template-columns:1fr 1fr;gap:1px;padding:4px 9px 12px;display:grid}.mobile-contents a{color:var(--muted);padding:7px;font-size:10px;text-decoration:none}.guide-layout{padding:0 20px 70px;display:block}.guide-sidebar{display:none}.guide-chapter{border-radius:14px;padding:28px 22px}.quick-grid,.prose-columns,.compare-grid,.workflow-grid,.tool-cards,.category-grid,.shortcut-groups,.help-grid,.image-pair,.anatomy-grid{grid-template-columns:1fr}.callout{grid-template-columns:1fr;gap:7px}.format-table>div{grid-template-columns:1fr;gap:4px}.guide-footer{grid-template-columns:1fr;padding:40px 22px}}@media (width<=470px){.guide-header .brand span{font-size:15px}.guide-header .open-editor{padding:8px 10px;font-size:11px}.hero-facts{grid-template-columns:1fr 1fr;display:grid}.mobile-contents nav{grid-template-columns:1fr}.guide-layout{padding-left:12px;padding-right:12px}.guide-chapter{padding:26px 18px}.quick-grid{grid-template-columns:1fr}.concept-list>div,.steps li{grid-template-columns:1fr;gap:7px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}