#js-tool-container-border-radius-previewer-pro .brp-studio-wrapper{display:flex;flex-direction:column;gap:20px;font-family:var(--font-sans);color:var(--text-primary)}#js-tool-container-border-radius-previewer-pro .brp-top-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 18px}#js-tool-container-border-radius-previewer-pro .brp-tool-group{display:flex;align-items:center;gap:8px}#js-tool-container-border-radius-previewer-pro .brp-picker{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:38px;height:34px;cursor:pointer;background:none;padding:2px}#js-tool-container-border-radius-previewer-pro .brp-action-group{display:flex;gap:8px}#js-tool-container-border-radius-previewer-pro .brp-stage-container{width:100%;min-height:300px}#js-tool-container-border-radius-previewer-pro .brp-viewport{width:100%;height:300px;background-color:var(--bg-primary);background-image:radial-gradient(var(--border-color) 1.5px,transparent 1.5px);background-size:20px 20px;border-radius:var(--radius-md);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}#js-tool-container-border-radius-previewer-pro .brp-shape{width:240px;height:240px;background:var(--accent-primary);position:relative;transition:border-radius 0.1s ease,background 0.2s ease,box-shadow 0.2s ease;display:flex;align-items:center;justify-content:center;user-select:none;box-shadow:var(--shadow-lg),0 20px 35px -5px rgba(99,102,241,0.3)}#js-tool-container-border-radius-previewer-pro .brp-shape.is-animating{animation:brp-morph-anim 4s ease-in-out infinite alternate}@keyframes brp-morph-anim{0%{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%}50%{border-radius:50% 50% 30% 70% / 60% 40% 60% 40%}100%{border-radius:70% 30% 50% 50% / 40% 60% 50% 50%}}#js-tool-container-border-radius-previewer-pro .brp-node{width:14px;height:14px;border-radius:50%;position:absolute;cursor:pointer;z-index:10;border:2px solid #ffffff;box-shadow:0 2px 6px rgba(0,0,0,0.3);transition:transform 0.15s ease}#js-tool-container-border-radius-previewer-pro .brp-node:hover{transform:scale(1.3)}#js-tool-container-border-radius-previewer-pro .node-x{background:var(--accent-primary)}#js-tool-container-border-radius-previewer-pro .node-y{background:var(--success)}#js-tool-container-border-radius-previewer-pro .brp-center-info{background:rgba(15,23,42,0.4);backdrop-filter:blur(6px);padding:4px 12px;border-radius:var(--radius-sm);font-size:0.8rem;font-weight:800;color:#ffffff;letter-spacing:0.05em;pointer-events:none}#js-tool-container-border-radius-previewer-pro .brp-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width:768px){#js-tool-container-border-radius-previewer-pro .brp-controls-grid{grid-template-columns:1fr}}#js-tool-container-border-radius-previewer-pro .brp-card-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:12px}#js-tool-container-border-radius-previewer-pro .brp-panel-head{border-bottom:1px solid var(--border-color);padding-bottom:6px}#js-tool-container-border-radius-previewer-pro .brp-head-tag{font-size:0.8rem;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;color:var(--accent-primary)}#js-tool-container-border-radius-previewer-pro .brp-inputs-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px}#js-tool-container-border-radius-previewer-pro .brp-badge-val{font-weight:800;color:var(--accent-primary);font-variant-numeric:tabular-nums}#js-tool-container-border-radius-previewer-pro .brp-export-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:12px}#js-tool-container-border-radius-previewer-pro .brp-tabs-bar{display:flex;gap:8px;border-bottom:1px solid var(--border-color);padding-bottom:10px;flex-wrap:wrap}#js-tool-container-border-radius-previewer-pro .brp-tab-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px 14px;font-size:0.85rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all 0.15s ease}#js-tool-container-border-radius-previewer-pro .brp-tab-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#ffffff}#js-tool-container-border-radius-previewer-pro .brp-code-box{display:flex;flex-direction:column;gap:10px}#js-tool-container-border-radius-previewer-pro .brp-code-area{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--accent-primary);font-family:Consolas,Monaco,monospace;font-size:0.875rem;font-weight:700;resize:none;box-sizing:border-box;line-height:1.45}#js-tool-container-border-radius-previewer-pro .brp-copy-bar{display:flex;justify-content:flex-end}