@import url('/assets/css/main.css');

.out-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}
.out-row:last-child{border-bottom:none}
.out-label{font-weight:600;font-size:.92rem}
.out-note{font-weight:400;font-size:.78rem;color:var(--muted-2)}
.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;color:var(--primary);font-size:.95rem;word-break:break-all}
.copy-btn{flex:0 0 auto}

.picker-preview{height:90px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:1.2rem 0;border:1px solid var(--line)}
.picker-preview span{font-family:var(--font-head);font-size:1.3rem;font-weight:700;letter-spacing:.05em}
input[type=range]{width:100%;accent-color:var(--primary)}