.p10-color-dialog{border:1px solid #dae3ef;border-radius:16px;padding:18px;width:min(330px,calc(100vw - 32px));box-sizing:border-box;font:14px Inter,Arial,sans-serif;color:#18243a;max-height:90dvh;overflow:auto}.p10-color-dialog::backdrop{background:#15233d38}.p10-color-dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.p10-color-dialog button{cursor:pointer;border:1px solid #dce4ee;background:#f5f8fc;border-radius:7px;padding:9px;font:inherit;min-height:36px}.p10-color-dialog header button{font-size:22px;width:44px;height:44px}.p10-color-dialog label{display:grid;gap:6px;margin:12px 0}.p10-color-dialog input{width:100%;box-sizing:border-box;min-height:34px}.p10-color-sv{height:165px;position:relative;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);touch-action:none;border-radius:8px;cursor:crosshair}.p10-color-sv i{position:absolute;width:12px;height:12px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0008;pointer-events:none}.p10-swatches{display:flex;flex-wrap:wrap;gap:7px}.p10-swatches button{width:27px;min-height:27px;padding:0;border:1px solid #c8d0dc}.p10-color-actions{display:flex;flex-wrap:wrap;gap:6px}.p10-color-dialog [role=status]{font-size:12px;min-height:16px;color:#735125}.p10-color-actions [data-apply]{background:#155dfb;color:white}.p10-color-trigger{display:flex;gap:8px;align-items:center;min-height:36px;width:100%;text-align:left}.p10-color-trigger i{width:22px;height:22px;border-radius:4px;border:1px solid #aab6c8;flex-shrink:0}.p10-border{grid-column:1/-1;border-top:1px solid #e2e8f0;padding-top:12px}.p10-border h4{margin:8px 0}.p10-border .p10-pair{display:grid;grid-template-columns:1fr 66px;gap:6px;align-items:center}.p10-border input[type=range]{min-width:0;width:100%}.p10-border input[type=number]{min-width:0;width:100%;box-sizing:border-box}.p10-border .p10-presets{display:flex;gap:5px;flex-wrap:wrap}.p10-border details{margin:10px 0}.p10-border label{font-size:12px;display:grid;gap:5px;margin:10px 0}
