.st-page .st-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:start}.nf-page.st-page textarea{min-height:360px}.st-page[data-search-tool=chmod_calculator] textarea{min-height:180px}.st-page .st-visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,1fr);gap:20px;align-items:center;margin:24px 0}.st-page canvas{width:100%;max-width:560px;height:auto;background:#171020;border:1px solid #705181;border-radius:12px;grid-row:span 3}.st-page .st-track{height:75px;margin:0 35px;border:1px solid #705181;border-radius:10px;background:#171020;padding:8px;overflow:hidden}.st-page #st-marker{display:block;color:#e8bdff;width:40px;font-size:36px;line-height:52px;text-align:center}.st-page fieldset{border:1px solid #705181;border-radius:10px;min-width:0;padding:16px}.st-page legend{font-weight:700;padding:0 6px}.st-page .nf-callout{max-width:100%;font-size:13px}.st-page .nf-fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.st-page .nf-actions{gap:12px;row-gap:14px}.st-page details{padding:12px 0}.st-page summary{cursor:pointer;color:#e6cfff}@media(max-width:800px){.st-page .st-editor-grid,.st-page .st-visual{grid-template-columns:1fr}.st-page canvas{grid-row:auto;margin:auto}.nf-page.st-page textarea{min-height:240px}.st-page .st-track{margin:0 40px}.st-page .nf-fields{grid-template-columns:1fr 1fr}}@media(max-width:480px){.st-page .nf-fields{grid-template-columns:1fr}.st-page .nf-panel{padding:18px}.st-page .nf-actions button{flex:1 1 140px}}

.nf-page.st-page .st-editor-grid:has(>label:only-child){grid-template-columns:1fr}.nf-page.st-page[data-search-tool=css_bezier_editor] textarea{min-height:210px}.nf-page.st-page[data-search-tool=json_compare] .st-editor-grid textarea{min-height:260px}.nf-page.st-page[data-search-tool=chmod_calculator] .st-editor-grid{grid-template-columns:280px minmax(0,1fr)}.nf-page.st-page[data-search-tool=chmod_calculator] textarea{min-height:260px}@media(max-width:800px){.nf-page.st-page[data-search-tool=chmod_calculator] .st-editor-grid{grid-template-columns:1fr}}

.st-page #st-changes{margin:24px 0}.st-page #st-changes .nf-table-wrap{max-height:500px;overflow:auto}.st-page #st-changes td{font:13px/1.6 ui-monospace,Consolas,monospace}.st-page #st-changes th{position:sticky;top:0}.st-page .st-added td:nth-child(2){color:#afe8b9}.st-page .st-removed td:nth-child(2){color:#ffb6b6}.st-page .st-changed td:nth-child(2){color:#f6d49d}.st-page :disabled{opacity:.55}