.arc-tool{margin-bottom:52px}.arc-tool [hidden]{display:none!important}.arc-workbench{grid-template-columns:minmax(320px,.96fr) minmax(0,1.04fr);align-items:start;gap:20px;display:grid}.arc-panel{border:1px solid var(--line);border-radius:14px;min-width:0;padding:26px}.arc-inputs{background:var(--surface-soft)}.arc-results{box-shadow:var(--shadow);background:#fff}.arc-panel h2{margin:0 0 12px}.arc-panel h3{margin:22px 0 9px}.arc-grid{gap:12px;display:grid}.arc-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.arc-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.arc-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.arc-field{min-width:0;margin:15px 0}.arc-grid .arc-field{margin:0}.arc-field label,[data-copy-fallback] label{margin-bottom:6px;font-size:.9rem;font-weight:700;display:block}.arc-field label em{color:var(--muted);font-size:.76rem;font-style:normal;font-weight:500}.arc-field input,.arc-field select,.arc-code,[data-copy-fallback] textarea{border:1px solid var(--line-strong);width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;background:#fff;border-radius:7px;padding:9px 11px}.arc-field small,.arc-help,.arc-context,.arc-privacy{color:var(--muted);margin-top:5px;font-size:.84rem;line-height:1.5;display:block}.arc-point{border:1px solid var(--line);background:#fff;border-radius:9px;margin:18px 0;padding:14px}.arc-point h3{margin:0 0 10px;font-size:1rem}.arc-error{border-left:3px solid var(--danger);color:#8d2119;background:#fff0ed;padding:11px 13px;font-size:.9rem}.arc-actions{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.arc-actions button{border:1px solid var(--line-strong);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:7px;padding:9px 13px;font-weight:700}.arc-actions button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.arc-actions button:disabled{opacity:.45;cursor:not-allowed}.arc-status{min-height:1.3em;color:var(--success);margin:9px 0 0;font-size:.86rem}.arc-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.arc-metrics>div{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;min-width:0;padding:12px}.arc-metrics dt{font-size:.8rem;font-weight:700}.arc-metrics dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:3px 0 0;font-size:1.25rem;font-weight:750}.arc-check{border-left:3px solid var(--line-strong);background:var(--surface-soft);margin:16px 0;padding:11px 13px;font-size:.87rem;line-height:1.5}.arc-check.good{border-color:var(--success);color:#195b38;background:#effaf4}.arc-check.bad{border-color:var(--danger);color:#8d2119;background:#fff0ed}.arc-check.warn,.arc-warning{color:#704800;background:#fff3db;border-color:#b77700}.arc-detail{border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:8px;padding:12px;font-size:.9rem;line-height:1.7}.arc-preview{border:1px solid var(--line-strong);background:var(--surface-soft);min-height:250px;color:var(--accent);border-radius:10px;place-items:center;margin-top:18px;display:grid;overflow:hidden}.arc-preview svg{width:100%;height:280px;padding:18px;display:block;overflow:visible}.arc-marker circle{stroke:#fff;stroke-width:2px}.arc-marker.start circle{fill:var(--success)}.arc-marker.end circle{fill:var(--danger)}.arc-marker.center circle{fill:var(--ink)}.center-line{stroke:#fff;stroke-width:1.5px}.arc-code{resize:vertical;color:#f5f8fb;background:#17202b;min-height:84px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.84rem;line-height:1.55}.arc-warning{border-left:3px solid #b77700;margin:18px 0 0;padding:11px 13px;font-size:.86rem;line-height:1.5}[data-copy-fallback]{margin-top:15px}[data-copy-fallback] textarea{resize:vertical;min-height:150px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem}.arc-privacy{margin-top:16px}.arc-guide>section{margin-bottom:38px}.arc-tool :is(button,input,select,textarea):focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (width<=900px){.arc-workbench{grid-template-columns:1fr}}@media (width<=620px){.arc-panel{padding:18px}.arc-grid.three,.arc-grid.four,.arc-metrics{grid-template-columns:1fr}.arc-metrics>div{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.arc-metrics dd{text-align:right}.arc-preview{min-height:210px}.arc-preview svg{height:230px;padding:12px}}@media (width<=410px){.arc-grid.two{grid-template-columns:1fr}}