/* A compact color-value lighting studio, opened only on request. */
.value-studio-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;margin:7px 0 3px;padding:7px 9px;border:1px solid #957b55;border-radius:6px;background:linear-gradient(#3a3228,#211f1b);box-shadow:inset 0 1px 0 #f4dcb433,0 2px 4px #0007;color:#f1ddbb;font-size:.72rem;cursor:pointer}
.value-studio-trigger span{font-size:.63rem;color:#c8b38f}.value-studio-trigger:hover{filter:brightness(1.13)}
.value-studio{position:fixed;inset:0;margin:auto;width:min(94vw,540px);max-width:none;max-height:min(90dvh,760px);padding:0 18px 18px;overflow:auto;border:1px solid #9f8661;border-radius:11px;background:radial-gradient(ellipse 150px 120px at 50% 0,#f4e0b71a,transparent 95%),linear-gradient(145deg,#292824,#181918 60%,#26241f);box-shadow:inset 0 1px 0 #f6d9a13d,inset 0 -3px 0 #090909,0 24px 90px #000e;color:#f1e6d0;direction:rtl}
.value-studio::backdrop{background:#080807a8;backdrop-filter:blur(2px)}
.value-studio-header{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:68px;border-bottom:1px solid #8d785855;margin-bottom:13px}
.value-studio h2{margin:8px 0 0;font-size:1.07rem;font-weight:600}.value-studio h2 small{display:inline-block;margin-inline-start:7px;color:#c3ae89;font-size:.69rem;font-weight:400}
#close-value-studio{width:28px;height:28px;border:1px solid #7e715b;border-radius:5px;background:#24231f;color:#e7d6b8;font-size:20px;line-height:20px;cursor:pointer}
.value-advice{min-height:60px;display:flex;align-items:center;justify-content:center;padding:10px 12px;border:1px solid #a18a635e;border-radius:7px;background:linear-gradient(#51443577,#2a2926);font-size:.81rem;line-height:1.7;text-align:center}
.value-comparison{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.value-comparison>div{display:grid;gap:5px;font-size:.7rem;color:#d8c9ae}
.value-comparison i{display:block;height:48px;border:2px solid #8a785f;border-radius:5px;box-shadow:inset 0 3px 7px #0004,0 2px 5px #0007}
.value-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:13px 0}
.value-actions button{min-height:42px;padding:5px 3px;border:1px solid #8f7c5e;border-radius:6px;background:linear-gradient(#4b4438,#302f2a);color:#f1e3cb;font-size:.7rem;cursor:pointer}
.value-actions button:nth-child(-n+2){background:linear-gradient(#746754,#444237)}.value-actions button[aria-pressed=true]{border-color:#f8df9e;box-shadow:inset 0 0 0 1px #c9aa68,0 0 10px #e7cc7955;color:#fff}
.value-studio h3{margin:14px 0 7px;font-size:.82rem;font-weight:500;color:#eeddbd}.value-knives{display:grid;gap:5px}
.value-knife{display:grid;grid-template-columns:minmax(0,1fr) 48px 190px;align-items:center;gap:5px;min-height:38px;padding:2px 6px;border:1px solid #76695136;border-radius:5px;background:#ffffff09;font-size:.7rem}
.value-knife-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.value-knife-percent{font-variant-numeric:tabular-nums;color:#ead7ad;text-align:center}.value-knife svg{display:block;width:100%;height:32px;overflow:visible;filter:drop-shadow(1px 2px 2px #0009)}
.value-note{margin:12px 0 0;font-size:.65rem;line-height:1.6;color:#c7b89e}
@media(max-width:550px){.value-studio{padding:0 11px 14px}.value-knife{grid-template-columns:minmax(0,1fr) 40px 145px;font-size:.61rem}.value-actions{gap:4px}.value-actions button{font-size:.63rem}.value-studio h2 small{font-size:.6rem}}
@media(max-width:380px){.value-knife{grid-template-columns:minmax(0,1fr) 38px 110px}.value-comparison i{height:36px}}