.guide-module__uccnpq__shell{--g-bg:#f4f4f4;--g-rail:#f6f6f6;--g-ink:#111;--g-muted:#707070;--g-body:#5c5c5c;--g-faint:#a3a3a3;--g-line:#00000012;--g-tile:#ececec;--g-tile-2:#e4e4e4;--g-radius:8px;--g-font:var(--g-font-primary,var(--font-geist-sans)), ui-sans-serif, system-ui, sans-serif;--g-ui:var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;--g-mono:var(--g-font-mono,var(--font-geist-mono)), ui-monospace, monospace;background:var(--g-bg);min-height:100%;color:var(--g-ink);font-family:var(--g-font);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;display:flex;container:guide/inline-size}.guide-module__uccnpq__white{--g-bg:#fff;--g-rail:#f7f7f7;--g-tile:#f1f1f1;--g-tile-2:#e9e9e9}.guide-module__uccnpq__dark{--g-bg:#121212;--g-rail:#0c0c0c;--g-ink:#f2f2f2;--g-muted:#a0a0a0;--g-body:#b0b0b0;--g-faint:#6d6d6d;--g-line:#ffffff14;--g-tile:#1c1c1c;--g-tile-2:#242424}.guide-module__uccnpq__smooth{scroll-behavior:smooth}.guide-module__uccnpq__rail{background:var(--g-rail);width:232px;height:100vh;max-height:100vh;font-family:var(--g-ui);flex-direction:column;flex-shrink:0;font-size:13px;display:flex;position:sticky;top:0;overflow-y:auto}.guide-module__uccnpq__railInCanvas{height:auto;min-height:100%;max-height:none}.guide-module__uccnpq__railHead{color:inherit;align-items:center;gap:12px;padding:26px 20px 18px;text-decoration:none;display:flex}.guide-module__uccnpq__mark{background:var(--g-ink);width:28px;height:28px;color:var(--g-bg);border-radius:6px;flex-shrink:0;place-items:center;font-size:14px;font-weight:600;display:grid;overflow:hidden}.guide-module__uccnpq__mark img{object-fit:contain;width:100%;height:100%}.guide-module__uccnpq__markSymbol{background:0 0}.guide-module__uccnpq__railName{letter-spacing:-.025em;font-size:15px;font-weight:600;line-height:1.2;display:block}.guide-module__uccnpq__railSub{color:var(--g-muted);font-size:12.5px;line-height:1.3;display:block}.guide-module__uccnpq__search{margin:0 12px 16px;font-size:13.5px;position:relative}.guide-module__uccnpq__search input{width:100%;color:inherit;font:inherit;background:0 0;border:0;border-radius:7px;outline:none;padding:7px 10px 7px 28px}.guide-module__uccnpq__search input:focus{background:var(--g-tile)}.guide-module__uccnpq__search svg{color:var(--g-muted);position:absolute;top:50%;left:9px;transform:translateY(-50%)}.guide-module__uccnpq__searchResults{background:var(--g-tile);border-radius:8px;margin:-8px 12px 12px;padding:4px}.guide-module__uccnpq__searchResults a{color:inherit;border-radius:6px;padding:6px 8px;text-decoration:none;display:block}.guide-module__uccnpq__searchResults a:hover{background:var(--g-tile-2)}.guide-module__uccnpq__searchResults small{color:var(--g-muted);font-size:11px;display:block}.guide-module__uccnpq__nav{flex:1;padding:0 16px 24px}.guide-module__uccnpq__navItem{color:var(--g-muted);letter-spacing:-.015em;padding:7.5px 4px;font-size:14px;line-height:21px;text-decoration:none;transition:color .12s;display:block}.guide-module__uccnpq__navItem:hover,.guide-module__uccnpq__navItemActive{color:var(--g-ink)}.guide-module__uccnpq__navItemActive{font-weight:600}.guide-module__uccnpq__navAreas{margin:0 0 6px 12px}.guide-module__uccnpq__navArea{color:color-mix(in srgb, var(--g-ink) 45%, transparent);letter-spacing:-.01em;padding:5px 4px;font-size:13px;line-height:19.5px;text-decoration:none;display:block}.guide-module__uccnpq__navArea:hover,.guide-module__uccnpq__navAreaActive{color:var(--g-ink)}.guide-module__uccnpq__navAreaActive{font-weight:500}.guide-module__uccnpq__railFoot{color:var(--g-muted);padding:16px 20px 20px;font-size:11.5px}.guide-module__uccnpq__fab{display:none}.guide-module__uccnpq__drawerBackdrop{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000001f;position:fixed;inset:0}.guide-module__uccnpq__drawer{z-index:41;background:var(--g-rail);width:min(400px,80vw);font-family:var(--g-ui);flex-direction:column;padding:0 16px 96px;animation:.22s cubic-bezier(.2,0,0,1) guide-module__uccnpq__drawerIn;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}@keyframes guide-module__uccnpq__drawerIn{0%{transform:translate(100%)}}.guide-module__uccnpq__drawer>*{flex-shrink:0}.guide-module__uccnpq__drawerHead{align-items:center;height:76px;font-size:17px;display:flex}.guide-module__uccnpq__drawerHead img{object-fit:contain;max-width:140px;max-height:24px}.guide-module__uccnpq__searchLarge{margin:0 0 18px;font-size:16px}.guide-module__uccnpq__searchLarge input{background:var(--g-tile);border-radius:999px;height:44px;padding-left:38px}.guide-module__uccnpq__searchLarge svg{left:14px}.guide-module__uccnpq__drawerNav{flex-direction:column;display:flex}.guide-module__uccnpq__drawerRow{justify-content:space-between;align-items:center;height:52px;display:flex}.guide-module__uccnpq__drawerRow a{color:var(--g-muted);letter-spacing:-.02em;flex:1;font-size:22px;text-decoration:none}.guide-module__uccnpq__drawerRow button{width:32px;height:32px;color:var(--g-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.guide-module__uccnpq__drawerRow .guide-module__uccnpq__drawerActive{color:var(--g-ink)}.guide-module__uccnpq__drawerAreas{flex-direction:column;padding-bottom:6px;display:flex}.guide-module__uccnpq__drawerAreas a{height:40px;color:var(--g-body);align-items:center;padding-left:16px;font-size:16px;text-decoration:none;display:flex}.guide-module__uccnpq__drawerAreas .guide-module__uccnpq__drawerActive{color:var(--g-ink);font-weight:500}.guide-module__uccnpq__main{flex:1;min-width:0;container-type:inline-size}.guide-module__uccnpq__hero{color:#fff;background:#17171b;flex-direction:column;justify-content:flex-end;min-height:max(300px,54vh);padding:80px 20px 24px;display:flex;position:relative;overflow:hidden}.guide-module__uccnpq__heroCover{min-height:min(100vh,900px);padding-bottom:28px}.guide-module__uccnpq__heroPlain{background:var(--g-tile-2);min-height:max(380px,54vh);color:var(--g-ink)}.guide-module__uccnpq__heroImage{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.guide-module__uccnpq__heroShade:after{content:"";background:linear-gradient(#0000 45%,#00000073);position:absolute;inset:0}.guide-module__uccnpq__heroPattern{opacity:.07;font-family:var(--g-font);letter-spacing:-.04em;pointer-events:none;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-content:flex-start;gap:0 4px;font-size:120px;font-weight:700;line-height:.82;display:flex;position:absolute;inset:-12px}.guide-module__uccnpq__heroPatternImage{filter:brightness(0)invert();opacity:.06;pointer-events:none;background-position:-2px -4px;background-repeat:repeat;background-size:100px;position:absolute;inset:0}.guide-module__uccnpq__heroFade{pointer-events:none;background:linear-gradient(#0000 40%,#00000059);position:absolute;inset:0}.guide-module__uccnpq__heroTop{z-index:1;font-family:var(--g-ui);justify-content:space-between;align-items:center;font-size:13px;display:flex;position:absolute;top:40px;left:40px;right:40px}.guide-module__uccnpq__heroTop img{object-fit:contain;max-width:160px;max-height:26px}.guide-module__uccnpq__heroWordmark{font-size:15px;font-weight:600}.guide-module__uccnpq__heroTitle{z-index:1;font-family:var(--g-font);letter-spacing:-.055em;white-space:pre-line;margin:0;padding-bottom:.12em;font-size:clamp(56px,13cqi,200px);font-weight:600;line-height:1.02;position:relative}.guide-module__uccnpq__heroCover .guide-module__uccnpq__heroTitle{margin-left:20px}.guide-module__uccnpq__heroTitleSection{font-size:clamp(52px,12.5cqi,190px)}.guide-module__uccnpq__heroControls{z-index:2;gap:6px;display:flex;position:absolute;bottom:18px;right:20px}.guide-module__uccnpq__content{padding:0 40px}.guide-module__uccnpq__area{border-top:1px solid var(--g-line);padding:76px 0;scroll-margin-top:24px;position:relative}.guide-module__uccnpq__area:first-child{border-top:0}.guide-module__uccnpq__areaHidden{opacity:.4}.guide-module__uccnpq__areaHead{grid-template-columns:1fr 1fr;gap:24px;display:grid}.guide-module__uccnpq__areaTitle{letter-spacing:-.055em;margin:0;font-size:24px;font-weight:500;line-height:1.02}.guide-module__uccnpq__areaBody{max-width:36em;color:var(--g-body);letter-spacing:-.02em;white-space:pre-line;margin:0;font-size:17px;line-height:1.5}.guide-module__uccnpq__areaBlock{margin-top:128px}.guide-module__uccnpq__statementLabel{color:var(--g-body);font-family:var(--g-ui);margin:0;font-size:13px}.guide-module__uccnpq__statementText{letter-spacing:-.02em;white-space:pre-line;max-width:735px;margin:20px 0 0;font-size:clamp(22px,2.8cqi,34px);font-weight:400;line-height:1.5}.guide-module__uccnpq__points{border-top:1px solid var(--g-line);margin-top:44px}.guide-module__uccnpq__point{border-bottom:1px solid var(--g-line);grid-template-columns:36px 1fr;gap:0;padding:18px 0;display:grid;position:relative}.guide-module__uccnpq__pointNo{color:var(--g-muted);font-family:var(--g-ui);font-variant-numeric:tabular-nums;padding-top:5px;font-size:13px}.guide-module__uccnpq__pointTitle{letter-spacing:-.055em;margin:0;font-size:21px;font-weight:500;line-height:1.02}.guide-module__uccnpq__pointBody{max-width:52ch;color:var(--g-body);letter-spacing:-.02em;grid-column:2;margin:6px 0 0;font-size:15px;line-height:1.5}.guide-module__uccnpq__tile{border-radius:var(--g-radius);background:var(--g-tile);position:relative;overflow:hidden}.guide-module__uccnpq__tileCaption{color:var(--g-muted);font-family:var(--g-ui);font-size:12px;position:absolute;bottom:14px;left:16px}.guide-module__uccnpq__segmented{background:var(--g-tile);font-family:var(--g-ui);border-radius:999px;gap:2px;padding:3px;font-size:12px;display:inline-flex}.guide-module__uccnpq__segmented button{color:var(--g-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 12px}.guide-module__uccnpq__segmented .guide-module__uccnpq__segActive{background:var(--g-bg);color:var(--g-ink);box-shadow:0 1px 2px #00000014}.guide-module__uccnpq__logoGrid{gap:8px;display:grid}.guide-module__uccnpq__logoTile{place-items:center;min-height:clamp(280px,42cqi,520px);padding:56px 32px;display:grid}.guide-module__uccnpq__logoTile img{object-fit:contain;max-width:min(60%,520px);max-height:120px}.guide-module__uccnpq__logoTileDark{background:#111}.guide-module__uccnpq__logoToggle{background:0 0;position:absolute;top:12px;left:12px}.guide-module__uccnpq__logoToggle .guide-module__uccnpq__segActive{box-shadow:none;background:#00000014}.guide-module__uccnpq__logoTileDark .guide-module__uccnpq__logoToggle button{color:#8a8a8a}.guide-module__uccnpq__logoTileDark .guide-module__uccnpq__logoToggle .guide-module__uccnpq__segActive{color:#fff;background:#ffffff1f}.guide-module__uccnpq__whiteLogo{filter:brightness(0)invert()}.guide-module__uccnpq__blackLogo{filter:brightness(0)}.guide-module__uccnpq__clearGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.guide-module__uccnpq__clearGrid>:first-child{grid-column:1/-1}.guide-module__uccnpq__clearTile{place-items:center;min-height:260px;padding:40px;display:grid}.guide-module__uccnpq__clearBox{padding:var(--clear,32px);outline:1px dashed #e63c5a73;position:relative}.guide-module__uccnpq__clearBox img{width:auto;height:var(--logo-h,96px);object-fit:contain;outline:1px dashed #e63c5a40;max-width:min(520px,55cqi);display:block}.guide-module__uccnpq__clearCorner{width:var(--clear,32px);height:var(--clear,32px);background:#e63c5a0f;border:1px solid #e63c5a59;position:absolute}.guide-module__uccnpq__logoColorGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.guide-module__uccnpq__logoColorTile{aspect-ratio:16/7;border-radius:var(--g-radius);place-items:center;display:grid}.guide-module__uccnpq__logoColorTile img{object-fit:contain;max-width:55%;max-height:34%}.guide-module__uccnpq__paletteBar{justify-content:flex-end;margin:-44px 0 12px;display:flex}.guide-module__uccnpq__palette{grid-template-columns:1.35fr 1fr 1fr;gap:8px;min-height:440px;display:grid}.guide-module__uccnpq__paletteCol{flex-direction:column;gap:8px;display:flex}.guide-module__uccnpq__swatch{border-radius:var(--g-radius);min-height:92px;font-family:var(--g-ui);text-align:left;cursor:copy;border:0;flex-direction:column;flex:1;justify-content:space-between;padding:16px;font-size:13px;line-height:1;display:flex;position:relative}.guide-module__uccnpq__swatch span{font-weight:500}.guide-module__uccnpq__swatch code{font-family:var(--g-ui);opacity:.8;font-size:13px}.guide-module__uccnpq__swatchCopied:after{content:attr(data-copied);font-size:11px;position:absolute;top:12px;right:12px}.guide-module__uccnpq__proportion{border-radius:var(--g-radius);height:440px;display:flex;overflow:hidden}.guide-module__uccnpq__proportionLabels{margin-top:14px;display:flex}.guide-module__uccnpq__proportionLabel{min-width:0;font-family:var(--g-ui);white-space:nowrap;overflow:hidden}.guide-module__uccnpq__proportionLabel small{color:var(--g-muted);margin-bottom:6px;font-size:12.5px;display:block}.guide-module__uccnpq__proportionLabel strong{letter-spacing:-.035em;font-size:26px;font-weight:500}.guide-module__uccnpq__combos{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.guide-module__uccnpq__combo{aspect-ratio:1;border-radius:var(--g-radius);place-items:center;display:grid}.guide-module__uccnpq__combo span{aspect-ratio:1;border-radius:50%;width:46%}.guide-module__uccnpq__typeface{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);min-height:550px;margin-bottom:8px;display:grid}.guide-module__uccnpq__typefaceInfo{flex-direction:column;padding:32px;display:flex;container-type:inline-size}.guide-module__uccnpq__typefaceLabel{color:var(--g-muted);font-family:var(--g-ui);font-size:12px}.guide-module__uccnpq__typefaceName{letter-spacing:-.055em;overflow-wrap:break-word;margin:12px 0 36px;font-size:clamp(28px,19cqi,120px);font-weight:600;line-height:1.02}.guide-module__uccnpq__typefaceMono .guide-module__uccnpq__typefaceName,.guide-module__uccnpq__typefaceMono .guide-module__uccnpq__typefaceGlyphs{letter-spacing:0}.guide-module__uccnpq__typefaceGlyphs{color:var(--g-body);letter-spacing:-.02em;font-size:22px;line-height:1.5}.guide-module__uccnpq__typefaceMeta{border-top:1px solid var(--g-line);font-family:var(--g-ui);margin-top:auto;padding-top:18px;font-size:16px}.guide-module__uccnpq__typefaceMeta small{color:var(--g-muted);margin-bottom:6px;font-size:12px;display:block}.guide-module__uccnpq__weights{min-width:0;min-height:360px;display:flex}.guide-module__uccnpq__weight{border-left:1px solid var(--g-line);background:var(--g-tile-2);flex:1;align-items:flex-end;min-width:0;display:flex;position:relative;overflow:hidden}.guide-module__uccnpq__weight:nth-child(2n){background:color-mix(in srgb, var(--g-tile-2) 85%, var(--g-ink) 3%)}.guide-module__uccnpq__weight small{color:var(--g-body);font-family:var(--g-ui);font-size:13px;position:absolute;top:12px;left:12px}.guide-module__uccnpq__weight span{margin:0 0 -.2em -.06em;font-size:clamp(160px,30cqi,320px);line-height:1}.guide-module__uccnpq__tester{padding:14px}.guide-module__uccnpq__testerBar{font-family:var(--g-ui);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.guide-module__uccnpq__slider{background:var(--g-tile-2);min-width:180px;color:var(--g-muted);border-radius:7px;flex:1;align-items:center;gap:10px;padding:5px 10px;display:flex}.guide-module__uccnpq__slider input{accent-color:var(--g-ink);flex:1}.guide-module__uccnpq__testerText{letter-spacing:-.03em;overflow-wrap:anywhere;outline:none;min-height:1.2em;margin:28px 4px 24px;line-height:1.08}.guide-module__uccnpq__hierarchy{border-top:1px solid var(--g-line)}.guide-module__uccnpq__level{border-bottom:1px solid var(--g-line);grid-template-columns:180px 1fr;align-items:baseline;gap:16px;padding:22px 0;display:grid}.guide-module__uccnpq__levelMeta{font-family:var(--g-ui);font-size:12px}.guide-module__uccnpq__levelMeta small{color:var(--g-muted);font-size:11px;display:block}.guide-module__uccnpq__levelSample{overflow-wrap:anywhere;margin:0}.guide-module__uccnpq__curveWrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;display:grid}.guide-module__uccnpq__curvePlot{padding:28px}.guide-module__uccnpq__curvePlot svg{width:100%;max-width:380px;margin:0 auto;display:block;overflow:visible}.guide-module__uccnpq__curveDemo{font-family:var(--g-ui);flex-direction:column;justify-content:center;gap:18px;padding:28px;font-size:12px;display:flex}.guide-module__uccnpq__curveTrack{background:var(--g-tile-2);border-radius:999px;height:44px;position:relative}.guide-module__uccnpq__curveDot{background:var(--g-ink);border-radius:50%;width:32px;height:32px;position:absolute;top:6px;left:6px}.guide-module__uccnpq__curveDotRun{left:calc(100% - 38px)}.guide-module__uccnpq__curveCode{font-family:var(--g-mono);font-size:12px}.guide-module__uccnpq__gridDemo{aspect-ratio:16/7}.guide-module__uccnpq__gridColumns{height:100%;display:flex}.guide-module__uccnpq__gridColumns span{background:#e63c5a1a;border-inline:1px solid #e63c5a40;flex:1}.guide-module__uccnpq__gridSpecs{font-family:var(--g-ui);gap:32px;margin-top:14px;font-size:12px;display:flex}.guide-module__uccnpq__gridSpecs small{color:var(--g-muted);font-size:11px;display:block}.guide-module__uccnpq__gridSpecs strong{font-size:20px;font-weight:500}.guide-module__uccnpq__images{grid-template-columns:repeat(var(--cols,2), minmax(0, 1fr));gap:6px;display:grid}.guide-module__uccnpq__imageTile{aspect-ratio:4/3;position:relative}.guide-module__uccnpq__imagesOne .guide-module__uccnpq__imageTile{aspect-ratio:16/7}.guide-module__uccnpq__imageTile img{object-fit:cover;width:100%;height:100%}.guide-module__uccnpq__imageTile img[src$=\.svg],.guide-module__uccnpq__imageContain img{object-fit:contain;padding:10%}.guide-module__uccnpq__emptyTile{border:1px dashed var(--g-line);border-radius:var(--g-radius);min-height:160px;color:var(--g-faint);font-family:var(--g-ui);place-items:center;font-size:12px;display:grid}.guide-module__uccnpq__doDonts{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.guide-module__uccnpq__doDont{flex-direction:column;display:flex}.guide-module__uccnpq__doDontMedia{aspect-ratio:4/3;text-align:center;place-items:center;padding:24px;font-size:20px;line-height:1.35;display:grid}.guide-module__uccnpq__doDontMedia img{object-fit:contain;width:100%;height:100%}.guide-module__uccnpq__doDontCaption{font-family:var(--g-ui);align-items:baseline;gap:8px;padding:10px 2px;font-size:13px;display:flex}.guide-module__uccnpq__badge{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:11px;display:inline-grid}.guide-module__uccnpq__badgeDo{background:#1f9d55}.guide-module__uccnpq__badgeDont{background:#d93838}.guide-module__uccnpq__downloads{border-top:1px solid var(--g-line);font-family:var(--g-ui)}.guide-module__uccnpq__download{border-bottom:1px solid var(--g-line);align-items:center;gap:16px;padding:14px 0;font-size:14px;display:flex}.guide-module__uccnpq__downloadThumb{background:var(--g-tile);border-radius:6px;flex-shrink:0;place-items:center;width:56px;height:40px;display:grid;overflow:hidden}.guide-module__uccnpq__downloadThumb img{object-fit:contain;max-width:80%;max-height:70%}.guide-module__uccnpq__downloadName{flex:1;min-width:0}.guide-module__uccnpq__downloadName small{color:var(--g-muted);font-size:11px;display:block}.guide-module__uccnpq__downloadLinks{flex-wrap:wrap;gap:6px;display:flex}.guide-module__uccnpq__downloadLinks a{background:var(--g-tile);color:inherit;text-transform:uppercase;border-radius:999px;padding:5px 10px;font-size:11px;text-decoration:none}.guide-module__uccnpq__downloadLinks a:hover{background:var(--g-tile-2)}.guide-module__uccnpq__legacy{min-width:0}.guide-module__uccnpq__pager{font-family:var(--g-ui);grid-template-columns:1fr 1fr;margin-top:40px;display:grid}.guide-module__uccnpq__pager a{background:var(--g-tile);color:inherit;flex-direction:column;gap:18px;padding:24px 40px 32px;font-size:15px;text-decoration:none;display:flex}.guide-module__uccnpq__pager a+a{background:var(--g-tile-2)}.guide-module__uccnpq__pager a:hover{filter:brightness(.97)}.guide-module__uccnpq__pager small{color:var(--g-muted)}.guide-module__uccnpq__empty{color:var(--g-muted);font-family:var(--g-ui);text-align:center;padding:96px 24px}.guide-module__uccnpq__editable{cursor:text;border-radius:3px;outline:none;transition:box-shadow .12s}.guide-module__uccnpq__editable:hover{box-shadow:0 0 0 4px #2563eb14}.guide-module__uccnpq__editable:focus{box-shadow:0 0 0 4px #2563eb29}.guide-module__uccnpq__editable[data-empty=true]:before{content:attr(data-placeholder);color:var(--g-faint);pointer-events:none}.guide-module__uccnpq__areaTools{z-index:3;color:#ddd;opacity:0;font-family:var(--g-ui);background:#1b1b1b;border-radius:8px;gap:2px;padding:3px;transition:opacity .12s;display:flex;position:absolute;top:14px;right:0}.guide-module__uccnpq__area:hover>.guide-module__uccnpq__areaTools,.guide-module__uccnpq__areaTools:focus-within{opacity:1}.guide-module__uccnpq__toolBtn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:5px 7px;font-size:12px;display:inline-flex}.guide-module__uccnpq__toolBtn:hover{color:#fff;background:#ffffff1a}.guide-module__uccnpq__toolBtn:disabled{opacity:.35;cursor:default}.guide-module__uccnpq__ghostBtn{color:var(--g-muted);font-family:var(--g-ui);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.guide-module__uccnpq__ghostBtn:hover{background:var(--g-tile);color:var(--g-ink)}.guide-module__uccnpq__darkBtn{color:#fff;font-family:var(--g-ui);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141414d1;border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 11px;font-size:12px;display:inline-flex}.guide-module__uccnpq__removeBtn{z-index:2;color:#fff;opacity:0;cursor:pointer;background:#141414bf;border:0;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:8px;right:8px}.guide-module__uccnpq__point .guide-module__uccnpq__removeBtn{top:14px;right:0}.guide-module__uccnpq__removeHost:hover>.guide-module__uccnpq__removeBtn,.guide-module__uccnpq__point:hover>.guide-module__uccnpq__removeBtn{opacity:1}.guide-module__uccnpq__inserter{z-index:2;justify-content:center;height:0;display:flex;position:relative}.guide-module__uccnpq__inserter>button{opacity:0;transition:opacity .12s;transform:translateY(-50%)}.guide-module__uccnpq__inserter:hover>button,.guide-module__uccnpq__inserter>button:focus-visible,.guide-module__uccnpq__inserterOpen>button{opacity:1}.guide-module__uccnpq__inserterMenu{width:460px;font-family:var(--g-ui);background:#1b1b1b;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:6px;display:grid;position:absolute;top:16px;box-shadow:0 18px 50px #00000040}.guide-module__uccnpq__inserterMenu button{color:#ddd;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 10px;font-size:12px}.guide-module__uccnpq__inserterMenu button:hover{color:#fff;background:#ffffff1a}.guide-module__uccnpq__miniInput{border:1px solid var(--g-line);background:var(--g-bg);width:64px;color:var(--g-ink);font-family:var(--g-ui);border-radius:5px;padding:3px 6px;font-size:12px}.guide-module__uccnpq__editRow{font-family:var(--g-ui);color:var(--g-muted);flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px;font-size:12px;display:flex}.guide-module__uccnpq__editRow label{align-items:center;gap:6px;display:inline-flex}@container guide (max-width:860px){.guide-module__uccnpq__rail{display:none}.guide-module__uccnpq__fab{z-index:42;color:#fff;-webkit-backdrop-filter:blur(14px)saturate(1.9)brightness(1.08);backdrop-filter:blur(14px)saturate(1.9)brightness(1.08);cursor:pointer;background:#1c1c1e57;border:0;border-radius:999px;place-items:center;width:52px;height:52px;display:grid;position:fixed;bottom:16px;right:16px}.guide-module__uccnpq__fabLight{color:#111;background:#fff;box-shadow:0 6px 24px #0000001f}.guide-module__uccnpq__fabOpen{background:var(--g-bg);color:var(--g-ink);box-shadow:0 6px 24px #00000026}.guide-module__uccnpq__content{padding:0 20px}.guide-module__uccnpq__hero{padding:80px 20px 24px}.guide-module__uccnpq__heroTop{top:24px;left:24px;right:24px}.guide-module__uccnpq__heroCover .guide-module__uccnpq__heroTitle{margin-left:4px}.guide-module__uccnpq__heroCover:not(.guide-module__uccnpq__heroPlain){min-height:100svh}.guide-module__uccnpq__statementText{font-size:28px}.guide-module__uccnpq__areaHead{grid-template-columns:1fr;gap:14px}.guide-module__uccnpq__palette{min-height:440px}.guide-module__uccnpq__swatch{padding:12px;font-size:12px}.guide-module__uccnpq__swatch code{font-size:11px}.guide-module__uccnpq__curveWrap{grid-template-columns:1fr}.guide-module__uccnpq__typeface{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);min-height:0}.guide-module__uccnpq__typefaceInfo{padding:32px 20px 24px 32px}.guide-module__uccnpq__typefaceName{margin:10px 0 24px}.guide-module__uccnpq__typefaceGlyphs{overflow-wrap:anywhere;font-size:16px}.guide-module__uccnpq__weight small{font-size:12px;top:10px;left:8px}.guide-module__uccnpq__logoColorGrid,.guide-module__uccnpq__doDonts{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-module__uccnpq__images{grid-template-columns:repeat(min(var(--cols,2), 2), minmax(0, 1fr))}.guide-module__uccnpq__level{grid-template-columns:1fr;gap:6px}.guide-module__uccnpq__inserterMenu{grid-template-columns:repeat(2,minmax(0,1fr));width:300px}}@container guide (max-width:520px){.guide-module__uccnpq__logoColorGrid,.guide-module__uccnpq__doDonts,.guide-module__uccnpq__clearGrid,.guide-module__uccnpq__images{grid-template-columns:1fr}.guide-module__uccnpq__logoTile{min-height:220px}.guide-module__uccnpq__pager{grid-template-columns:1fr}}
.studio-module__Y2O9Wq__studio{--s-bg:#0f0f0f;--s-panel:#181818;--s-raise:#222;--s-hover:#2a2a2a;--s-line:#ffffff12;--s-text:#e8e8e8;--s-muted:#9a9a9a;--s-faint:#666;--s-accent:#1f6feb;background:var(--s-bg);color:var(--s-text);font-family:var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;grid-template-rows:44px minmax(0,1fr);grid-template-columns:240px minmax(0,1fr);font-size:12px;display:grid;position:fixed;inset:0}.studio-module__Y2O9Wq__top{border-bottom:1px solid var(--s-line);grid-column:1/-1;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 10px;display:grid}.studio-module__Y2O9Wq__topLeft,.studio-module__Y2O9Wq__topRight{align-items:center;gap:4px;display:flex}.studio-module__Y2O9Wq__topRight{justify-content:flex-end;gap:8px}.studio-module__Y2O9Wq__topCenter{flex-direction:column;align-items:center;line-height:1.2;display:flex}.studio-module__Y2O9Wq__topCenter small{color:var(--s-faint);font-size:10px}.studio-module__Y2O9Wq__iconBtn{width:28px;height:28px;color:var(--s-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;text-decoration:none;display:inline-grid}.studio-module__Y2O9Wq__iconBtn:hover:not(:disabled){background:var(--s-raise);color:var(--s-text)}.studio-module__Y2O9Wq__iconBtn:disabled{opacity:.35;cursor:default}.studio-module__Y2O9Wq__divider{background:var(--s-line);width:1px;height:16px;margin:0 4px}.studio-module__Y2O9Wq__devices{background:var(--s-panel);border-radius:8px;gap:2px;padding:2px;display:flex}.studio-module__Y2O9Wq__devices .studio-module__Y2O9Wq__iconBtn{width:26px;height:22px}.studio-module__Y2O9Wq__deviceActive{background:var(--s-hover)!important;color:var(--s-text)!important}.studio-module__Y2O9Wq__publish{background:var(--s-accent);color:#fff;height:28px;font:inherit;cursor:pointer;border:0;border-radius:7px;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.studio-module__Y2O9Wq__publish:disabled{background:var(--s-raise);color:var(--s-muted);cursor:default}.studio-module__Y2O9Wq__side{border-right:1px solid var(--s-line);background:var(--s-panel);flex-direction:column;min-height:0;display:flex}.studio-module__Y2O9Wq__tabs{gap:2px;padding:8px;display:flex}.studio-module__Y2O9Wq__tab{color:var(--s-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 9px}.studio-module__Y2O9Wq__tab:hover{color:var(--s-text)}.studio-module__Y2O9Wq__tabActive{background:var(--s-raise);color:var(--s-text)}.studio-module__Y2O9Wq__sideBody{flex:1;min-height:0;padding:2px 0 12px;overflow-y:auto}.studio-module__Y2O9Wq__sideFoot{border-top:1px solid var(--s-line);padding:8px}.studio-module__Y2O9Wq__row{height:28px;color:var(--s-text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:0 6px 0 4px;display:flex;position:relative}.studio-module__Y2O9Wq__row:hover{background:#ffffff0a}.studio-module__Y2O9Wq__rowActive{background:var(--s-raise)!important}.studio-module__Y2O9Wq__rowHidden{color:var(--s-faint)}.studio-module__Y2O9Wq__rowChild{height:25px;color:var(--s-muted);padding-left:34px}.studio-module__Y2O9Wq__rowChild:hover{color:var(--s-text)}.studio-module__Y2O9Wq__chevron{width:16px;height:16px;color:var(--s-faint);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.studio-module__Y2O9Wq__rowIcon{color:var(--s-muted);flex-shrink:0}.studio-module__Y2O9Wq__rowLabel{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.studio-module__Y2O9Wq__rowInput{border:1px solid var(--s-accent);background:var(--s-bg);min-width:0;height:22px;color:var(--s-text);font:inherit;border-radius:5px;outline:none;flex:1;padding:0 6px}.studio-module__Y2O9Wq__rowActions{gap:1px;display:none}.studio-module__Y2O9Wq__row:hover .studio-module__Y2O9Wq__rowActions,.studio-module__Y2O9Wq__rowActionsOpen{display:flex}.studio-module__Y2O9Wq__rowActions .studio-module__Y2O9Wq__iconBtn{width:22px;height:22px}.studio-module__Y2O9Wq__menu{z-index:20;border:1px solid var(--s-line);background:#202020;border-radius:9px;min-width:170px;padding:4px;position:absolute;top:26px;right:6px;box-shadow:0 16px 40px #00000073}.studio-module__Y2O9Wq__menu button{width:100%;color:var(--s-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.studio-module__Y2O9Wq__menu button:hover{background:var(--s-hover)}.studio-module__Y2O9Wq__menuDanger{color:#ff8a8a!important}.studio-module__Y2O9Wq__addSection{margin:8px;position:relative}.studio-module__Y2O9Wq__addMenu{z-index:20;border:1px solid var(--s-line);background:#202020;border-radius:10px;max-height:60vh;padding:4px;position:absolute;bottom:34px;left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px #00000073}.studio-module__Y2O9Wq__addMenu button{width:100%;color:var(--s-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.studio-module__Y2O9Wq__addMenu button:hover{background:var(--s-hover)}.studio-module__Y2O9Wq__addMenu small{color:var(--s-faint);margin-left:auto}.studio-module__Y2O9Wq__wideBtn{width:100%;height:30px;color:var(--s-muted);font:inherit;cursor:pointer;background:0 0;border:1px dashed #ffffff24;border-radius:8px;justify-content:center;align-items:center;gap:6px;display:flex}.studio-module__Y2O9Wq__wideBtn:hover{color:var(--s-text);border-color:#ffffff4d}.studio-module__Y2O9Wq__field{padding:6px 10px 10px}.studio-module__Y2O9Wq__label{color:var(--s-muted);margin-bottom:5px;font-size:11px;display:block}.studio-module__Y2O9Wq__input{background:var(--s-raise);width:100%;height:30px;color:var(--s-text);font:inherit;border:1px solid #0000;border-radius:7px;outline:none;padding:0 8px}.studio-module__Y2O9Wq__input:focus{border-color:var(--s-accent)}.studio-module__Y2O9Wq__card{width:calc(100% - 16px);color:var(--s-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;margin:0 8px 4px;padding:6px;display:flex}.studio-module__Y2O9Wq__card:hover,.studio-module__Y2O9Wq__cardOpen{background:var(--s-raise)}.studio-module__Y2O9Wq__cardThumb{background:var(--s-hover);border-radius:7px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:13px;display:grid;overflow:hidden}.studio-module__Y2O9Wq__cardThumb img{object-fit:contain;max-width:80%;max-height:80%}.studio-module__Y2O9Wq__cardText{flex:1;min-width:0}.studio-module__Y2O9Wq__cardText small{color:var(--s-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.studio-module__Y2O9Wq__subPanel{background:#ffffff08;border-radius:9px;margin:0 8px 10px;padding:10px}.studio-module__Y2O9Wq__settingRow{grid-template-columns:64px 1fr;align-items:center;gap:8px;padding:5px 10px;display:grid}.studio-module__Y2O9Wq__settingRow>span{color:var(--s-muted)}.studio-module__Y2O9Wq__seg{background:var(--s-raise);border-radius:8px;gap:2px;padding:2px;display:flex}.studio-module__Y2O9Wq__seg button{height:22px;color:var(--s-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;font-size:11px}.studio-module__Y2O9Wq__seg .studio-module__Y2O9Wq__segOn{background:var(--s-hover);color:var(--s-text)}.studio-module__Y2O9Wq__range{background:var(--s-raise);border-radius:8px;align-items:center;gap:8px;height:26px;padding:0 8px;display:flex}.studio-module__Y2O9Wq__range input{min-width:0;accent-color:var(--s-text);flex:1}.studio-module__Y2O9Wq__colorRow{grid-template-columns:26px 1fr 78px 20px;align-items:center;gap:6px;margin-bottom:6px;display:grid}.studio-module__Y2O9Wq__colorRow input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:6px;width:26px;height:26px;padding:0}.studio-module__Y2O9Wq__colorRow .studio-module__Y2O9Wq__input{height:26px}.studio-module__Y2O9Wq__smallBtn{background:var(--s-raise);height:26px;color:var(--s-text);font:inherit;cursor:pointer;border:0;border-radius:7px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.studio-module__Y2O9Wq__smallBtn:hover{background:var(--s-hover)}.studio-module__Y2O9Wq__primaryBtn{background:var(--s-text);color:#111}.studio-module__Y2O9Wq__primaryBtn:hover{background:#fff}.studio-module__Y2O9Wq__note{color:var(--s-faint);padding:4px 10px;font-size:11px;line-height:1.45}.studio-module__Y2O9Wq__error{color:#ff8a8a;padding:4px 10px;font-size:11px}.studio-module__Y2O9Wq__logoList{gap:6px;margin-bottom:10px;display:grid}.studio-module__Y2O9Wq__logoItem{align-items:center;gap:8px;display:flex}.studio-module__Y2O9Wq__dropzone *{color:var(--s-muted)}.studio-module__Y2O9Wq__assetGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;display:grid}.studio-module__Y2O9Wq__asset{background:var(--s-raise);border-radius:8px;position:relative;overflow:hidden}.studio-module__Y2O9Wq__assetThumb{aspect-ratio:1;color:var(--s-muted);text-transform:uppercase;background:#2b2b2b;place-items:center;font-size:11px;display:grid}.studio-module__Y2O9Wq__assetThumb img{object-fit:cover;width:100%;height:100%}.studio-module__Y2O9Wq__assetName{color:var(--s-muted);text-overflow:ellipsis;white-space:nowrap;padding:5px 6px;font-size:10px;overflow:hidden}.studio-module__Y2O9Wq__assetRemove{display:none;position:absolute;top:4px;right:4px}.studio-module__Y2O9Wq__asset:hover .studio-module__Y2O9Wq__assetRemove{display:grid}.studio-module__Y2O9Wq__canvas{background:#1f1f1f;min-width:0;min-height:0;position:relative;overflow:auto}.studio-module__Y2O9Wq__frame{background:#fff;min-height:100%;margin:0 auto;transition:width .2s}.studio-module__Y2O9Wq__frameDevice{border-radius:14px;min-height:calc(100% - 48px);margin:24px auto;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 20px 60px #00000080}.studio-module__Y2O9Wq__overlay{z-index:100;background:#0000008c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.studio-module__Y2O9Wq__picker{border:1px solid var(--s-line);background:var(--s-panel);width:min(760px,100%);max-height:min(80vh,720px);color:var(--s-text);border-radius:14px;flex-direction:column;display:flex;box-shadow:0 30px 80px #00000080}.studio-module__Y2O9Wq__pickerHead{border-bottom:1px solid var(--s-line);justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;display:flex}.studio-module__Y2O9Wq__pickerBody{flex:1;padding:12px;overflow-y:auto}.studio-module__Y2O9Wq__pickerGrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:12px;display:grid}.studio-module__Y2O9Wq__pickItem{background:var(--s-raise);color:inherit;font:inherit;text-align:left;cursor:pointer;border:2px solid #0000;border-radius:9px;padding:0;overflow:hidden}.studio-module__Y2O9Wq__pickItemOn{border-color:var(--s-accent)}.studio-module__Y2O9Wq__pickerFoot{border-top:1px solid var(--s-line);justify-content:flex-end;gap:8px;padding:10px 14px;display:flex}@media (max-width:760px){.studio-module__Y2O9Wq__studio{grid-template-rows:44px 40vh minmax(0,1fr);grid-template-columns:1fr}.studio-module__Y2O9Wq__side{border-right:0;border-bottom:1px solid var(--s-line)}}.studio-module__Y2O9Wq__drop{color:var(--s-text);text-align:center;cursor:pointer;background:#ffffff05;border:1px dashed #ffffff24;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:18px 10px;display:flex}.studio-module__Y2O9Wq__drop small{color:var(--s-faint);font-size:11px}.studio-module__Y2O9Wq__drop [data-plus]{background:var(--s-hover);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.studio-module__Y2O9Wq__dropActive{border-color:var(--s-accent);background:#1f6feb14}