.photo-color-tool{padding:22px;border:1px solid #e1e6db;background:#f7f8f4}.photo-color-tool fieldset{border:0;padding:0;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:12px 18px}.photo-color-tool legend{font-size:12px;margin-bottom:12px}.photo-color-tool label{font-size:12px;display:flex;gap:6px;align-items:center}.photo-color-card{padding:27px;max-width:460px;background:#EDE3D9;color:#212613;border-radius:4px}.photo-color-card small{font-size:10px;letter-spacing:1px}.photo-color-card>strong{display:block;font:30px/1.2 Georgia,serif;margin:20px 0 12px}.photo-color-card>p{font-size:13px}.subject-marker{position:relative;width:130px;height:110px;margin-top:24px}.subject-marker>span{display:block;width:100px;height:100px;border-radius:50%;background:#CF925B}.subject-marker>i{position:absolute;width:50px;height:50px;bottom:0;right:0;border-radius:50%;background:#B87B76;border:5px solid #EDE3D9}.subject-tab{display:inline-block;padding:9px 12px;font-size:12px;background:#4B4F27;color:#EDE3D9}.photo-color-card[data-emphasis=setting]{background:#4B4F27;color:#EDE3D9}.photo-color-card[data-emphasis=setting] .subject-tab{background:#EDE3D9;color:#212613}.photo-color-card[data-emphasis=setting] .subject-marker>i{border-color:#4B4F27}.photo-color-card[data-emphasis=detail]{background:#B87B76;color:#212613}.photo-color-card[data-emphasis=detail] .subject-marker>i{background:#4B4F27;border-color:#B87B76}.photo-color-tool .learn-note{margin:16px 0 0}.photo-color-tool input:focus-visible{outline:2px solid #4B4F27;outline-offset:3px}@media(max-width:759px){.photo-color-tool{padding:16px}.photo-color-card{padding:22px}.photo-color-card>strong{font-size:27px}}