.caps-tool,.caps-directory{box-sizing:border-box;max-width:1050px;margin:20px auto;padding:clamp(22px,4vw,46px);border-radius:24px;background:#fff;color:#12203b;box-shadow:0 18px 50px rgba(26,41,71,.06);font-family:inherit}.caps-tool *,.caps-directory *{box-sizing:border-box}.caps-tool__eyebrow{color:#6744ef;font-size:12px;font-weight:800;letter-spacing:1.4px}.caps-tool h2,.caps-directory h2{font-size:clamp(29px,3.4vw,43px);line-height:1.18;margin:13px 0}.caps-tool__header p,.caps-directory>p{font-size:17px;color:#5c6b84;line-height:1.6}.caps-upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:210px;background:#f6f7ff;border:2px dashed #98a8e8;border-radius:18px;cursor:pointer;padding:26px;transition:background .2s,border .2s}.caps-upload:hover,.caps-upload--drag{border-color:#6645e8;background:#eeecff}.caps-upload__input{position:absolute!important;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.caps-upload__icon{font-size:40px;line-height:1;color:#4540a4}.caps-upload strong{font-size:18px}.caps-upload span{color:#5c6b84}.caps-upload small{font-size:13px;color:#71809b}.caps-upload:focus-within{outline:3px solid #9683ec;outline-offset:3px}.caps-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.caps-preview__card{background:#f5f6fb;border-radius:16px;padding:15px;min-width:0}.caps-preview__card span{display:block;font-weight:750;margin-bottom:12px}.caps-preview__card img{display:block;width:100%;height:210px;object-fit:contain;border-radius:10px;background:repeating-conic-gradient(#e8eaf1 0 25%,white 0 50%) 50% / 20px 20px}.caps-preview__card small{display:block;color:#65738b;margin-top:9px}.caps-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.caps-controls label{font-size:14px;font-weight:750;display:flex;flex-direction:column;gap:9px}.caps-controls input[type=number],.caps-controls select{width:100%;height:54px;border:1px solid #d5def0;border-radius:12px;background:white;color:#12203b;padding:10px 14px;font:inherit}.caps-controls input[type=range]{width:100%;accent-color:#5545ad}.caps-controls .caps-check{flex-direction:row;align-items:center;align-self:end;min-height:54px}.caps-check input{width:18px;height:18px;accent-color:#5545ad}.caps-tool__actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.caps-tool__actions button,.caps-download{border:0!important;border-radius:12px!important;padding:14px 20px!important;background:#353c80!important;color:white!important;font-size:15px!important;font-weight:750!important;text-decoration:none!important;cursor:pointer}.caps-tool__actions button:disabled{opacity:.48;cursor:not-allowed}.caps-download{background:#087f72!important}.caps-tool__actions .caps-reset{background:#eef1fa!important;color:#303f64!important}.caps-message{min-height:1.5em;margin:13px 0;color:#4b5b76}.caps-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.caps-results>div{background:#f2f3ff;padding:15px;border-radius:12px}.caps-results span{display:block;color:#5c6b84;font-size:13px;margin-bottom:6px}.caps-results strong{font-size:19px}.caps-tool__note{font-size:13px!important;color:#65738b;line-height:1.65;margin-top:15px}.caps-directory__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.caps-directory__card{display:flex;flex-direction:column;gap:9px;padding:25px;border:1px solid #e0e5f0;border-radius:16px;text-decoration:none!important;color:#14213d!important;transition:transform .2s,border-color .2s}.caps-directory__card:hover{transform:translateY(-3px);border-color:#7560d8}.caps-directory__card strong{font-size:19px}.caps-directory__card span{font-size:14px;color:#617088}@media(max-width:650px){.caps-tool,.caps-directory{padding:22px 16px}.caps-controls,.caps-preview,.caps-directory__grid{grid-template-columns:1fr}.caps-preview__card img{height:180px}.caps-results strong{font-size:15px}.caps-results>div{padding:11px}.caps-tool__actions>*{width:100%;text-align:center}}