.tool-page{position:relative}.tool-hero{border-bottom:1px solid var(--line-strong);grid-template-columns:minmax(300px,.92fr) minmax(320px,.68fr);align-items:end;gap:clamp(28px,6vw,92px);min-height:360px;padding:clamp(48px,7vw,88px) 0 42px;display:grid}.tool-hero h1{--poster-heading-size:clamp(4rem, 8.6vw, 8.6rem);max-width:8.8ch}.tool-hero p:not(.eyebrow){max-width:46rem;color:var(--muted);font-family:var(--mono);font-size:var(--mono-copy-size);line-height:1.8}.tool-hero-copy{gap:22px;display:grid}.tool-hero-meta{border:1px solid var(--line-strong);font-family:var(--mono);background:#10100f0a;gap:12px;padding:22px;display:grid}.tool-hero-meta span{color:var(--red);font-size:var(--mono-meta-size);letter-spacing:.1em;text-transform:uppercase;font-weight:900}.tool-hero-meta strong{font-size:1.05rem;line-height:1.45}.text-styler-section{width:calc(100vw - 1px);color:var(--paper);background:radial-gradient(circle at 18% 16%,#d9272226,#0000 22rem),radial-gradient(circle at 82% 72%,#3cdcff1f,#0000 24rem),linear-gradient(#dbd9d707 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#dbd9d706 1px,#0000 1px) 0 0/44px 44px,#070707;margin-left:calc(.5px - 50vw);padding:clamp(28px,5vw,58px) 0;position:relative;left:50%}.text-styler-app{width:min(1500px,100%);font-family:var(--mono);grid-template-columns:minmax(420px,1.08fr) minmax(360px,.92fr);gap:clamp(18px,3vw,34px);margin:0 auto;padding:0 40px;display:grid}.styler-preview-panel,.styler-panel{background:#0c0c0cc7;border:1px solid #dbd9d729;box-shadow:0 24px 70px #00000047}.styler-preview-panel{align-self:start;gap:16px;padding:clamp(14px,2vw,24px);display:grid;position:sticky;top:22px}.styler-preview-head{color:#dbd9d7b8;font-size:var(--mono-meta-size);text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;display:flex}.styler-preview-head p{color:var(--red);letter-spacing:.1em;margin:0 0 4px;font-weight:900}.styler-preview-head strong,.styler-preview-head span{color:var(--paper)}.styler-canvas-shell{background-color:#0000;border:1px solid #dbd9d721;place-items:center;min-height:340px;display:grid;overflow:auto}.styler-canvas-shell.is-checkerboard{background-color:#171717;background-image:linear-gradient(45deg,#ffffff14 25%,#0000 25%),linear-gradient(-45deg,#ffffff14 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff14 75%),linear-gradient(-45deg,#0000 75%,#ffffff14 75%);background-position:0 0,0 16px,16px -16px,-16px 0;background-size:32px 32px}.styler-canvas-shell.is-dark{background:#050505}.styler-canvas-shell.is-light{background:#efece5}.styler-export-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.styler-export-row button,.styler-segment button,.styler-preset{color:var(--paper);cursor:pointer;font-family:var(--mono);text-transform:uppercase;background:#dbd9d70b;border:1px solid #dbd9d738;font-weight:900;transition:border-color .16s,background-color .16s,color .16s,transform .16s}.styler-export-row button{min-height:46px;font-size:var(--mono-meta-size);padding:0 12px}.styler-export-row button:hover,.styler-export-row button:focus-visible,.styler-segment button:hover,.styler-segment button:focus-visible,.styler-segment button.is-active,.styler-preset:hover,.styler-preset:focus-visible{border-color:var(--red);background:var(--red);color:var(--paper)}.styler-export-row button:disabled{cursor:not-allowed;opacity:.42}.styler-status{color:#dbd9d7d6;font-size:var(--mono-meta-size);border:1px solid #dbd9d733;margin:0;padding:12px 14px}.styler-status.is-ok{color:#bdfbd1;border-color:#4fff975c}.styler-status.is-error{color:#ffb5b5;border-color:#ff464680}.styler-controls{gap:14px;display:grid}.styler-panel{gap:16px;padding:18px;display:grid}.styler-panel-title{gap:4px;display:grid}.styler-panel-title h2{color:var(--paper);font-family:var(--mono);font-size:var(--mono-label-size);letter-spacing:.08em;text-transform:uppercase;margin:0}.styler-panel-title p{color:#dbd9d794;font-size:var(--mono-meta-size);margin:0}.styler-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.styler-preset{text-align:left;align-content:end;gap:4px;min-height:124px;padding:74px 10px 10px;font-size:.72rem;display:grid;position:relative;overflow:hidden}.styler-preset:before{content:"";background:linear-gradient(90deg, var(--preset-stroke), var(--preset-glow), var(--preset-fill));filter:blur(18px);opacity:.72;height:60px;position:absolute;inset:-30% -20% auto}.styler-preset-preview{z-index:1;object-fit:contain;pointer-events:none;width:calc(100% - 12px);height:76px;position:absolute;inset:6px 6px auto}.styler-preset span{z-index:2;color:#dbd9d7a3;font-size:.62rem;position:relative}.styler-preset strong{z-index:2;color:var(--paper);font-size:.72rem;line-height:1.15;position:relative}.styler-control,.styler-color-control{color:#dbd9d7b8;font-size:var(--mono-meta-size);text-transform:uppercase;gap:8px;font-weight:700;display:grid}.styler-control span{justify-content:space-between;gap:14px;display:flex}.styler-control strong{color:var(--paper);font-weight:900}.styler-control input[type=text],.styler-control select,.styler-inline-fields input{width:100%;min-height:42px;color:var(--paper);font:inherit;background:#ffffff0f;border:1px solid #dbd9d733;padding:0 12px}.styler-control select option{background:#10100f}.styler-control input[type=range]{width:100%;accent-color:var(--red)}.styler-color-grid,.styler-inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.styler-color-control{border:1px solid #dbd9d729;grid-template-columns:1fr auto;align-items:center;min-height:44px;padding:0 10px}.styler-color-control input{background:0 0;border:0;width:38px;height:28px}.styler-inline-fields label{color:#dbd9d7b8;font-size:var(--mono-meta-size);text-transform:uppercase;gap:8px;font-weight:700;display:grid}.styler-inline-fields input:disabled{opacity:.48}.styler-segment{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.styler-segment button{min-height:38px;font-size:var(--mono-meta-size)}.tool-content,.tool-faq{border-bottom:1px solid var(--line-strong);gap:24px;width:min(1180px,100%);margin:0 auto;padding:clamp(48px,7vw,88px) 0;display:grid}.tool-content h2,.tool-faq h2{--poster-heading-size:clamp(3.3rem, 6vw, 5.8rem)}.tool-content p{max-width:76ch;color:var(--muted);font-family:var(--mono);font-size:var(--mono-copy-size);line-height:1.8}.tool-faq-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.tool-faq details{border:1px solid var(--line-strong);font-family:var(--mono);background:#10100f09}.tool-faq summary{cursor:pointer;color:var(--ink);text-transform:uppercase;padding:18px;font-weight:900}.tool-faq details p{color:var(--muted);font-size:var(--mono-copy-size);margin:0;padding:0 18px 18px;line-height:1.7}@media (width<=980px){.tool-hero,.text-styler-app{grid-template-columns:1fr}.styler-preview-panel{position:relative;top:auto}}@media (width<=640px){.tool-hero{min-height:auto;padding-top:42px}.text-styler-app{padding-inline:14px}.styler-preview-panel,.styler-panel{padding:14px}.styler-canvas-shell{min-height:250px}.styler-export-row,.styler-preset-grid,.styler-color-grid,.styler-inline-fields,.tool-faq-list{grid-template-columns:1fr}.tool-content,.tool-faq{padding-block:42px}}