#gxtools-gamut{font-family:Inter,system-ui,Arial,sans-serif;color:#10283c;max-width:1560px;margin:auto;line-height:1.55}
#gxtools-gamut *{box-sizing:border-box}
#gxtools-gamut .gxge-hero{background:radial-gradient(circle at 85% 10%,#145575 0%,transparent 42%),linear-gradient(125deg,#07172a,#0c2d43);color:white;border-radius:22px;padding:clamp(28px,5vw,66px);margin-bottom:18px}
#gxtools-gamut .gxge-eyebrow,#gxtools-gamut .gxge-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;color:#20c8ed}
#gxtools-gamut h1{font-size:clamp(34px,5vw,62px);line-height:1.04;margin:18px 0;font-weight:850;color:white}
#gxtools-gamut h1 span{color:#46d5ef}
#gxtools-gamut .gxge-hero p{font-size:17px;max-width:950px;color:#d5e8f2}
#gxtools-gamut .gxge-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
#gxtools-gamut .gxge-tags span{border:1px solid #3a6b81;background:#14384d;border-radius:999px;padding:8px 14px;font-size:12px}
#gxtools-gamut .gxge-layout{display:grid;grid-template-columns:minmax(290px,340px) minmax(0,1fr);gap:16px}
#gxtools-gamut .gxge-panel{border:1px solid #dce7ee;border-radius:17px;background:#fff;padding:24px;margin-bottom:16px;box-shadow:0 10px 30px #09243b0b}
#gxtools-gamut .gxge-controls h2,#gxtools-gamut .gxge-report h2{font-size:22px;color:#0c243a;margin:8px 0 20px}
#gxtools-gamut .gxge-layer{display:flex;align-items:center;gap:10px;border:1px solid #e2eaf0;border-radius:11px;padding:12px;margin-bottom:9px;font-size:13px;background:#fff}
#gxtools-gamut .gxge-layer input{width:16px;height:16px;accent-color:#008aaf;flex-shrink:0}
#gxtools-gamut .gxge-layertext{flex:1;font-weight:700;min-width:0}
#gxtools-gamut .gxge-layertext small{display:block;font-weight:400;color:#637d90}
#gxtools-gamut .gxge-dot{width:11px;height:11px;display:inline-block;border-radius:50%;flex-shrink:0}
#gxtools-gamut .gxge-remove{border:none;background:#eff5f8;color:#4f6d82;width:28px;height:28px;border-radius:999px;font-size:18px;line-height:1;font-weight:700;padding:0}
#gxtools-gamut .gxge-remove:hover{background:#d9ecf3;color:#0b334b}
#gxtools-gamut .gxge-file{display:block;padding:16px;background:#eff9fc;border:1px dashed #5aabc6;border-radius:10px;margin:18px 0 10px;font-weight:700;font-size:13px}
#gxtools-gamut .gxge-file input{display:block;width:100%;max-width:100%;margin:10px 0;font-size:12px}
#gxtools-gamut .gxge-file small,#gxtools-gamut .gxge-small{font-size:11px;line-height:1.5;color:#57748b;font-weight:400}
#gxtools-gamut .gxge-minirow{display:grid;grid-template-columns:1fr;gap:8px}
#gxtools-gamut .gxge-spaced{margin:24px 0 12px}
#gxtools-gamut .gxge-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0 18px}
#gxtools-gamut button{cursor:pointer;border:1px solid #bed6e1;border-radius:9px;background:#e9f4f7;color:#0b334b;padding:10px 12px;font-size:13px;font-weight:750}
#gxtools-gamut button.active,#gxtools-gamut button.gxge-mainbtn{background:#087fa4;color:white;border-color:#087fa4}
#gxtools-gamut button.gxge-mainbtn,#gxtools-gamut button.gxge-neutral{display:block;width:100%;margin:10px 0}
#gxtools-gamut .gxge-controls>label:not(.gxge-file){font-size:12px;font-weight:700;display:block;margin:16px 0}
#gxtools-gamut input[type=range],#gxtools-gamut select{display:block;width:100%;margin-top:9px;accent-color:#087fa4}
#gxtools-gamut .gxge-view{background:#0c2034;padding:18px;color:#eef8ff;min-width:0}
#gxtools-gamut .gxge-viewhead{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:6px 10px 14px}
#gxtools-gamut .gxge-view h2{color:white;font-size:18px;margin:4px 0}
#gxtools-gamut #gxge-point-count{font-size:12px;color:#a4c6d7}
#gxtools-gamut canvas{display:block;width:100%;height:auto;touch-action:none;border:1px solid #1d455b;border-radius:12px;cursor:crosshair;background:#081b30}
#gxtools-gamut .gxge-hint{font-size:11px;color:#a9c4d5;padding:10px}
#gxtools-gamut .gxge-inspect{border-radius:10px;background:#153a50;padding:13px;font-size:13px;min-height:48px}
#gxtools-gamut .gxge-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:20px 0}
#gxtools-gamut .gxge-stats article{background:#f0f7f9;border:1px solid #dceaf0;padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:4px}
#gxtools-gamut .gxge-stats b{font-size:13px}
#gxtools-gamut .gxge-stats strong{font-size:22px;color:#087fa4}
#gxtools-gamut .gxge-stats small{font-size:11px;color:#5d788b}
#gxtools-gamut .gxge-report h3{margin:22px 0 8px;font-size:18px}
#gxtools-gamut .gxge-report p{font-size:14px;color:#496579}
#gxtools-gamut .gxge-guide{border-left:4px solid #00a9d5;background:#edf8fa;padding:18px;border-radius:7px;color:#183b50}
@media(max-width:900px){#gxtools-gamut .gxge-layout{grid-template-columns:1fr}#gxtools-gamut .gxge-panel{padding:16px}}
@media print{body *{visibility:hidden!important}#gxtools-gamut,#gxtools-gamut *{visibility:visible!important}#gxtools-gamut{position:absolute;left:0;top:0;width:100%;font-size:11px}#gxtools-gamut .gxge-controls,#gxtools-gamut .gxge-tags,#gxtools-gamut .gxge-hint{display:none!important}#gxtools-gamut .gxge-layout{display:block}#gxtools-gamut .gxge-hero{padding:12px;background:white!important;color:#0c2236!important}#gxtools-gamut .gxge-hero h1,#gxtools-gamut .gxge-hero p{color:#0c2236!important}#gxtools-gamut .gxge-panel{box-shadow:none;break-inside:avoid}#gxtools-gamut .gxge-view{background:#0b2033!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}

#gxtools-gamut .gxge-layer{display:block}
#gxtools-gamut .gxge-layer-head{display:flex;align-items:center;gap:9px}
#gxtools-gamut .gxge-layer-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px;gap:7px;margin-top:9px;border-top:1px solid #e7eef3;padding-top:9px}
#gxtools-gamut .gxge-layer-settings label{font-size:10px;color:#58748a;font-weight:600;min-width:0}
#gxtools-gamut .gxge-layer-settings select{padding:4px;font-size:10px;max-width:100%}
#gxtools-gamut .gxge-layer-settings input[type=range]{width:100%;margin-top:8px}
#gxtools-gamut .gxge-layer-settings input[type=color]{width:36px;height:27px;padding:1px;border:1px solid #ccdae3;border-radius:5px;margin-top:6px}
#gxtools-gamut select:disabled{opacity:.5;cursor:not-allowed}