:root{--brg-primary:var(--main-primary);--brg-primary-light:#eef2ff;--brg-text:#1e293b;--brg-text-muted:#64748b;--brg-bg:#fff;--brg-bg-hover:#f8fafc;--brg-bg-active:#eef2ff;--brg-border:#e2e8f0;--brg-border-hover:#cbd5e1;--brg-shadow:0 1px 3px #00000014;--brg-shadow-lg:0 4px 12px #0000001f;--brg-bg-code:#f8fafc;--brg-bg-preview:#f1f5f9;--brg-radius:.5rem;--brg-radius-lg:.75rem;--brg-handle-size:14px;--brg-handle-color:var(--main-primary)}._brg-container{gap:var(--main-space-8);grid-template-columns:1fr 1fr;align-items:start;max-width:1100px;margin:0 auto;display:grid}._brg-column{gap:var(--main-space-5);flex-direction:column;display:flex}._brg-column-right{top:var(--main-space-4);position:sticky}._brg-section-label{font-size:var(--main-text-xs);color:var(--brg-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}@media (max-width:900px){._brg-container{gap:var(--main-space-6);grid-template-columns:1fr;max-width:600px}._brg-column-left{order:2}._brg-column-right{order:1;position:static}}@media (max-width:640px){._brg-container{padding-left:var(--main-space-3);padding-right:var(--main-space-3);gap:var(--main-space-5)}}._brg-mode-section{justify-content:space-between;align-items:center;gap:var(--main-space-3);display:flex}._brg-mode-tabs{background:var(--brg-bg);border-radius:var(--brg-radius);box-shadow:var(--brg-shadow);border-style:solid;border-width:1px;border-color:var(--brg-border);padding:3px;display:flex}._brg-mode-tab{color:var(--brg-text-muted);font-size:var(--main-text-sm);cursor:pointer;border-radius:calc(var(--brg-radius) - 2px);background:0 0;border:0 solid #0000;padding:.4rem 1rem;font-weight:500;transition:color .15s,background .15s}._brg-mode-tab:hover{color:var(--brg-text)}._brg-mode-tab--active{background:var(--brg-primary);color:#fff}._brg-mode-tab--active:hover{color:#fff}._brg-mode-actions{gap:var(--main-space-2);display:flex}._brg-action-btn{background:var(--brg-bg);width:36px;height:36px;color:var(--brg-text-muted);border-radius:var(--brg-radius);cursor:pointer;box-shadow:var(--brg-shadow);border-style:solid;border-width:1px;border-color:var(--brg-border);justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:flex}._brg-action-btn:hover{color:var(--brg-text);border-color:var(--brg-border-hover)}._brg-options-row{justify-content:space-between;align-items:center;gap:var(--main-space-3);display:flex}._brg-unit-toggle{background:var(--brg-bg);border-radius:var(--brg-radius);border-style:solid;border-width:1px;border-color:var(--brg-border);padding:2px;display:flex}._brg-unit-btn{color:var(--brg-text-muted);font-size:var(--main-text-xs);cursor:pointer;border-radius:calc(var(--brg-radius) - 2px);background:0 0;border:0 solid #0000;padding:.3rem .75rem;font-weight:600;transition:color .15s,background .15s}._brg-unit-btn:hover{color:var(--brg-text)}._brg-unit-btn--active{background:var(--brg-primary);color:#fff}._brg-unit-btn--active:hover{color:#fff}._brg-lock-btn{background:var(--brg-bg);color:var(--brg-text-muted);font-size:var(--main-text-xs);cursor:pointer;border-radius:var(--brg-radius);border-style:solid;border-width:1px;border-color:var(--brg-border);align-items:center;gap:.375rem;padding:.35rem .75rem;font-weight:500;transition:color .15s,border-color .15s,background .15s;display:inline-flex}._brg-lock-btn:hover{color:var(--brg-text);border-color:var(--brg-border-hover)}._brg-lock-btn--active{background:var(--brg-primary-light);color:var(--brg-primary);border-color:var(--brg-primary)}._brg-corners{gap:var(--main-space-3);flex-direction:column;display:flex}._brg-corners--hidden{display:none}._brg-corner-group,._brg-adv-group{background:var(--brg-bg);border-radius:var(--brg-radius-lg);padding:var(--main-space-4);box-shadow:var(--brg-shadow);border-style:solid;border-width:1px;border-color:var(--brg-border)}._brg-corner-label{font-size:var(--main-text-xs);color:var(--brg-text);margin-bottom:var(--main-space-2);font-weight:600;display:block}._brg-corner-input-row,._brg-adv-input-row{align-items:center;gap:var(--main-space-3);display:flex}._brg-adv-inputs{gap:var(--main-space-2);flex-direction:column;display:flex}._brg-adv-axis{font-size:var(--main-text-xs);color:var(--brg-text-muted);text-align:center;flex-shrink:0;width:16px;font-weight:700}._brg-slider{-webkit-appearance:none;appearance:none;background:var(--brg-border);cursor:pointer;border-radius:3px;outline:none;flex:1;height:6px}._brg-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--brg-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #6366f14d}._brg-slider::-moz-range-thumb{background:var(--brg-primary);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #6366f14d}._brg-corner-value-wrapper{flex-shrink:0;align-items:center;display:flex}._brg-corner-input{border-style:solid;border-width:1.5px;border-color:var(--brg-border);border-radius:var(--brg-radius);width:56px;font-size:var(--main-text-sm);color:var(--brg-text);text-align:center;background:var(--brg-bg);outline:none;padding:.3rem .5rem;font-weight:500;transition:border-color .15s}._brg-corner-input:focus{border-color:var(--brg-primary);box-shadow:0 0 0 3px #6366f11a}._brg-dimensions-section{gap:var(--main-space-2);flex-direction:column;display:flex}._brg-dimensions-row{align-items:center;gap:var(--main-space-3);display:flex}._brg-dim-field{align-items:center;gap:var(--main-space-2);flex:1;display:flex}._brg-dim-label{font-size:var(--main-text-xs);color:var(--brg-text-muted);flex-shrink:0;font-weight:600}._brg-dim-input{border-style:solid;border-width:1.5px;border-color:var(--brg-border);border-radius:var(--brg-radius);width:100%;font-size:var(--main-text-sm);color:var(--brg-text);text-align:center;background:var(--brg-bg);outline:none;padding:.35rem .5rem;transition:border-color .15s}._brg-dim-input:focus{border-color:var(--brg-primary);box-shadow:0 0 0 3px #6366f11a}._brg-dim-separator{color:var(--brg-text-muted);font-size:var(--main-text-sm);flex-shrink:0}@media (max-width:640px){._brg-mode-section{flex-wrap:wrap}._brg-corner-input{width:48px}}._brg-preview-card{background:var(--brg-bg);border-radius:var(--brg-radius-lg);padding:var(--main-space-5);box-shadow:var(--brg-shadow);border-style:solid;border-width:1px;border-color:var(--brg-border)}._brg-preview-area{background:var(--brg-bg-preview);border-radius:var(--brg-radius);min-height:320px;padding:var(--main-space-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}._brg-preview-shape{background:#6366f1;width:280px;height:280px;transition:border-radius .1s;position:relative}._brg-handle{width:var(--brg-handle-size);height:var(--brg-handle-size);border-style:solid;border-width:2.5px;border-color:var(--brg-handle-color);cursor:grab;z-index:10;background:#fff;border-radius:50%;transition:box-shadow .15s;position:absolute;box-shadow:0 1px 4px #00000026}._brg-handle:hover{box-shadow:0 2px 8px #6366f166}._brg-handle:active,._brg-handle--dragging{cursor:grabbing;box-shadow:0 2px 12px #6366f180}._brg-guide{background:var(--brg-primary);opacity:.2;z-index:5;pointer-events:none;position:absolute}._brg-guide--h{height:1.5px;top:0}._brg-guide--v{width:1.5px;left:0}._brg-preview-settings{align-items:center;gap:var(--main-space-4);margin-top:var(--main-space-4);padding-top:var(--main-space-4);border-top-style:solid;border-top-width:1px;border-top-color:var(--brg-border);display:flex}._brg-color-field{align-items:center;gap:var(--main-space-2);display:flex}._brg-color-label{font-size:var(--main-text-xs);color:var(--brg-text-muted);font-weight:500}._brg-color-input{border-style:solid;border-width:1.5px;border-color:var(--brg-border);border-radius:var(--brg-radius);cursor:pointer;background:0 0;width:32px;height:32px;padding:2px}._brg-color-input::-webkit-color-swatch-wrapper{padding:0}._brg-color-input::-webkit-color-swatch{border:none;border-radius:4px}._brg-color-input::-moz-color-swatch{border:none;border-radius:4px}@media (max-width:640px){._brg-preview-area{min-height:260px;padding:var(--main-space-4)}}._brg-presets-section{flex-direction:column;display:flex}._brg-presets-toggle{background:var(--brg-bg);border-style:solid;border-width:1px;border-color:var(--brg-border);border-radius:var(--brg-radius-lg);width:100%;color:var(--brg-text);font-size:var(--main-text-sm);cursor:pointer;box-shadow:var(--brg-shadow);justify-content:space-between;align-items:center;padding:.6rem .75rem;font-weight:600;transition:border-color .15s;display:flex}._brg-presets-toggle:hover{border-color:var(--brg-border-hover)}._brg-presets-toggle svg{color:var(--brg-text-muted);transition:transform .2s}._brg-presets-toggle--expanded svg{transform:rotate(180deg)}._brg-presets-grid{gap:var(--main-space-3);margin-top:var(--main-space-3);grid-template-columns:repeat(auto-fill,minmax(70px,1fr));display:grid}._brg-presets-grid--hidden{display:none}._brg-preset-item{align-items:center;gap:var(--main-space-1);padding:var(--main-space-2);background:var(--brg-bg);border-style:solid;border-width:1px;border-color:var(--brg-border);border-radius:var(--brg-radius);cursor:pointer;flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex}._brg-preset-item:hover{border-color:var(--brg-primary);box-shadow:0 0 0 2px #6366f11a}._brg-preset-shape{background:var(--brg-primary);opacity:.7;width:44px;height:44px}._brg-preset-item:hover ._brg-preset-shape{opacity:1}._brg-preset-name{color:var(--brg-text-muted);text-align:center;font-size:10px;font-weight:500;line-height:1.2}._brg-output-card{background:var(--brg-bg);border-radius:var(--brg-radius-lg);padding:var(--main-space-4);box-shadow:var(--brg-shadow);border-style:solid;border-width:1px;border-color:var(--brg-border)}._brg-output-header{margin-bottom:var(--main-space-3);justify-content:space-between;align-items:center;display:flex}._brg-output-label{font-size:var(--main-text-xs);color:var(--brg-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700}._brg-copy-btn{background:var(--brg-primary);color:#fff;border-radius:var(--brg-radius);font-size:var(--main-text-xs);cursor:pointer;border:0 solid #0000;align-items:center;gap:.375rem;padding:.35rem .75rem;font-weight:600;transition:opacity .15s;display:inline-flex}._brg-copy-btn:hover{opacity:.9}._brg-copy-btn--copied{background:var(--main-success)}._brg-code{padding:var(--main-space-3);background:var(--brg-bg-code);border-radius:var(--brg-radius);font-family:var(--main-font-mono);font-size:var(--main-text-sm);color:var(--brg-text);white-space:pre-wrap;word-break:break-all;margin:0;line-height:1.6;overflow-x:auto}._brg-nested-section{flex-direction:column;display:flex}._brg-nested-toggle{background:var(--brg-bg);border-style:solid;border-width:1px;border-color:var(--brg-border);border-radius:var(--brg-radius-lg);width:100%;color:var(--brg-text);font-size:var(--main-text-sm);cursor:pointer;box-shadow:var(--brg-shadow);justify-content:space-between;align-items:center;padding:.6rem .75rem;font-weight:600;transition:border-color .15s;display:flex}._brg-nested-toggle:hover{border-color:var(--brg-border-hover)}._brg-nested-toggle svg{color:var(--brg-text-muted);transition:transform .2s}._brg-nested-toggle--expanded svg{transform:rotate(180deg)}._brg-nested-content{margin-top:var(--main-space-3);padding:var(--main-space-4);background:var(--brg-bg);border-radius:var(--brg-radius-lg);border-style:solid;border-width:1px;border-color:var(--brg-border);box-shadow:var(--brg-shadow)}._brg-nested-content--hidden{display:none}._brg-nested-inputs{gap:var(--main-space-4);margin-bottom:var(--main-space-4);display:flex}._brg-nested-field{flex:1}._brg-nested-field label{font-size:var(--main-text-xs);color:var(--brg-text);margin-bottom:var(--main-space-2);font-weight:600;display:block}._brg-nested-input{border-style:solid;border-width:1.5px;border-color:var(--brg-border);border-radius:var(--brg-radius);width:100%;font-size:var(--main-text-sm);color:var(--brg-text);text-align:center;background:var(--brg-bg);outline:none;padding:.35rem .5rem;transition:border-color .15s}._brg-nested-input:focus{border-color:var(--brg-primary);box-shadow:0 0 0 3px #6366f11a}._brg-nested-unit{font-size:var(--main-text-xs);color:var(--brg-text-muted);margin-left:var(--main-space-1)}._brg-nested-result{align-items:center;gap:var(--main-space-5);display:flex}._brg-nested-visual{flex-shrink:0}._brg-nested-outer{border-style:dashed;border-width:2px;border-color:var(--brg-primary);background:#6366f126;justify-content:center;align-items:center;width:80px;height:80px;padding:8px;transition:border-radius .15s;display:flex}._brg-nested-inner{background:var(--brg-primary);opacity:.5;width:100%;height:100%;transition:border-radius .15s}._brg-nested-output{gap:var(--main-space-1);flex-direction:column;display:flex}._brg-nested-label{font-size:var(--main-text-xs);color:var(--brg-text-muted);font-weight:500}._brg-nested-value{font-size:var(--main-text-lg);color:var(--brg-primary);font-weight:700;font-family:var(--main-font-mono)}@media (max-width:640px){._brg-nested-inputs{gap:var(--main-space-3);flex-direction:column}}