.ag-wish-colors,.ag-wish-colors *{box-sizing:border-box}
.ag-wish-colors{margin:20px 0;padding:18px 0;border-block:1px solid #e5e5e5;color:#121212;letter-spacing:0}
.ag-wish-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.ag-wish-title{font-size:15px;font-weight:600;line-height:1.4;margin-bottom:4px}
.ag-wish-subtitle,.ag-wish-status{font-size:13px;line-height:1.5;color:#666}
.ag-surprise,.ag-color-btn{appearance:none;box-sizing:border-box;border:1px solid #d8d8d8;border-radius:6px;background:#fff;color:#121212;font:inherit;cursor:pointer;touch-action:manipulation;display:flex;align-items:center;justify-content:center}
.ag-surprise{gap:6px;padding:10px 14px;min-height:44px;font-size:14px;white-space:nowrap}
.ag-surprise.is-active,.ag-color-btn.is-selected{background:#f7f7f7;border-color:#121212;box-shadow:inset 0 0 0 1px #121212;font-weight:600}
.ag-check{font-size:13px}.ag-surprise:not(.is-active) .ag-check{visibility:hidden}
.ag-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ag-color-btn{position:relative;min-height:64px;padding:9px 8px;flex-direction:column;gap:7px;font-size:13px;user-select:none}
.ag-color-btn.is-selected::after{content:"✓";position:absolute;right:5px;top:3px;font-size:12px;font-weight:600;color:#121212}
.ag-dot{display:block;width:23px;height:23px;border-radius:50%;background:var(--ag-color);border:1px solid rgba(0,0,0,.18);flex:0 0 auto}
.ag-dot-white{border-color:#aaa}
.ag-wish-status{margin-top:10px}.ag-wish-status:empty{display:none}.ag-wish-status.is-error{color:#a02b28}
.ag-surprise:focus-visible,.ag-color-btn:focus-visible{outline:2px solid #121212;outline-offset:3px}
.ag-style-note{margin:16px 0}
.ag-style-note__label{display:block;margin-bottom:7px;font-size:14px;font-weight:500;color:#121212}
.ag-style-note__input{width:100%;min-height:46px;padding:10px 12px;border:1px solid #d8d8d8;border-radius:6px;background:#fff;color:#121212;font:inherit;font-size:16px;line-height:1.4;appearance:none;box-sizing:border-box}
.ag-style-note__input::placeholder{color:#6b6b6b;opacity:1}
.ag-style-note__input:focus-visible{outline:2px solid #121212;outline-offset:3px}
@media(max-width:749px){.ag-wish-header{flex-direction:column;gap:12px}.ag-surprise{width:100%}.ag-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ag-color-btn{min-height:48px;flex-direction:row;justify-content:flex-start;gap:10px;padding:10px 12px;font-size:14px}.ag-dot{width:21px;height:21px}}