body{background-color:var(--bs-body-bg)}.metric-label{font-size:0.65rem}.dashboard-card{background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:15px;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075)}[data-bs-theme="dark"] .dashboard-card{background:var(--bs-tertiary-bg)}.input-label{font-weight:600;color:var(--bs-secondary-color);margin-bottom:0.5rem;display:block}.swap-container{display:flex;align-items:center;justify-content:center}.btn-swap-circular{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bs-body-bg);border:1px solid var(--bs-primary);color:var(--bs-primary);transition:all 0.2s ease;padding:0}[data-bs-theme="dark"] .btn-swap-circular{background:var(--bs-tertiary-bg)}.btn-swap-circular:hover{background:var(--bs-primary);color:#fff}.result-box{border:2px dashed var(--bs-border-color);border-radius:10px;padding:1.5rem;min-height:200px;background:var(--bs-body-bg);display:flex;align-items:center;justify-content:center}[data-bs-theme="dark"] .result-box{background:var(--bs-tertiary-bg);border-color:var(--bs-border-color-translucent)}.output-value{white-space:pre-wrap;word-break:break-all;font-family:'JetBrains Mono','Fira Code',var(--bs-font-monospace);font-size:1.1rem;color:var(--bs-primary);line-height:1.6;width:100%}.placeholder-text{font-size:1.1rem;color:var(--bs-secondary-color);text-align:center}.converter-panel{background:rgba(255,255,255,0.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.3);border-radius:1.5rem;display:flex;flex-direction:column;overflow:hidden;transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.3s ease;box-shadow:0 10px 30px rgba(0,0,0,0.05)}[data-bs-theme="dark"] .converter-panel{background:rgba(33,37,41,0.6);border:1px solid rgba(255,255,255,0.1);box-shadow:0 10px 30px rgba(0,0,0,0.2)}.converter-panel:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,0.1)}.panel-header{padding:1.5rem;border-bottom:1px solid rgba(0,0,0,0.05);display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,0.3)}[data-bs-theme="dark"] .panel-header{border-bottom:1px solid rgba(255,255,255,0.05);background:rgba(0,0,0,0.1)}.panel-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-right:1rem}.panel-title{font-weight:700;margin-bottom:0;font-size:1.1rem;letter-spacing:-0.01em}.panel-subtitle{font-size:0.85rem;color:var(--bs-secondary-color);margin-bottom:0}.btn-clear,.btn-copy{background:none;border:none;color:var(--bs-secondary-color);padding:0.5rem;border-radius:8px;transition:all 0.2s ease;cursor:pointer}.btn-clear:hover{color:var(--bs-danger);background:rgba(220,53,69,0.1)}.btn-copy:hover{color:var(--bs-primary);background:rgba(13,110,253,0.1)}.panel-textarea{width:100%;min-height:200px;padding:1rem;border:1px solid var(--bs-border-color);border-radius:8px;background:var(--bs-body-bg);font-family:'JetBrains Mono','Fira Code',var(--bs-font-monospace);font-size:1.1rem;resize:none;color:var(--bs-emphasis-color);line-height:1.6}[data-bs-theme="dark"] .panel-textarea{background:var(--bs-tertiary-bg)}.panel-textarea:focus{outline:none;border-color:var(--bs-primary);box-shadow:0 0 0 0.2rem rgba(13,110,253,0.25)}.panel-display{flex:1;min-height:250px;padding:1.5rem;overflow-y:auto;background:rgba(0,0,0,0.02)}[data-bs-theme="dark"] .panel-display{background:rgba(255,255,255,0.02)}.panel-footer{padding:1rem 1.5rem;background:rgba(255,255,255,0.2);border-top:1px solid rgba(0,0,0,0.05)}[data-bs-theme="dark"] .panel-footer{background:rgba(0,0,0,0.1);border-top:1px solid rgba(255,255,255,0.05)}.btn-action{background:var(--bs-secondary-bg);border:1px solid var(--bs-border-color);color:var(--bs-secondary-color);padding:0.4rem 1.25rem;border-radius:100px;font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;transition:all 0.2s ease}.btn-action.active{background:var(--bs-primary);border-color:var(--bs-primary);color:white}.btn-pill{border-radius:100px;padding-left:1.5rem;padding-right:1.5rem}@media (max-width:991px){.panel-textarea,.panel-display{min-height:200px}.swap-container{padding:1rem 0}}.custom-picker{width:100%;user-select:none;background:var(--bs-body-bg);border:1px solid var(--bs-border-color)}[data-bs-theme="dark"] .custom-picker{background:#2b3035;border:1px solid rgba(255,255,255,0.1)}.saturation-map{width:100%;height:180px;position:relative;overflow:hidden;cursor:crosshair}.saturation-white{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.saturation-black{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,0),#000)}.map-pointer{width:12px;height:12px;border:2px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 4px rgba(0,0,0,0.4);pointer-events:none;z-index:2}.hue-slider{width:100%;height:16px;position:relative;background:linear-gradient(to right,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);cursor:pointer}.hue-pointer{width:6px;height:100%;background:#fff;border-radius:2px;position:absolute;top:0;transform:translateX(-50%);box-shadow:0 0 2px rgba(0,0,0,0.5);pointer-events:none;z-index:2}