.tool-page{padding:0 0 104px}.tool-breadcrumb{padding-top:30px}.tool-breadcrumb ol{color:var(--blog-muted);align-items:center;gap:9px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.tool-breadcrumb li+li:before{color:#665d52;content:"/";margin-right:9px}.tool-breadcrumb a{color:var(--blog-accent-light);text-decoration:none}.tool-breadcrumb a:hover{color:var(--blog-white)}.tool-hero{text-align:center;max-width:920px;padding-top:48px;padding-bottom:48px}.tool-kicker{color:var(--blog-accent);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.tool-hero h1{max-width:820px;color:var(--blog-white);letter-spacing:-.04em;margin:14px auto 0;font-size:clamp(42px,6.4vw,72px);line-height:1.02}.tool-hero>p{max-width:700px;color:var(--blog-muted);margin:22px auto 0;font-size:18px;line-height:1.65}.tool-primary-cta{color:#211306;background:linear-gradient(112deg, var(--blog-accent-light), var(--blog-accent));justify-content:center;align-items:center;gap:9px;min-height:46px;padding:13px 20px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.tool-primary-cta:hover{filter:brightness(1.06)}.tool-primary-cta:focus-visible{outline:2px solid var(--blog-accent-light);outline-offset:3px}.tool-proof-list{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.tool-proof-list span{border:1px solid var(--blog-border);color:var(--blog-body);background:#ffffff06;padding:8px 12px;font-size:13px}.stl-workspace{border:1px solid var(--blog-border);background:#11100e;grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);min-height:650px;display:grid;overflow:hidden;box-shadow:0 32px 90px #00000052}.stl-canvas-card{border-right:1px solid var(--blog-border);background:radial-gradient(circle at 50% 42%,#f3a23a1c,#0000 40%),linear-gradient(145deg,#171512,#0b0a09);flex-direction:column;min-width:0;display:flex}.stl-canvas-toolbar{border-bottom:1px solid var(--blog-border);min-height:56px;color:var(--blog-muted);letter-spacing:.025em;justify-content:space-between;align-items:center;gap:16px;padding:0 18px;font-size:12px;font-weight:700;display:flex}.stl-toolbar-status,.stl-toolbar-actions{align-items:center;gap:8px;display:flex}.stl-toolbar-actions{flex:none;gap:4px}.stl-status-dot{background:#776e63;border-radius:50%;width:7px;height:7px}.stl-status-ready{background:#67d391;box-shadow:0 0 0 4px #67d3911a}.stl-status-error,.stl-status-unsupported{background:#f07964}.stl-canvas-toolbar button,.stl-sample-button{color:var(--blog-accent-light);font:inherit;cursor:pointer;background:0 0;border:0}.stl-canvas-toolbar button{justify-content:center;align-items:center;gap:7px;min-height:34px;padding:6px 9px;display:inline-flex}.stl-canvas-toolbar button:focus-visible{outline:2px solid var(--blog-accent-light);outline-offset:2px}.stl-canvas-toolbar .stl-fullscreen-button{background:#f3a23a12;border:1px solid #f3a23a57}.stl-canvas-toolbar .stl-fullscreen-button:hover,.stl-canvas-toolbar .stl-fullscreen-button.is-active{background:#f3a23a26;border-color:#f3a23aad}.stl-fullscreen-button svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.8px;width:16px;height:16px}.stl-canvas-toolbar button:disabled,.stl-sample-button:disabled,.stl-primary-button:disabled{opacity:.45;cursor:not-allowed}.stl-canvas-wrap{flex:1;min-height:540px;position:relative}.stl-fullscreen-error{z-index:2;color:#ffd8d0;background:#3e1813f0;border:1px solid #f079648c;max-width:min(360px,100% - 32px);padding:10px 12px;font-size:12px;line-height:1.45;position:absolute;bottom:16px;right:16px}.stl-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.stl-canvas-empty,.stl-canvas-loading{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.stl-canvas-empty strong{color:var(--blog-white);font-size:17px}.stl-canvas-empty>span:last-child,.stl-canvas-loading{color:var(--blog-muted);font-size:13px}.stl-cube-mark{width:70px;height:70px;color:var(--blog-accent-light);letter-spacing:.12em;background:#f3a23a0f;border:1px solid #f3a23a6b;place-items:center;margin-bottom:8px;font-size:13px;font-weight:800;display:grid;transform:rotate(8deg)}.stl-spinner{border:2px solid #f3a23a2e;border-top-color:var(--blog-accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite stl-spin}@keyframes stl-spin{to{transform:rotate(360deg)}}.stl-controls-hint{border-top:1px solid var(--blog-border);color:var(--blog-muted);text-align:center;margin:0;padding:14px 18px;font-size:12px}.stl-canvas-card:fullscreen{background:radial-gradient(circle at 50% 42%,#f3a23a21,#0000 40%),linear-gradient(145deg,#171512,#0b0a09);border:0;width:100%;height:100%;min-height:100%}.stl-canvas-card:fullscreen .stl-canvas-wrap{min-height:0}.stl-canvas-card::backdrop{background:#0b0a09}.stl-control-card{background:var(--blog-card);flex-direction:column;gap:20px;padding:26px;display:flex}.stl-control-card h2,.tool-explainer h2,.tool-guide h2,.tool-reading-grid h2,.tool-info-grid h2,.tool-workflow h2,.tool-next-step h2,.tool-faq h2{color:var(--blog-white);letter-spacing:-.025em;margin:8px 0 0;font-size:clamp(26px,3.5vw,36px);line-height:1.08}.stl-control-card>div:first-child>p,.tool-guide-heading>p,.tool-reading-grid p,.tool-info-grid p,.tool-workflow p,.tool-next-step p{color:var(--blog-muted);margin:10px 0 0;font-size:14px;line-height:1.55}.stl-dropzone{text-align:center;background:#ffd18a06;border:1px dashed #66533d;flex-direction:column;align-items:center;gap:8px;padding:26px 16px;transition:border-color .16s,background .16s,transform .16s;display:flex}.stl-dropzone.is-dragging{border-color:var(--blog-accent);background:#f3a23a1a;transform:translateY(-2px)}.stl-dropzone input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stl-drop-icon{color:var(--blog-accent);font-size:28px;line-height:1}.stl-dropzone strong{color:var(--blog-white);font-size:16px}.stl-dropzone>span:not(.stl-drop-icon){color:var(--blog-muted);font-size:12px}.stl-primary-button{color:#271708;background:linear-gradient(112deg, var(--blog-accent-light), var(--blog-accent));width:100%;font:inherit;cursor:pointer;border:0;margin-top:12px;padding:13px 16px;font-size:14px;font-weight:800}.stl-sample-button{text-align:left;padding:0;font-size:13px;font-weight:700}.stl-error{color:#ffc2b7;background:#f0796414;border:1px solid #f0796473;flex-direction:column;gap:5px;padding:14px;font-size:13px;line-height:1.45;display:flex}.stl-results{border-top:1px solid var(--blog-border);margin-top:auto;padding-top:18px}.stl-results-heading{color:var(--blog-muted);justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;font-size:12px;display:flex}.stl-results-heading strong{max-width:58%;color:var(--blog-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stl-results dl{background:var(--blog-border);grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin:0;display:grid}.stl-results dl>div{background:#151310;grid-column:span 2;min-width:0;padding:12px}.stl-results dl>div:nth-child(n+4){grid-column:span 3}.stl-results dt{color:var(--blog-muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.stl-results dd{color:var(--blog-white);font-variant-numeric:tabular-nums;text-overflow:ellipsis;margin:5px 0 0;font-size:16px;overflow:hidden}.stl-results>p{color:var(--blog-muted);margin:13px 0 0;font-size:11px;line-height:1.5}.stl-offer-bridge{background:#f3a23a12;border:1px solid #f3a23a66;gap:14px;margin-top:18px;padding:16px;display:grid}.stl-offer-bridge>div{gap:5px;display:grid}.stl-offer-bridge strong{color:var(--blog-white);font-size:14px}.stl-offer-bridge>div>span{color:var(--blog-muted);font-size:12px;line-height:1.45}.stl-offer-bridge a.tool-primary-cta{color:#211306;width:100%}.tool-explainer,.tool-guide,.tool-reading-grid,.tool-info-grid,.tool-workflow,.tool-next-step,.tool-faq{margin-top:84px}.tool-explainer{grid-template-columns:.72fr 1.28fr;align-items:start;gap:64px;display:grid}.tool-explainer ol{background:var(--blog-border);gap:1px;margin:0;padding:0;list-style:none;display:grid}.tool-explainer li{background:var(--blog-card);grid-template-columns:48px 1fr;gap:18px;padding:22px;display:grid}.tool-explainer li>span{color:var(--blog-accent);font-size:12px;font-weight:800}.tool-explainer strong{color:var(--blog-white)}.tool-explainer p{color:var(--blog-muted);margin:5px 0 0;font-size:14px;line-height:1.5}.tool-guide-heading{max-width:760px}.tool-guide-grid{border:1px solid var(--blog-border);background:var(--blog-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:30px;display:grid}.tool-guide-grid article,.tool-reading-grid article{background:var(--blog-card);padding:30px}.tool-guide-grid h3{color:var(--blog-white);margin:0;font-size:18px;line-height:1.25}.tool-guide-grid p{color:var(--blog-muted);margin:12px 0 0;font-size:14px;line-height:1.65}.tool-reading-grid{border:1px solid var(--blog-border);background:var(--blog-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.tool-reading-grid p{line-height:1.65}.tool-info-grid{border:1px solid var(--blog-border);background:var(--blog-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.tool-info-grid>div{background:var(--blog-card);padding:34px}.tool-workflow{border:1px solid var(--blog-border);background:#11100e;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:52px;padding:36px;display:grid}.tool-workflow ul{background:var(--blog-border);gap:1px;margin:0;padding:0;list-style:none;display:grid}.tool-workflow li{color:var(--blog-muted);background:var(--blog-card);padding:17px 18px;font-size:14px;line-height:1.55}.tool-workflow strong{color:var(--blog-white)}.tool-next-step{background:linear-gradient(120deg,#f3a23a1f,#ffd18a06);border:1px solid #f3a23a66;justify-content:space-between;align-items:center;gap:42px;padding:36px;display:flex}.tool-next-links{gap:10px;min-width:250px;display:grid}.tool-next-links a{border:1px solid var(--blog-border);color:var(--blog-body);text-align:center;background:#151310;padding:12px 14px;font-size:13px;font-weight:800;text-decoration:none}.tool-next-links a.tool-primary-cta{color:#211306;background:linear-gradient(112deg, var(--blog-accent-light), var(--blog-accent));border:0}.tool-faq{max-width:820px;margin-left:auto;margin-right:auto}.tool-faq h2{margin-bottom:28px}.tool-faq details{border-top:1px solid var(--blog-border)}.tool-faq details:last-child{border-bottom:1px solid var(--blog-border)}.tool-faq summary{color:var(--blog-white);cursor:pointer;padding:20px 0;font-weight:700}.tool-faq details p{color:var(--blog-muted);margin:-4px 0 20px;line-height:1.65}@media (max-width:900px){.stl-workspace{grid-template-columns:1fr}.stl-canvas-card{border-right:0;border-bottom:1px solid var(--blog-border)}.stl-canvas-wrap{min-height:460px}.tool-explainer{grid-template-columns:1fr;gap:30px}.tool-guide-grid,.tool-reading-grid,.tool-workflow{grid-template-columns:1fr}}@media (max-width:620px){.tool-page{padding-bottom:76px}.tool-hero{padding-top:56px;padding-bottom:34px}.tool-hero h1{font-size:40px}.tool-hero>p{font-size:16px}.tool-proof-list{flex-direction:column;align-items:stretch}.stl-workspace{min-height:0}.stl-canvas-wrap{min-height:360px}.stl-canvas-toolbar{padding:0 14px}.stl-toolbar-status>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:128px;overflow:hidden}.stl-toolbar-actions{gap:0}.stl-fullscreen-button{width:34px;padding-left:0;padding-right:0}.stl-fullscreen-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stl-control-card{padding:22px 18px}.stl-results dl{grid-template-columns:repeat(2,minmax(0,1fr))}.stl-results dl>div,.stl-results dl>div:nth-child(n+4){grid-column:span 1}.stl-results dl>div:last-child{grid-column:1/-1}.tool-explainer,.tool-guide,.tool-reading-grid,.tool-info-grid,.tool-workflow,.tool-next-step,.tool-faq{margin-top:64px}.tool-info-grid{grid-template-columns:1fr}.tool-info-grid>div,.tool-guide-grid article,.tool-reading-grid article,.tool-workflow,.tool-next-step{padding:26px 22px}.tool-next-step{flex-direction:column;align-items:stretch}.tool-next-links{min-width:0}.stl-controls-hint{font-size:11px}}@media (prefers-reduced-motion:reduce){.stl-spinner{animation-duration:1.8s}.stl-dropzone{transition:none}}
