.yqs-color-picker{position:fixed;margin:0;padding:16px;box-sizing:border-box;width:320px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #b8b8b8;border-radius:24px;background:linear-gradient(#fafaf9,#e8e7e3);color:#373737;box-shadow:0 12px 36px #0003,inset 0 1px #fff;font:13px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.yqs-color-picker::backdrop{background:transparent}.yqs-color-picker button{font:inherit;cursor:pointer}.yqs-color-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:600}.yqs-color-close{border:0;background:transparent;color:#666;font-size:22px!important;line-height:24px;width:28px;height:28px}.yqs-color-basics,.yqs-color-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));overflow:hidden;border:1px solid #ccc;border-radius:8px}.yqs-color-basics{margin-bottom:16px}.yqs-color-picker .yqs-swatch{display:block;width:100%;height:24px;min-width:0;padding:0;margin:0;border:0;border-radius:0;background:var(--swatch);position:relative}.yqs-color-picker .yqs-swatch[aria-pressed=true]:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:2px solid white;border-radius:3px;box-shadow:0 0 0 1px #222}.yqs-color-picker button:focus-visible,.yqs-color-picker input:focus-visible{outline:2px solid #007aff;outline-offset:2px;z-index:1}.yqs-color-heading{margin:14px 0 8px;font-weight:600}.yqs-color-scheme{display:flex;align-items:center;gap:8px;margin:6px 0}.yqs-color-scheme>span{width:42px;flex-shrink:0;font-size:12px;color:#666}.yqs-color-scheme>div{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));flex:1;border:1px solid #ccc;border-radius:5px;overflow:hidden}.yqs-color-custom{display:flex;align-items:center;gap:8px;margin-top:16px}.yqs-color-custom input{min-width:0;width:100%;flex:1;height:30px;box-sizing:border-box;border:1px solid #bbb;border-radius:6px;padding:4px 8px;background:#fff;color:#333;font:13px ui-monospace,monospace}.yqs-color-custom button{border:0;border-radius:7px;padding:6px 12px;background:#d5d4d0;color:#333}input[type=color]::-webkit-color-swatch-wrapper{padding:6px 8px}input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}.yqs-color-rgb{display:flex;align-items:flex-end;gap:8px;margin-top:14px}.yqs-color-rgb label{flex:1;min-width:0;font-size:12px;color:#666}.yqs-color-rgb input{display:block;box-sizing:border-box;width:100%;height:30px;margin-top:4px;padding:4px 6px;border:1px solid #bbb;border-radius:6px;background:#fff;color:#333;font:13px ui-monospace,monospace}.yqs-color-rgb button{border:0;border-radius:7px;padding:6px 12px;background:#d5d4d0;color:#333;height:30px}