#fraction-root{min-height:900px;scroll-margin-top:24px}.fraction-builder{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.fraction-builder h2,.fraction-builder h3{margin:0;font-size:16px}.fraction-heading{padding:22px;border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;align-items:center}.fraction-heading span,.fraction-builder p,.fraction-storage{font-size:12px;line-height:1.8;color:var(--muted)}.fraction-workspace{display:grid;grid-template-columns:1fr 1fr}.fraction-workspace>div,.fraction-workspace>section{min-width:0;padding:24px}.fraction-inputs{border-right:1px solid var(--line)}.fraction-builder label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}.fraction-builder input,.fraction-builder select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--ink);padding:11px 13px;font:14px/1.5 SFMono-Regular,Consolas,monospace}.fraction-builder select{font:inherit;font-size:13px}.fraction-divider{height:1px;background:var(--muted);margin:18px 0}.fraction-inputs>p{margin-block:20px}.fraction-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:18px 22px}.fraction-inputs .fraction-actions{padding:18px 0 0}.fraction-builder button{min-height:42px;padding:10px 13px;font-size:12px;transition:none}.fraction-canvas{position:relative;height:295px;overflow:auto;display:flex;align-items:center;background:#fafcff;background-image:radial-gradient(#bcc9da .7px,transparent .7px);background-size:18px 18px;padding:25px;margin-top:20px;border-radius:7px;color:#172638}.fraction-canvas>div{flex-shrink:0;margin:auto}.fraction-canvas svg{max-width:none}.fraction-canvas>p{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#56667c;padding:20px}.fraction-builder .fraction-feedback{padding:16px 22px;margin:0;min-height:52px;border-block:1px solid var(--line);color:var(--ink)}.fraction-source{padding:20px 22px;background:var(--soft)}.fraction-builder .fraction-note{padding:0 22px}.fraction-storage{border-top:1px solid var(--line);padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.fraction-builder .fraction-status{min-height:38px;margin:0;padding:0 22px 16px}.fraction-help p,.fraction-help li{font-size:14px;line-height:1.9;color:var(--muted);overflow-wrap:anywhere}.fraction-help pre{overflow:auto;padding:20px;border:1px solid var(--line);background:var(--soft);font:12px/1.8 SFMono-Regular,Consolas,monospace}@media(max-width:700px){#fraction-root{min-height:1250px}.fraction-workspace{grid-template-columns:1fr}.fraction-inputs{border-right:0;border-bottom:1px solid var(--line)}.fraction-heading span{display:none}}