:root{--bg:#f7f3ec;--bg-2:#efe8db;--paper:#fbf8f1;--ink:#1c1a16;--ink-2:#46423a;--ink-3:#7a7264;--line:#d9d1be;--line-2:#e5dcc6;--accent:oklch(50% .1 145);--accent-soft:oklch(95% .03 145);--warn:oklch(74% .15 70);--serif:"Fraunces", "Georgia", serif;--sans:"Inter", -apple-system, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--r:8px;--r-lg:14px;--r-xl:22px;--shadow:0 1px 0 #1c1a160a, 0 14px 30px -18px #1c1a162e}[data-font=modern]{--serif:"Inter", sans-serif;--sans:"Inter", sans-serif}[data-font=classic]{--serif:"Fraunces", "Georgia", serif;--sans:"Fraunces", "Georgia", serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}.container{max-width:1240px;margin:0 auto;padding:0 28px}@media (width<=720px){.container{padding:0 18px}}.nav{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in oklch, var(--bg), transparent 18%);border-bottom:1px solid var(--line-2);position:sticky;top:0}.nav__inner{align-items:center;gap:28px;height:64px;display:flex}.brand{font-family:var(--serif);letter-spacing:-.01em;align-items:center;gap:10px;font-size:19px;font-weight:600;display:flex}.brand__mark{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;width:26px;height:26px;display:grid}.brand__mark span{background:var(--ink);border-radius:2px}.brand__mark span:nth-child(2){background:var(--accent)}.nav__links{color:var(--ink-2);gap:22px;margin-left:auto;font-size:14.5px;display:flex}.nav__links a:hover{color:var(--ink)}.lang{margin-left:16px;position:relative}.lang__btn{border:1px solid var(--line);color:var(--ink-2);background:0 0;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:13.5px;display:inline-flex}.lang__btn:hover{background:var(--paper);color:var(--ink)}.lang__menu{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);z-index:40;border-radius:12px;min-width:180px;padding:6px;display:none;position:absolute;top:calc(100% + 8px);right:0}.lang.is-open .lang__menu{display:block}.lang__menu button,.lang__menu a{text-align:left;width:100%;color:var(--ink-2);background:0 0;border:0;border-radius:7px;padding:9px 12px;font-size:14px;display:block}.lang__menu button:hover,.lang__menu a:hover{background:var(--bg-2);color:var(--ink)}.lang__menu button.is-on,.lang__menu a.is-on{color:var(--ink);background:var(--accent-soft)}@media (width<=880px){.nav__links{display:none}}.hero{padding:64px 0 28px}.hero__eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin-bottom:18px;font-size:12.5px}.hero__title{font-family:var(--serif);letter-spacing:-.025em;text-wrap:balance;margin:0 0 22px;font-size:clamp(40px,6vw,76px);font-weight:500;line-height:1.02}.hero__title em{color:var(--accent);font-style:italic}.hero__sub{color:var(--ink-2);text-wrap:pretty;max-width:720px;margin:0 0 28px;font-size:18px}.hero__ctas{flex-wrap:wrap;gap:12px;display:flex}.hero__bullets{color:var(--ink-3);flex-wrap:wrap;gap:22px;margin-top:28px;font-size:14px;display:flex}.hero__bullets span{align-items:center;gap:8px;display:inline-flex}.hero__bullets span:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.btn{border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-size:15px;font-weight:500;transition:transform .12s,background .12s,border-color .12s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--ink);color:var(--paper)}.btn--primary:hover{background:#2c2823}.btn--primary:disabled{background:var(--line);color:var(--ink-3);cursor:not-allowed}.btn--secondary{border-color:var(--line);color:var(--ink);background:0 0}.btn--secondary:hover{background:var(--paper)}.btn--secondary:disabled{color:var(--ink-3);cursor:not-allowed}.btn--ghost{color:var(--ink-2);background:0 0}.btn--ghost:hover{background:var(--bg-2);color:var(--ink)}.btn--sm{padding:6px 12px;font-size:13px}.btn__chip{background:#ffffff29;border-radius:999px;padding:1px 8px;font-size:12px}.splitter{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow);padding:28px;scroll-margin-top:80px}.splitter__head{margin-bottom:22px}.splitter__title{font-family:var(--serif);letter-spacing:-.02em;margin:0 0 6px;font-size:30px;font-weight:500}.splitter__sub{color:var(--ink-3);margin:0;font-size:15px}.splitter__body{grid-template-columns:minmax(320px,380px) 1fr;gap:28px;display:grid}@media (width<=980px){.splitter__body{grid-template-columns:1fr}}.drop{border:1.5px dashed var(--line);border-radius:var(--r-lg);text-align:center;background:var(--bg);cursor:pointer;color:var(--ink-3);padding:26px 18px;transition:border-color .15s,background .15s}.drop:hover{border-color:var(--accent);color:var(--ink)}.drop.is-drag{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.drop--big{padding:56px 18px}.drop__icon{color:var(--ink-2);width:36px;margin:0 auto 12px}.drop__title{font-family:var(--serif);color:var(--ink);margin-bottom:4px;font-size:19px}.drop__hint{font-size:13px}.files{margin-top:16px}.files__head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.files__label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:12px}.files__grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px;max-height:220px;display:grid;overflow-y:auto}.thumb-wrap{aspect-ratio:1;position:relative}.thumb{background:var(--bg);border:1px solid var(--line);cursor:pointer;border-radius:8px;width:100%;height:100%;padding:0;position:relative;overflow:hidden}.thumb.is-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.thumb img{object-fit:cover;width:100%;height:100%}.thumb__name{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#1c1a16b8;padding:2px 4px;font-size:10px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.thumb__x{color:#fff;text-align:center;cursor:pointer;background:#1c1a16c7;border:0;border-radius:50%;place-items:center;width:18px;height:18px;padding:0;font-size:13px;line-height:16px;display:grid;position:absolute;top:4px;right:4px}.ctl{flex-direction:column;gap:14px;margin-top:22px;display:flex}.ctl__row{flex-direction:column;gap:6px;display:flex}.ctl__row--two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ctl__row--toggle{padding-top:4px}.ctl__label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:11.5px}.ctl__qval{font-family:var(--mono);color:var(--ink-3);font-size:12px}.seg{border:1px solid var(--line);background:var(--bg);border-radius:8px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.seg button{color:var(--ink-2);border:0;border-right:1px solid var(--line);background:0 0;flex:1;padding:8px 12px;font-size:13px}.seg button:last-child{border-right:0}.seg button.is-on{background:var(--ink);color:var(--paper)}.seg--small button{padding:6px 10px;font-size:12.5px}.select{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;padding:9px 12px;font-size:14px}.num__label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:6px;font-size:11.5px;display:block}.num__row{border:1px solid var(--line);background:var(--bg);border-radius:8px;align-items:center;width:100%;display:inline-flex;overflow:hidden}.num__row button{width:32px;height:36px;color:var(--ink-2);background:0 0;border:0;font-size:16px}.num__row button:hover{background:var(--bg-2);color:var(--ink)}.num__row input{text-align:center;min-width:0;font-family:var(--mono);color:var(--ink);-moz-appearance:textfield;background:0 0;border:0;flex:1;font-size:14px}.num__row input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num__row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bgrow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatch{border:1px solid var(--line);cursor:pointer;border-radius:6px;width:28px;height:28px;padding:0;position:relative;overflow:hidden}.swatch.is-on{box-shadow:0 0 0 2px var(--accent)}.swatch__checker{background:linear-gradient(45deg, var(--bg-2) 25%, transparent 25%) 0 0/10px 10px, linear-gradient(-45deg, var(--bg-2) 25%, transparent 25%) 0 0/10px 10px, linear-gradient(45deg, transparent 75%, var(--bg-2) 75%) 5px 5px/10px 10px, linear-gradient(-45deg, transparent 75%, var(--bg-2) 75%) 5px 5px/10px 10px, var(--paper);position:absolute;inset:0}.colorin{border:1px solid var(--line);background:0 0;border-radius:6px;width:32px;height:32px;padding:0}input[type=range]{width:100%;accent-color:var(--accent)}.toggle{cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:12px;display:grid}.toggle input{opacity:0;position:absolute}.toggle__box{background:var(--line);border-radius:999px;width:36px;height:22px;transition:background .15s;position:relative}.toggle__box:after{content:"";background:var(--paper);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle__box{background:var(--accent)}.toggle input:checked+.toggle__box:after{transform:translate(14px)}.toggle__lbl{color:var(--ink);font-size:14px;display:block}.toggle__hint{color:var(--ink-3);font-size:12px;display:block}.preview{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;gap:14px;padding:16px;display:flex}.preview__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.preview__label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:12px}.preview__meta{font-family:var(--mono);color:var(--ink-2);font-size:12px}.preview__stage{background:#222;background:linear-gradient(45deg, #ece6da 25%, transparent 25%) 0 0/16px 16px, linear-gradient(-45deg, #ece6da 25%, transparent 25%) 0 0/16px 16px, linear-gradient(45deg, transparent 75%, #ece6da 75%) 8px 8px/16px 16px, linear-gradient(-45deg, transparent 75%, #ece6da 75%) 8px 8px/16px 16px, var(--paper);border:1px solid var(--line);border-radius:10px;justify-content:center;align-items:center;min-height:280px;padding:12px;display:flex;overflow:hidden}.preview__canvas{border-radius:4px;max-width:100%;height:auto}.preview__empty{color:var(--ink-3);text-align:center;padding:60px 20px;font-size:14px}.tilegrid{grid-template-columns:repeat(var(--tg-cols,3), 1fr);background:var(--paper);border:1px solid var(--line);border-radius:10px;gap:6px;max-height:280px;padding:8px;display:grid;overflow-y:auto}.tile{border:1px solid var(--line);background:var(--bg);aspect-ratio:1;cursor:pointer;border-radius:6px;padding:0;transition:transform .12s,border-color .12s;position:relative;overflow:hidden}.tile:hover{border-color:var(--accent);transform:translateY(-1px)}.tile img{object-fit:cover;width:100%;height:100%}.tile__num{color:#fff;font-family:var(--mono);background:#1c1a16d9;border-radius:4px;padding:1px 5px;font-size:10.5px;position:absolute;top:3px;left:3px}.tile__dl{color:#fff;opacity:0;background:#1c1a16d9;border-radius:50%;place-items:center;width:22px;height:22px;transition:opacity .12s;display:grid;position:absolute;bottom:3px;right:3px}.tile:hover .tile__dl{opacity:1}.actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.section{padding:80px 0}.section__head{max-width:720px;margin-bottom:40px}.section__eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:12px;font-size:12.5px}.section__title{font-family:var(--serif);letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(28px,4vw,44px);font-weight:500;line-height:1.05}.section__sub{color:var(--ink-2);text-wrap:pretty;margin:0;font-size:17px}.alt-bg{background:var(--bg-2)}.alt-bg-2{background:var(--paper)}.features{background:var(--line-2);border:1px solid var(--line-2);border-radius:var(--r-lg);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}@media (width<=980px){.features{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.features{grid-template-columns:1fr}}.feat{background:var(--paper);flex-direction:column;gap:8px;min-height:180px;padding:28px 24px;display:flex}.feat__num{font-family:var(--mono);color:var(--ink-3);letter-spacing:.06em;margin-bottom:6px;font-size:11.5px}.feat__t{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);font-size:19px;font-weight:500;line-height:1.2}.feat__d{color:var(--ink-2);text-wrap:pretty;font-size:14.5px;line-height:1.55}.steps{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=980px){.steps{grid-template-columns:1fr 1fr}}@media (width<=560px){.steps{grid-template-columns:1fr}}.step{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;gap:10px;min-height:200px;padding:24px;display:flex}.step__n{font-family:var(--serif);color:var(--accent);margin-bottom:6px;font-size:36px;font-style:italic;line-height:1}.step__t{font-family:var(--serif);letter-spacing:-.01em;font-size:19px;font-weight:500}.step__d{color:var(--ink-2);text-wrap:pretty;font-size:14.5px}.cases{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=980px){.cases{grid-template-columns:1fr 1fr}}@media (width<=560px){.cases{grid-template-columns:1fr}}.case{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;position:relative;overflow:hidden}.case__art{aspect-ratio:16/9;background:var(--bg);border:1px solid var(--line);border-radius:8px;width:100%;margin-bottom:14px;display:grid;overflow:hidden}.case__t{font-family:var(--serif);margin-bottom:6px;font-size:17px;font-weight:500;line-height:1.2}.case__d{color:var(--ink-2);text-wrap:pretty;font-size:13.5px}.faq{flex-direction:column;gap:10px;max-width:920px;display:flex}.qa{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:0;transition:border-color .15s;overflow:hidden}.qa[open]{border-color:var(--ink-3)}.qa summary{cursor:pointer;font-family:var(--serif);letter-spacing:-.01em;justify-content:space-between;gap:16px;padding:18px 22px;font-size:18px;font-weight:500;list-style:none;display:flex}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"+";font-family:var(--mono);color:var(--ink-3);font-size:22px;transition:transform .15s}.qa[open] summary:after{content:"−"}.qa__a{color:var(--ink-2);text-wrap:pretty;padding:0 22px 22px;font-size:15px}.compare{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);overflow:auto hidden}.compare table{border-collapse:collapse;width:100%;min-width:640px}.compare th,.compare td{text-align:left;border-bottom:1px solid var(--line-2);vertical-align:top;padding:14px 18px;font-size:14.5px}.compare th{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);background:var(--bg-2);font-size:12px;font-weight:500}.compare th:nth-child(2){color:var(--accent)}.compare td:first-child{font-family:var(--serif);color:var(--ink);letter-spacing:-.005em;font-size:15.5px;font-weight:500}.compare tr:last-child td{border-bottom:0}.compare td:nth-child(2){background:color-mix(in oklch, var(--accent-soft), transparent 30%);color:var(--ink);font-weight:500}.tips{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=980px){.tips{grid-template-columns:1fr 1fr}}@media (width<=560px){.tips{grid-template-columns:1fr}}.tip{background:var(--paper);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:18px 20px}.tip__t{font-family:var(--serif);margin-bottom:6px;font-size:17px;font-weight:500}.tip__d{color:var(--ink-2);font-size:14px}.footer{background:var(--ink);color:var(--paper);padding:60px 0 40px}.footer__grid{flex-wrap:wrap;grid-template-columns:1fr auto;align-items:end;gap:28px;display:grid}.footer__tag{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;max-width:520px;font-size:clamp(24px,3vw,36px);line-height:1.1}.footer__links{color:#ffffffb3;flex-wrap:wrap;gap:22px;font-size:14px;display:flex}.footer__links a:hover{color:var(--paper)}.footer__langs{color:#ffffff9e;flex-wrap:wrap;gap:14px;margin-top:28px;font-size:13px;display:flex}.footer__langs a{border:1px solid #ffffff29;border-radius:999px;padding:6px 12px}.footer__langs a:hover,.footer__langs a.is-on{color:var(--paper);border-color:#ffffff61}.footer__copy{color:#ffffff80;margin-top:36px;font-size:13px}@media (width<=720px){.section{padding:60px 0}.splitter{padding:18px}.hero{padding:40px 0 16px}}.breadcrumb{color:var(--ink-3);align-items:center;gap:9px;padding-top:24px;font-size:13px;display:flex}.breadcrumb a:hover{color:var(--ink)}.tool-hero{padding:54px 0 42px}.tool-hero--hub{padding:72px 0 42px}.tool-hero__inner{grid-template-columns:minmax(0,1fr) 310px;align-items:end;gap:72px;display:grid}.tool-hero__title{max-width:850px;font-family:var(--serif);letter-spacing:-.03em;text-wrap:balance;margin:0 0 20px;font-size:clamp(38px,6vw,68px);font-weight:500;line-height:1.02}.tool-hero__sub{max-width:760px;color:var(--ink-2);text-wrap:pretty;margin:0 0 28px;font-size:18px}.tool-hero__proof{border:1px solid var(--line);border-radius:var(--r-lg);background:color-mix(in oklch, var(--paper), transparent 18%);color:var(--ink-3);flex-direction:column;gap:7px;padding:20px;font-size:13px;display:flex}.tool-hero__proof strong{color:var(--ink);font-size:14px}.proof-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 5px var(--accent-soft);border-radius:50%;margin:0 0 7px 4px}.section--tool{padding-top:24px;scroll-margin-top:64px}.grid-studio{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--paper);box-shadow:var(--shadow);padding:28px;scroll-margin-top:86px}.grid-studio__head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.grid-studio__head h2{font-family:var(--serif);letter-spacing:-.02em;margin:0 0 6px;font-size:30px;font-weight:500}.grid-studio__head p{color:var(--ink-3);margin:0;font-size:15px}.grid-studio__layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:28px;display:grid}.grid-studio__controls{flex-direction:column;gap:20px;display:flex}.grid-studio__preview{min-width:0}.tool-drop{border:1.5px dashed var(--line);border-radius:var(--r-lg);background:var(--bg);text-align:center;cursor:pointer;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:190px;padding:24px 18px;transition:border-color .15s,background .15s;display:flex}.tool-drop:hover,.tool-drop:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.tool-drop--compact{min-height:148px}.tool-drop strong{font-family:var(--serif);font-size:18px;font-weight:500}.tool-drop>span:not(.btn):not(.tool-drop__icon){color:var(--ink-3);font-size:12px}.tool-drop__icon{border:1px solid var(--line);background:var(--paper);width:34px;height:34px;color:var(--accent);border-radius:50%;place-items:center;font-size:22px;display:grid}.tool-error{color:#a33b31;margin:-10px 0 0;font-size:13px}.tool-fields{flex-direction:column;gap:15px;display:flex}.tool-field{border:0;flex-direction:column;gap:7px;min-width:0;margin:0;padding:0;display:flex}.tool-field>span,.tool-field legend{width:100%;color:var(--ink-2);padding:0;font-size:13px;font-weight:500}.tool-field>span{justify-content:space-between;gap:10px;display:flex}.tool-field output{color:var(--ink-3);font-family:var(--mono);font-size:11px}.tool-field input[type=number],.tool-field select{border:1px solid var(--line);background:var(--paper);width:100%;height:42px;color:var(--ink);font:inherit;border-radius:8px;padding:0 11px}.tool-field input[type=color]{border:1px solid var(--line);background:var(--paper);border-radius:8px;width:100%;height:42px;padding:4px}.tool-field input:focus-visible,.tool-field select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-field--range input{width:100%;accent-color:var(--accent)}.tool-field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tool-check{color:var(--ink-2);align-items:center;gap:9px;font-size:13px;display:flex}.tool-check input{width:17px;height:17px;accent-color:var(--accent)}.seg--wrap{flex-wrap:wrap}.tool-preview-head{justify-content:space-between;align-items:center;gap:16px;min-height:28px;margin-bottom:10px;display:flex}.tool-preview-head strong{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.tool-preview-head span{color:var(--ink-3);font-family:var(--mono);font-size:11px}.tool-canvas-stage{border:1px solid var(--line);background:linear-gradient(45deg,#e8e2d6 25%,#0000 25%) 0 0/18px 18px,linear-gradient(-45deg,#e8e2d6 25%,#0000 25%) 0 0/18px 18px,linear-gradient(45deg,#0000 75%,#e8e2d6 75%) 9px 9px/18px 18px,linear-gradient(-45deg,#0000 75%,#e8e2d6 75%) 9px 9px/18px 18px,#f7f3ec;border-radius:12px;justify-content:center;align-items:center;min-height:420px;padding:16px;display:flex;overflow:hidden}.tool-canvas-stage.is-empty{color:var(--ink-3);font-size:14px}.tool-canvas-stage canvas{width:auto;max-width:100%;height:auto;max-height:640px;display:block;box-shadow:0 12px 30px #1c1a1624}.tool-canvas-stage canvas.is-hidden{display:none}.paper-stage{background:var(--bg-2);border-radius:12px;justify-content:center;align-items:center;min-height:520px;padding:20px;display:flex;overflow:hidden}.paper-stage canvas{background:#fff;width:auto;max-width:100%;height:auto;max-height:620px;display:block;box-shadow:0 16px 32px #1c1a162e}.tool-note{color:var(--ink-3);margin:12px 0 0;font-size:12px}.tool-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.tool-cards--hub{gap:24px}.tool-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);min-width:0;padding:18px;transition:transform .15s,border-color .15s,box-shadow .15s}.tool-card:hover{border-color:var(--ink-3);box-shadow:var(--shadow);transform:translateY(-3px)}.tool-card__art{border:1px solid var(--line-2);background-color:var(--bg-2);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:32px 32px;border-radius:9px;height:160px;margin-bottom:18px;position:relative;overflow:hidden}.tool-card__art[data-tool=grid-overlay]{background-color:#d7c0a4;background-image:linear-gradient(#14231ca6 1px,#0000 1px),linear-gradient(90deg,#14231ca6 1px,#0000 1px),linear-gradient(135deg,#e5d4bd,#8da399);background-size:34px 34px,34px 34px,100% 100%}.tool-card__art[data-tool=instagram-grid-maker]{background-color:#d88b77;background-image:linear-gradient(#f8f2e8 6px,#0000 6px),linear-gradient(90deg,#f8f2e8 6px,#0000 6px),linear-gradient(135deg,#f1c27d,#b96972 54%,#59788f);background-size:33.333% 33.333%,33.333% 33.333%,100% 100%}.tool-card h2,.tool-card h3{font-family:var(--serif);margin:0 0 8px;font-size:21px;font-weight:500}.tool-card p{color:var(--ink-2);margin:0 0 18px;font-size:14px;line-height:1.55}.tool-card>span{color:var(--accent);font-size:13px;font-weight:600}.trust-grid{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.trust-grid>div{background:var(--paper);flex-direction:column;gap:6px;padding:28px;display:flex}.trust-grid strong{font-family:var(--serif);color:var(--accent);font-size:38px;font-weight:500}.trust-grid span{color:var(--ink-2);font-size:14px}@media (width<=980px){.tool-hero__inner{grid-template-columns:1fr;gap:28px}.tool-hero__proof{max-width:440px}.grid-studio__layout{grid-template-columns:1fr}.grid-studio__controls{grid-template-columns:minmax(220px,.75fr) 1fr;display:grid}.tool-cards{grid-template-columns:1fr 1fr}.tool-cards>:last-child{grid-column:1/-1}}@media (width<=640px){.tool-hero{padding:38px 0 26px}.grid-studio{padding:18px}.grid-studio__layout,.grid-studio__controls{flex-direction:column;display:flex}.tool-canvas-stage{min-height:280px}.paper-stage{min-height:360px;padding:12px}.tool-cards{grid-template-columns:1fr}.tool-cards>:last-child{grid-column:auto}.trust-grid{grid-template-columns:1fr}}