.control-btn{width:40px;height:40px;background:var(--icon-bg-start);background:radial-gradient(circle,var(--icon-bg-start) 0,var(--icon-bg-mid) 35%,var(--icon-bg-end) 100%);border-radius:10px;color:white;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;border:none}.control-btn-group{display:flex;gap:8px;background:transparent!important}.icon{width:48px;height:48px;background:var(--icon-bg-start);background:radial-gradient(circle,var(--icon-bg-start) 0,var(--icon-bg-mid) 35%,var(--icon-bg-end) 100%);border-radius:10px;color:white;cursor:pointer;transition:all .3s ease}.icon:hover{transform:scale(1.1)}.color-picker-popup{width:250px}:root{--text-color:#E6F7FF;--bg-gradient-start:#3BA8E4;--bg-gradient-mid:#0d9fcf;--bg-gradient-end:#00D4FF;--icon-bg-start:rgba(30,36,36,1);--icon-bg-mid:rgba(40,43,43,1);--icon-bg-end:rgba(43,48,48,1)}.dark{--text-color:#f0f0f0;--bg-gradient-start:#1a1a2e;--bg-gradient-mid:#16213e;--bg-gradient-end:#0f3460;--icon-bg-start:rgba(60,60,60,1);--icon-bg-mid:rgba(80,80,80,1);--icon-bg-end:rgba(100,100,100,1)}body{font-family:var(--Vazir);height:100vh;margin:0;color:var(--text-color);background:linear-gradient(270deg,var(--bg-gradient-start),var(--bg-gradient-mid),var(--bg-gradient-end));background-size:600% 600%;animation:gradientShift 15s ease infinite;transition:background .5s ease}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.box{max-width:600px;width:100%}.text-container{position:relative;min-height:120px}.spinner{display:flex;justify-content:center;align-items:center;height:40px}