.ink-tool-hero .ink-lead{max-width:34em}.ink-tool-promise{margin-top:var(--s2);font-size:var(--text-sm);color:var(--ink-2);max-width:40em;line-height:1.5}.ink-tool-body{padding-bottom:var(--s5)}.ink-tool-cards{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.ink-tool-card{gap:var(--s2);padding:var(--s4);background:var(--white);box-shadow:inset 0 0 0 2px var(--ink);flex-direction:column;min-width:0;display:flex}.ink-tool-card h2{font-size:var(--t1);letter-spacing:-.02em;line-height:1.1}.ink-tool-card p{color:var(--ink-2);flex:1}.ink-tool-card .ink-button{align-self:flex-start}.ink-tool-kinds{margin-top:var(--s5);gap:var(--s3) var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.ink-tool-kinds h2{font-size:var(--t1);grid-column:1/-1}.ink-tool-kinds h3{font-size:var(--t0h);margin-bottom:var(--s1)}.ink-tool-kinds p{color:var(--ink-2)}.ink-generator{gap:var(--s4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"content preview""look preview";align-items:start;display:grid}.ink-generator-content{grid-area:content}.ink-generator-look{grid-area:look}.ink-generator-preview{top:calc(var(--tap) + 2 * var(--s2) + var(--s3));gap:var(--s2);grid-area:preview;display:grid;position:sticky}.ink-generator section>h2,.ink-checker section>h2{font-size:var(--t0h);letter-spacing:-.01em;margin-bottom:var(--s2)}.ink-tool-form{gap:var(--s3);min-width:0;display:grid}.ink-tool-row{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));display:grid}.ink-segments{gap:var(--s1);flex-wrap:wrap;display:flex}.ink-segments .ink-choice{min-width:0;padding:6px var(--s2);flex:auto;justify-content:center;position:relative}.ink-segments .ink-choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.ink-segments .ink-choice:has(input:focus-visible){outline:3px solid var(--sun);outline-offset:3px;box-shadow:inset 0 0 0 2px var(--ink), 0 0 0 6px var(--ink)}.ink-check{align-items:center;gap:var(--s2);min-height:var(--tap);cursor:pointer;display:flex}.ink-check input{width:20px;height:20px;accent-color:var(--ink);margin:0}.ink-color{align-items:center;gap:var(--s2);min-height:var(--tap);display:flex}.ink-site .ink-color input[type=color]{width:48px;height:var(--tap);background:var(--white);border:2px solid var(--ink);cursor:pointer;border-radius:0;flex:none;padding:3px}.ink-color code{font-family:var(--font-mono);font-size:var(--lab);color:var(--ink-2)}.ink-preview{aspect-ratio:1;background:var(--white);box-shadow:inset 0 0 0 2px var(--ink);padding:var(--s3);place-items:center;display:grid;position:relative}.ink-preview img{object-fit:contain;image-rendering:auto;width:100%;height:100%}.ink-preview-empty{text-align:center;max-width:16em;color:var(--ink-2);font-size:var(--text-sm)}.ink-preview-error{font-size:var(--text-sm);text-align:center;max-width:20em;font-weight:600}.ink-downloads{gap:var(--s1);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));display:grid}.ink-site .ink-downloads .ink-button{color:var(--paper);font:600 var(--text-sm)/1.2 var(--font-sans)}.ink-site .ink-downloads .ink-button-secondary{color:var(--ink)}.ink-site .ink-downloads .ink-button{width:100%;padding:10px var(--s2);white-space:normal;text-align:left;flex-direction:column;align-items:flex-start;gap:4px;min-height:56px;line-height:1.2}.ink-site .ink-downloads .ink-button small{font-weight:500;font-size:var(--lab);opacity:.8}.ink-site .ink-downloads .ink-button:disabled{cursor:not-allowed;background:var(--paper-2);color:var(--ink-2);box-shadow:inset 0 0 0 2px var(--rule)}.ink-tool-warn{gap:var(--s1);font-size:var(--text-sm);color:var(--ink);align-items:baseline;font-weight:600;line-height:1.5;display:flex}.ink-tool-warn:before{content:"";background:var(--sun);width:8px;height:8px;box-shadow:0 0 0 2px var(--ink);flex:none;transform:translateY(-1px)}.ink-next-step{padding:var(--s3);background:var(--sun);box-shadow:inset 0 0 0 2px var(--ink);gap:var(--s2);display:grid}.ink-next-step h2{font-size:var(--t0h);line-height:1.2}.ink-next-step p{font-size:var(--text-sm);color:var(--ink);line-height:1.6}.ink-next-step-actions{gap:var(--s1) var(--s2);flex-wrap:wrap;align-items:center;display:flex}.ink-site .ink-next-step .ink-button-sun{background:var(--ink);color:var(--paper)}.ink-site .ink-next-step .ink-button-sun .ink-mod{background:var(--sun)}.ink-checker{gap:var(--s4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.ink-verdict{top:calc(var(--tap) + 2 * var(--s2) + var(--s3));padding:var(--s3);background:var(--white);box-shadow:inset 0 0 0 2px var(--ink);gap:var(--s2);min-width:0;display:grid;position:sticky}.ink-verdict-line{gap:var(--s2);overflow-wrap:anywhere;align-items:baseline;line-height:1.5;display:flex}.ink-verdict-line:before{content:"";background:var(--ink);flex:none;width:10px;height:10px;transform:translateY(1px)}.ink-verdict-line[data-tone=warn]:before{background:var(--sun);box-shadow:0 0 0 2px var(--ink)}.ink-verdict-line[data-tone=ok]:before{border-radius:50%}.ink-verdict-big{font-size:var(--t0h);letter-spacing:-.01em;font-weight:700;line-height:1.3}.ink-verdict small{color:var(--ink-2);font-size:var(--text-sm)}.ink-how-we-know{margin-top:var(--s5);max-width:46em}.ink-how-we-know h2{font-size:var(--t1);margin-bottom:var(--s2)}.ink-how-we-know li{color:var(--ink-2);margin-top:var(--s1);margin-left:1.2em;list-style:square}@media (width<=860px){.ink-generator{grid-template-columns:minmax(0,1fr);grid-template-areas:"content""preview""look"}.ink-generator-preview{position:static}.ink-preview{justify-self:center;width:100%;max-width:420px}.ink-checker{grid-template-columns:minmax(0,1fr)}.ink-verdict{position:static}}