.tool-page{position:relative}.tool-hero{display:grid;grid-template-columns:minmax(300px,.92fr) minmax(320px,.68fr);gap:clamp(28px,6vw,92px);align-items:end;min-height:360px;padding:clamp(48px,7vw,88px) 0 42px;border-bottom:1px solid var(--line-strong)}.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{display:grid;gap:22px}.tool-hero-meta{display:grid;gap:12px;padding:22px;border:1px solid var(--line-strong);background:#10100f0a;font-family:var(--mono)}.tool-hero-meta span{color:var(--red);font-size:var(--mono-meta-size);font-weight:900;letter-spacing:.1em;text-transform:uppercase}.tool-hero-meta strong{font-size:1.05rem;line-height:1.45}.text-styler-section{position:relative;left:50%;width:calc(100vw - 1px);margin-left:calc(-50vw + .5px);padding:clamp(28px,5vw,58px) 0;background:radial-gradient(circle at 18% 16%,rgba(217,39,34,.15),transparent 22rem),radial-gradient(circle at 82% 72%,rgba(60,220,255,.12),transparent 24rem),linear-gradient(rgba(219,217,215,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(219,217,215,.022) 1px,transparent 1px),#070707;background-size:auto,auto,44px 44px,44px 44px,auto;color:var(--paper)}.text-styler-app{display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(360px,.92fr);gap:clamp(18px,3vw,34px);width:min(1500px,100%);margin:0 auto;padding:0 40px;font-family:var(--mono)}.styler-preview-panel,.styler-panel{border:1px solid rgba(219,217,215,.16);background:#0c0c0cc7;box-shadow:0 24px 70px #00000047}.styler-preview-panel{position:sticky;top:22px;align-self:start;display:grid;gap:16px;padding:clamp(14px,2vw,24px)}.styler-preview-head{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#dbd9d7b8;font-size:var(--mono-meta-size);text-transform:uppercase}.styler-preview-head p{margin:0 0 4px;color:var(--red);font-weight:900;letter-spacing:.1em}.styler-preview-head strong,.styler-preview-head span{color:var(--paper)}.styler-canvas-shell{display:grid;min-height:340px;place-items:center;overflow:auto;border:1px solid rgba(219,217,215,.13);background-color:transparent}.styler-canvas-shell.is-checkerboard{background-color:#171717;background-image:linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.08) 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{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.styler-export-row button,.styler-segment button,.styler-preset{border:1px solid rgba(219,217,215,.22);background:#dbd9d70b;color:var(--paper);cursor:pointer;font-family:var(--mono);font-weight:900;text-transform:uppercase;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.styler-export-row button{min-height:46px;padding:0 12px;font-size:var(--mono-meta-size)}.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{margin:0;padding:12px 14px;border:1px solid rgba(219,217,215,.2);color:#dbd9d7d6;font-size:var(--mono-meta-size)}.styler-status.is-ok{border-color:#4fff975c;color:#bdfbd1}.styler-status.is-error{border-color:#ff464680;color:#ffb5b5}.styler-controls{display:grid;gap:14px}.styler-panel{display:grid;gap:16px;padding:18px}.styler-panel-title{display:grid;gap:4px}.styler-panel-title h2{margin:0;color:var(--paper);font-family:var(--mono);font-size:var(--mono-label-size);letter-spacing:.08em;text-transform:uppercase}.styler-panel-title p{margin:0;color:#dbd9d794;font-size:var(--mono-meta-size)}.styler-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.styler-preset{position:relative;display:grid;min-height:124px;align-content:end;gap:4px;overflow:hidden;padding:74px 10px 10px;text-align:left;font-size:.72rem}.styler-preset:before{content:"";position:absolute;inset:-30% -20% auto;height:60px;background:linear-gradient(90deg,var(--preset-stroke),var(--preset-glow),var(--preset-fill));filter:blur(18px);opacity:.72}.styler-preset-preview{position:absolute;inset:6px 6px auto;z-index:1;width:calc(100% - 12px);height:76px;object-fit:contain;pointer-events:none}.styler-preset span{position:relative;z-index:2;color:#dbd9d7a3;font-size:.62rem}.styler-preset strong{position:relative;z-index:2;color:var(--paper);font-size:.72rem;line-height:1.15}.styler-control,.styler-color-control{display:grid;gap:8px;color:#dbd9d7b8;font-size:var(--mono-meta-size);font-weight:700;text-transform:uppercase}.styler-control span{display:flex;justify-content:space-between;gap:14px}.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;border:1px solid rgba(219,217,215,.2);background:#ffffff0f;color:var(--paper);font:inherit;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{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.styler-color-control{grid-template-columns:1fr auto;align-items:center;min-height:44px;padding:0 10px;border:1px solid rgba(219,217,215,.16)}.styler-color-control input{width:38px;height:28px;border:0;background:transparent}.styler-inline-fields label{display:grid;gap:8px;color:#dbd9d7b8;font-size:var(--mono-meta-size);font-weight:700;text-transform:uppercase}.styler-inline-fields input:disabled{opacity:.48}.styler-segment{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.styler-segment button{min-height:38px;font-size:var(--mono-meta-size)}.tool-content,.tool-faq{display:grid;gap:24px;width:min(1180px,100%);margin:0 auto;padding:clamp(48px,7vw,88px) 0;border-bottom:1px solid var(--line-strong)}.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{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-faq details{border:1px solid var(--line-strong);background:#10100f09;font-family:var(--mono)}.tool-faq summary{padding:18px;cursor:pointer;color:var(--ink);font-weight:900;text-transform:uppercase}.tool-faq details p{margin:0;padding:0 18px 18px;color:var(--muted);font-size:var(--mono-copy-size);line-height:1.7}@media (max-width: 980px){.tool-hero,.text-styler-app{grid-template-columns:1fr}.styler-preview-panel{position:relative;top:auto}}@media (max-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}}