.ink-app{color:#173c2b;background:#f5f5ef;padding-bottom:70px}.ink-hero{max-width:1240px;margin:auto;padding:45px 24px 40px}.ink-hero>a{font-size:14px}.ink-kicker{letter-spacing:2px;margin:35px 0 18px;font-size:12px}.ink-hero h1{letter-spacing:-4px;margin:0 0 24px;font-size:clamp(44px,7vw,86px);line-height:1.03}.ink-hero h1 em{color:#237143;font-family:Georgia,serif;font-weight:400}.ink-hero p{max-width:530px;font-size:18px}.ink-badges{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.ink-badges span{border:1px solid #cbd9c9;border-radius:25px;padding:7px 13px;font-size:12px}.ink-workspace{grid-template-columns:340px 1fr;gap:20px;max-width:1240px;margin:auto;padding:0 24px;display:grid}.ink-panel{background:#fff;border:1px solid #dce4d7;border-radius:18px;padding:28px}.ink-step{letter-spacing:1.5px;color:#597762;font-size:11px}.ink-panel h2{margin:12px 0;font-size:26px}.ink-panel p{color:#627064;font-size:14px;line-height:1.6}.ink-app button,.ink-upload{color:#173c2b;cursor:pointer;background:#fff;border:1px solid #ccd8cb;border-radius:8px;padding:10px 13px;font-size:13px}.ink-app button:disabled{opacity:.4;cursor:not-allowed}.ink-upload:focus-within{outline-offset:3px;outline:3px solid #39d353}.ink-app button:focus-visible{outline-offset:3px;outline:3px solid #39d353}.ink-tabs{flex-wrap:wrap;gap:6px;margin:24px 0 18px;display:flex}.ink-tabs button[aria-pressed=true]{background:#e4f4de}.ink-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.ink-grid button{padding:9px 0;font-size:21px;position:relative}.ink-grid .selected{color:#fff;background:#063d2b}.ink-grid small{color:#39b44c;font-size:10px;position:absolute;top:0;right:3px}.ink-count{margin-top:23px}.ink-panel progress{accent-color:#2c9647;width:100%}.ink-panel .ink-note{font-size:12px}.ink-editor-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.ink-canvas{aspect-ratio:1;margin-top:20px;background-color:#0000;background-image:linear-gradient(#f7faf5 1px,#0000 1px),linear-gradient(90deg,#f7faf5 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #dce4d7;border-radius:12px;max-height:470px;margin-inline:auto;position:relative}.ink-canvas canvas{touch-action:none;width:100%;height:100%;display:block;position:relative}.ink-guide{color:#869b86;pointer-events:none;border-top:1px dashed #bdd2bd;width:100%;padding-left:8px;font-size:9px;position:absolute;left:0}.ink-guide.upper{top:10%}.ink-guide.base{top:85%}.ink-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.ink-toolbar label{font-size:12px}.ink-toolbar input{width:100px;display:block}.ink-upload{display:inline-block}.ink-upload input{opacity:0;width:1px;height:1px;position:absolute}.ink-app .ink-primary{color:#fff;background:#063d2b;border-color:#063d2b;padding:13px 20px}.ink-status{min-height:23px;color:#1d7132!important}.ink-output{grid-column:1/-1;grid-template-columns:1.4fr 1fr;gap:45px;display:grid}.ink-output label:not(.ink-upload){margin-top:18px;font-size:12px;display:block}.ink-output input{color:#173c2b;background:#fff;border:1px solid #ccd8cb;border-radius:8px;width:100%;margin-top:6px;padding:12px;display:block}.ink-preview{overflow-wrap:anywhere;min-height:130px;padding:24px 0;font-size:44px}.ink-download{padding-top:25px}.ink-download>button:first-child{width:100%;font-size:16px}.ink-download .ink-upload{margin:10px}.ink-app button:hover:not(:disabled){filter:brightness(.95)}@media (max-width:800px){.ink-workspace{grid-template-columns:1fr}.ink-output{grid-template-columns:1fr;gap:0}.ink-hero h1{letter-spacing:-2px}.ink-panel{padding:20px}.ink-grid{grid-template-columns:repeat(9,1fr)}.ink-canvas{width:100%}}
