.tlb-border__layout{gap:var(--space-5);flex-wrap:wrap;align-items:flex-start;display:flex}.tlb-border__workspace{border:1px solid var(--color-border);border-radius:var(--radius-md);background:repeating-conic-gradient(var(--color-bg-subtle) 0% 25%, var(--color-surface) 0% 50%) 50% / 20px 20px;flex:20rem;min-width:0;max-width:100%;display:flex;overflow:hidden}.tlb-border__canvas{max-width:100%;height:auto;margin:auto;display:block}.tlb-border__panel{gap:var(--space-4);flex-direction:column;flex:16rem;min-width:0;display:flex}.tlb-border__group{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-2);flex-direction:column;margin:0;display:flex}.tlb-border__group>legend{padding-inline:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.tlb-border__radio{align-items:center;gap:var(--space-2);min-height:var(--min-touch-target);font-size:var(--text-sm);color:var(--color-text);display:flex}.tlb-border__radio input{width:18px;height:18px;accent-color:var(--color-primary);flex-shrink:0}.tlb-border__color{align-items:center;gap:var(--space-2);display:inline-flex}.tlb-border__color input[type=color]{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:44px;height:44px;padding:0}.tlb-border__color-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase}.tlb-border__dimensions{flex-direction:column;gap:2px;display:flex}.tlb-border__panel input[type=range]{width:100%;accent-color:var(--color-primary)}@media (max-width:639px){.tlb-border__layout{flex-direction:column}.tlb-border__workspace,.tlb-border__panel{flex:100%;width:100%}}