.toolkit-section{padding-top:95px;padding-bottom:55px;scroll-margin-top:90px}.toolkit-intro{display:flex;align-items:center;justify-content:center;gap:45px;margin-bottom:50px}.toolkit-number{font-family:var(--rounded);font-size:clamp(95px,12vw,150px);font-weight:600;line-height:1;letter-spacing:-9px;color:#eeeef4}.toolkit-number>span{font-size:.55em;vertical-align:top;display:inline-block;margin-top:15px;color:#9aabd7;letter-spacing:-3px}.toolkit-intro h2{font-size:clamp(26px,4vw,40px);line-height:1.15;letter-spacing:-1px;margin:0}.toolkit-intro p{font-size:16px;color:#8e8e9c;margin:16px 0 0}.tool-catalogue{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.catalogue-group>h3{font-size:14px;font-weight:500;color:#81818e;margin:0 0 18px}.catalogue-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalogue-group button{position:relative;min-width:0;min-height:88px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:12px 4px;border:1px solid #ffffff08;border-radius:14px;background:#ffffff03;color:#aaaaba;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}.catalogue-group button:hover{transform:translateY(-3px);background:#ffffff08;color:#ededf5}.catalogue-group button[aria-pressed=true]{border-color:#8da7e54a;background:#7897df13;color:#d4dff9}.catalogue-group .replica-icon{width:24px;height:24px}.catalogue-group button>span{font-size:14px;line-height:1.25;text-align:center;overflow-wrap:normal}.catalogue-detail{display:flex;gap:18px;align-items:center;border-top:1px solid #ffffff0b;margin-top:30px;padding-top:24px;min-height:96px}.catalogue-detail>span:first-child{color:#aebfdf;width:38px;flex-shrink:0}.catalogue-detail .replica-icon{width:32px;height:32px}.catalogue-detail>div{flex:1}.catalogue-detail h3{font-size:17px;font-weight:500;margin:0 0 7px}.catalogue-detail p{font-size:15px;line-height:1.5;color:#8f8f9d;margin:0}.catalogue-detail>button,.builder-appearance button,.builder-reorder button{font-size:14px;color:#b8b8c7;background:#ffffff05;border:1px solid #ffffff0c;border-radius:9px;padding:9px 13px;cursor:pointer}.catalogue-detail>button:hover,.builder-appearance button:hover,.builder-reorder button:hover{background:#ffffff0c}.catalogue-detail>[hidden]{display:none}.catalogue-detail>#catalogue-app-label{font-size:13px;color:#71717f}.customise-section{padding-top:75px;padding-bottom:75px;scroll-margin-top:90px}.toolbar-builder{margin-top:30px}.builder-preview-surface{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:220px;padding:35px 0 20px;background:radial-gradient(ellipse 330px 140px at 50% 40%,#788ab31d,transparent 90%);min-width:0}.builder-preview{display:flex;align-items:center;gap:10px;max-width:100%;overflow-x:auto;padding:13px;border-radius:var(--toolbar-radius,22px);border:1px solid #ffffff1c;background:linear-gradient(135deg,#2d2d35ed,#26262eed);box-shadow:0 14px 38px #0003;scrollbar-width:thin;scrollbar-color:#575761 transparent;transition:border-radius .2s}.builder-preview>button{border:0;flex:0 0 42px;width:42px;height:42px;padding:8px;border-radius:10px;background:none;color:var(--toolbar-tint,#e3e3e9);cursor:grab}.builder-preview>button[aria-pressed=true]{background:#ffffff0e}.builder-preview>button:hover{background:#ffffff08}.builder-preview>button .replica-icon{width:26px;height:26px}.builder-preview>button.is-dragging{opacity:.3}.builder-reorder{display:flex;align-items:center;gap:8px;margin-top:23px}.builder-reorder>span{font-size:14px;color:#a5a5b4;margin-right:12px;min-width:72px}.builder-reorder button{padding:5px 10px;background:none;border-color:#ffffff0a}.builder-reorder button:disabled{opacity:.3;cursor:default}.builder-tool-pool{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 auto 30px;max-width:820px}.builder-tool-pool>button{display:flex;align-items:center;gap:9px;font-size:14px;border:1px solid #ffffff0b;border-radius:11px;padding:10px 12px;background:#ffffff03;color:#8e8e9e;cursor:pointer}.builder-tool-pool>button[aria-pressed=true]{color:#ccd6eb;border-color:#a0b6eb30;background:#8da8da0b}.builder-tool-pool>button:hover{background:#ffffff08}.builder-tool-pool .replica-icon{width:19px;height:19px}.builder-pool-mark{font-size:14px;color:#7d8fb3;margin-left:5px}.builder-appearance{display:flex;align-items:center;justify-content:center;gap:28px}.builder-appearance>div{display:flex;gap:6px;align-items:center}.builder-appearance button[aria-pressed=true]{background:#ffffff0d;color:#e0e0ec}.builder-appearance #builder-tints{gap:12px}.builder-appearance [data-toolbar-tint]{width:23px;height:23px;padding:0;border-radius:50%;background:var(--tint);border:4px solid #141419;outline:1px solid transparent;transition:outline-color .2s}.builder-appearance [data-toolbar-tint][aria-pressed=true]{background:var(--tint);outline-color:var(--tint)}.builder-appearance #builder-reset{border:0;background:none;color:#777786}.builder-note{font-size:14px;text-align:center;color:#737381;margin:25px 0 0}.page-ink-tools{border-radius:var(--toolbar-radius,23px);transition:border-radius .2s}.page-ink-tools>button{color:var(--toolbar-tint,#e3e3e9)}.page-ink-tools>button[aria-pressed=true]{color:var(--toolbar-tint,#f5f5f8)}
@media(max-width:900px){.tool-catalogue{gap:14px;grid-template-columns:1fr 1.3fr 1fr}.catalogue-group:nth-child(5){grid-column:span 2}.catalogue-group:nth-child(5)>div{grid-template-columns:repeat(4,minmax(0,1fr))}.catalogue-group button{min-height:82px}.toolkit-intro{gap:30px}.builder-preview{gap:7px}}
@media(max-width:600px){.toolkit-section{padding-top:55px;padding-bottom:20px}.toolkit-intro{gap:22px;margin-bottom:35px}.toolkit-number{font-size:97px;letter-spacing:-6px}.toolkit-intro h2{font-size:27px}.toolkit-intro p{font-size:14px;max-width:160px;line-height:1.5}.tool-catalogue{grid-template-columns:1fr 1fr;gap:25px 15px}.catalogue-group:nth-child(5){grid-column:span 2}.catalogue-group button{min-height:85px}.catalogue-detail{flex-wrap:wrap;gap:14px}.catalogue-detail>div{min-width:200px}.catalogue-detail>button,.catalogue-detail>#catalogue-app-label{margin-left:50px}.catalogue-detail p{font-size:14px}.customise-section{padding-top:50px}.builder-preview-surface{min-height:195px;padding-top:28px;max-width:100%}.builder-preview{gap:5px;padding:9px}.builder-preview>button{width:35px;height:35px;flex-basis:35px;padding:5px}.builder-preview>button .replica-icon{width:24px;height:24px}.builder-tool-pool{gap:8px}.builder-tool-pool>button{padding:9px;font-size:14px}.builder-appearance{gap:20px 15px;flex-wrap:wrap}.builder-appearance button{padding:8px 10px}.builder-note{font-size:13px}.builder-reorder>span{margin-right:4px}}
@media(prefers-reduced-motion:reduce){.catalogue-group button,.builder-preview,.page-ink-tools{transition:none}.catalogue-group button:hover{transform:none}}

@media(max-width:600px){.tool-catalogue{grid-template-columns:1fr}.catalogue-group,.catalogue-group:nth-child(5){grid-column:auto}.catalogue-group>div,.catalogue-group:nth-child(2)>div,.catalogue-group:nth-child(5)>div{grid-template-columns:repeat(3,minmax(0,1fr))}.catalogue-group button>span{font-size:14px}.catalogue-group button{min-height:90px;padding:12px 6px}}