.tool-page[data-processor="ifsRendererExplorer"] .tool-examples,.tool-page[data-processor="fractalPowerMorph"] .tool-examples{display:none}.frx-studio{--frx:#22d3ee;position:relative;padding:8px 8px 112px}.morph-explorer{--frx:#a78bfa}.frx-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:26px}.frx-head span,.frx-title span,.frx-page>span{font-size:.67rem;letter-spacing:.18em;font-weight:900;color:var(--frx)}.frx-head h2{font-size:clamp(1.55rem,4vw,2.45rem);letter-spacing:-.04em;margin:.35rem 0}.frx-head p,.frx-page>p{margin:0;color:var(--muted);max-width:660px}.frx-chip{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:999px;box-shadow:var(--raised);white-space:nowrap;font-size:.75rem;font-weight:800}.frx-chip i{width:8px;height:8px;border-radius:50%;background:var(--frx);box-shadow:0 0 0 6px color-mix(in srgb,var(--frx) 15%,transparent)}.frx-layout{display:grid;grid-template-columns:minmax(250px,.68fr) minmax(0,1.32fr);gap:24px}.frx-panel,.frx-canvas,.frx-page{border-radius:28px;background:var(--panel);box-shadow:13px 13px 30px color-mix(in srgb,var(--dark-shadow) 75%,transparent),-11px -11px 25px color-mix(in srgb,var(--light-shadow) 90%,transparent);padding:26px}.frx-panel{display:flex;flex-direction:column;gap:16px}.frx-panel label,.julia-options label{display:grid;gap:7px;font-size:.75rem;font-weight:800;color:var(--muted)}.frx-panel input,.frx-panel select,.julia-options input{width:100%;min-width:0;border:0;background:var(--panel);box-shadow:var(--inset);border-radius:12px;padding:12px;outline:0}.frx-inline,.julia-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.frx-canvas{display:grid;place-items:center;align-content:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--frx) 10%,var(--panel)),var(--panel) 70%)}.frx-canvas canvas{display:block;max-width:100%;height:auto;border-radius:18px;background:#07111f;box-shadow:var(--inset)}.frx-canvas-meta{width:100%;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.74rem;font-weight:800;margin-top:14px}.frx-error{padding:12px;border-radius:12px;background:#fee4e2;color:#b42318}.frx-title{display:flex;justify-content:space-between;align-items:end}.frx-title h3,.frx-page h3{font-size:1.5rem;margin:.25rem 0}.frx-table{overflow:auto;margin-top:20px;padding:10px;border-radius:18px;box-shadow:var(--inset)}.frx-table table{width:100%;border-collapse:collapse}.frx-table th,.frx-table td{padding:8px;white-space:nowrap}.frx-table input{width:82px;border:0;background:var(--panel);box-shadow:var(--inset);border-radius:9px;padding:9px}.frx-table button{width:32px;height:32px;border:0;border-radius:50%;background:var(--panel);box-shadow:var(--raised);color:#ef4444;cursor:pointer}.frx-export-grid,.frx-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.frx-export-grid button,.frx-presets button{border:0;background:var(--panel);box-shadow:var(--raised);border-radius:18px;padding:22px;text-align:left;cursor:pointer;display:grid;grid-template-columns:42px 1fr;gap:5px 12px}.frx-export-grid i{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;box-shadow:var(--inset);color:var(--frx)}.frx-export-grid small,.frx-presets small{color:var(--muted)}.frx-presets button b{grid-row:1/3;font-size:1.5rem;color:var(--frx)}.morph-scrub{width:100%;margin-top:22px;accent-color:var(--frx)}.morph-strip{display:flex;gap:6px;overflow:auto;padding:20px 6px;margin-top:20px}.morph-strip button{flex:1 0 48px;min-height:100px;border:0;border-radius:12px;background:color-mix(in srgb,var(--frx) calc(12% + var(--p)*48%),var(--panel));box-shadow:var(--raised);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:10px 5px;cursor:pointer}.morph-strip b{writing-mode:vertical-rl;font-size:.68rem}.morph-strip small{font-size:.6rem}.frx-dock{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:min(520px,calc(100% - 20px));height:78px;display:grid;grid-template-columns:repeat(4,1fr);padding:7px;border-radius:25px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:var(--raised);backdrop-filter:blur(16px);z-index:8;overflow:hidden}.frx-dock button{position:relative;z-index:2;display:grid;place-items:center;align-content:center;gap:4px;border:0;background:none;color:var(--muted);cursor:pointer}.frx-dock button span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;transition:.35s}.frx-dock button small{font-size:.65rem;font-weight:800}.frx-dock button.active{color:var(--frx)}.frx-dock button.active span{transform:translateY(-12px);background:var(--panel);box-shadow:var(--raised)}.frx-dock>i{position:absolute;left:7px;bottom:7px;width:calc((100% - 14px)/4);height:64px;border-radius:20px;box-shadow:var(--inset);transition:transform .4s cubic-bezier(.2,.85,.2,1)}.frx-view{animation:frxReveal .35s ease both}@keyframes frxReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.dark .frx-panel,.dark .frx-canvas,.dark .frx-page{box-shadow:12px 12px 28px #090f1a,-6px -6px 18px #243149}.dark .frx-error{background:#5b2020;color:#fecaca}
@media(max-width:760px){.workspace:has(.frx-studio){padding:14px}.frx-studio{padding:4px 2px 104px}.frx-head{display:block}.frx-chip{display:inline-flex;margin-top:14px}.frx-layout{grid-template-columns:1fr}.frx-panel,.frx-canvas,.frx-page{padding:20px;border-radius:22px}.frx-export-grid,.frx-presets{grid-template-columns:1fr}.frx-dock{position:fixed;bottom:12px;z-index:10010}.frx-table input{width:70px}}
@media(max-width:480px){.frx-inline,.julia-options{grid-template-columns:1fr}.frx-title{align-items:flex-start;gap:12px;flex-direction:column}.frx-canvas-meta{align-items:flex-start;flex-direction:column}.frx-dock{height:70px;border-radius:20px}.frx-dock>i{height:56px}.frx-dock button.active span{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.frx-studio *{animation:none!important;transition:none!important}}