.loft-image-border-frame__label{display:block;font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-family:var(--font-ui);margin-bottom:6px}.loft-image-border-frame__input{width:100%;background:var(--color-overlay-faint);border:1px solid var(--color-overlay-medium);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-primary);font-size:.95rem;outline:none;font-family:var(--font-ui);transition:border-color var(--duration-base)}.loft-image-border-frame__input:focus{border-color:var(--border-glow)}.loft-image-border-frame__range{width:100%;accent-color:var(--accent-violet);cursor:pointer}.loft-image-border-frame__field{display:flex;flex-direction:column;gap:4px;min-width:0}.loft-image-border-frame__file-row{display:flex;align-items:center;gap:10px;background:var(--color-overlay-faint);border:1px solid var(--color-overlay-medium);border-radius:var(--radius-md);padding:10px 12px;font-size:.85rem;color:var(--text-secondary)}.loft-image-border-frame__file-row>i:first-child{color:var(--accent-violet);font-size:1.2rem}.loft-image-border-frame__file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loft-image-border-frame__remove{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;transition:all var(--duration-base)}.loft-image-border-frame__remove:hover{color:var(--accent-violet);background:var(--color-overlay-faint);border-color:var(--color-overlay-medium)}.loft-image-border-frame__error{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#fca5a5;border-radius:var(--radius-md);padding:10px 12px;font-size:.85rem}.loft-image-border-frame__color-row{display:flex;flex-wrap:wrap;gap:10px}.loft-image-border-frame__color-field{flex:1 1 140px;min-width:0;display:block}.loft-image-border-frame__color-wrap{display:flex;align-items:center;gap:8px;background:var(--color-overlay-faint);border:1px solid var(--color-overlay-medium);border-radius:var(--radius-md);padding:6px 10px;transition:border-color var(--duration-base)}.loft-image-border-frame__color-wrap:focus-within{border-color:var(--border-glow)}.loft-image-border-frame__color-input{width:28px;height:28px;border:none;border-radius:4px;cursor:pointer;background:none;padding:0;flex-shrink:0}.loft-image-border-frame__color-input::-webkit-color-swatch-wrapper{padding:0}.loft-image-border-frame__color-input::-webkit-color-swatch{border:1px solid rgba(255,255,255,.12);border-radius:4px}.loft-image-border-frame__color-hex{font-size:.78rem;font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loft-image-border-frame__width-row{display:flex;align-items:flex-end;gap:8px}.loft-image-border-frame__width-main{flex:1;min-width:0}.loft-image-border-frame__width-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}.loft-image-border-frame__lock{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-overlay-faint);border:1px solid var(--color-overlay-medium);color:var(--text-muted);font-size:1rem;cursor:pointer;transition:all var(--duration-base);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:inherit}.loft-image-border-frame__lock--active{color:var(--accent-cyan);border-color:var(--glow-cyan);background:var(--color-cyan-bg-faint)}.loft-image-border-frame__canvas-wrap{width:100%;min-height:280px;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,rgba(255,255,255,.02) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.02) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.02) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.02) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px}.loft-image-border-frame__canvas{max-width:100%;max-height:70vh;width:auto;height:auto;display:block}.loft-image-border-frame__btn-primary,.loft-image-border-frame__btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--duration-base)}.loft-image-border-frame__btn-primary{background:var(--accent-violet);color:#fff}.loft-image-border-frame__btn-primary:hover:not(:disabled){filter:brightness(1.1)}.loft-image-border-frame__btn-primary:disabled{opacity:.5;cursor:not-allowed}.loft-image-border-frame__btn-secondary{background:var(--color-overlay-faint);border-color:var(--color-overlay-medium);color:var(--text-secondary)}.loft-image-border-frame__btn-secondary:hover:not(:disabled){background:var(--color-overlay-medium);color:var(--text-primary)}.loft-image-border-frame__btn-secondary:disabled{opacity:.4;cursor:not-allowed}