#cci-tool-wrap *,#cci-tool-wrap *::before,#cci-tool-wrap *::after{box-sizing:border-box}#cci-tool-wrap .cci-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}@media (max-width:700px){#cci-tool-wrap .cci-grid{grid-template-columns:1fr}}#cci-tool-wrap .cci-panel{background:#fff;border:1px solid #e2e2e2;border-radius:12px;overflow:hidden}#cci-tool-wrap .cci-panel-head{padding:12px 18px;border-bottom:1px solid #e2e2e2;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#555;display:flex;align-items:center;gap:8px}#cci-tool-wrap .cci-panel-head::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--cci-accent,#6c63ff);flex-shrink:0}#cci-tool-wrap .cci-upload{padding:40px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;cursor:pointer;transition:background 0.2s;text-align:center}#cci-tool-wrap .cci-upload:hover,#cci-tool-wrap .cci-upload.drag-over{background:#f5f3ff}#cci-tool-wrap .cci-upload-icon{font-size:40px;margin-bottom:16px;opacity:.6}#cci-tool-wrap .cci-upload-title{font-size:1rem;font-weight:600;color:#222;margin-bottom:6px}#cci-tool-wrap .cci-upload-sub{font-size:.83rem;color:#888;margin-bottom:20px;line-height:1.5}#cci-tool-wrap .cci-btn-upload{background:var(--cci-accent,#6c63ff);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity 0.15s}#cci-tool-wrap .cci-btn-upload:hover{opacity:.88}#cci-tool-wrap .cci-formats{font-size:.7rem;color:#bbb;margin-top:10px;letter-spacing:.04em}#cci-tool-wrap .cci-controls{padding:14px 18px;border-top:1px solid #e2e2e2;display:flex;flex-direction:column;gap:12px}#cci-tool-wrap .cci-ctrl-row{display:flex;align-items:center;gap:10px}#cci-tool-wrap .cci-ctrl-label{font-size:.76rem;color:#666;font-weight:500;width:72px;flex-shrink:0}#cci-tool-wrap input[type="range"].cci-range{flex:1;-webkit-appearance:none;height:4px;background:#e0dffe;border-radius:4px;outline:none;border:none;padding:0;margin:0;box-shadow:none}#cci-tool-wrap input[type="range"].cci-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--cci-accent,#6c63ff);cursor:pointer;border:2px solid #fff;box-shadow:0 0 0 2px rgb(108 99 255 / .3)}#cci-tool-wrap input[type="range"].cci-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--cci-accent,#6c63ff);cursor:pointer;border:2px solid #fff}#cci-tool-wrap .cci-val{font-size:.72rem;color:#444;background:#f3f3f3;border:1px solid #e2e2e2;border-radius:5px;padding:2px 7px;min-width:40px;text-align:center;font-variant-numeric:tabular-nums}#cci-tool-wrap .cci-btn-row{display:flex;gap:8px;margin-top:2px}#cci-tool-wrap .cci-btn{flex:1;padding:10px 12px;border-radius:8px;border:none;font-size:.84rem;font-weight:600;cursor:pointer;transition:all 0.15s;line-height:1.2}#cci-tool-wrap .cci-btn-crop{background:var(--cci-accent,#6c63ff);color:#fff}#cci-tool-wrap .cci-btn-crop:hover{opacity:.88}#cci-tool-wrap .cci-btn-reset{background:#f3f3f3;border:1px solid #e2e2e2;color:#666}#cci-tool-wrap .cci-btn-reset:hover{border-color:var(--cci-accent,#6c63ff);color:var(--cci-accent,#6c63ff)}#cci-tool-wrap .cci-options-body{padding:16px 18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:480px){#cci-tool-wrap .cci-options-body{grid-template-columns:1fr}}#cci-tool-wrap .cci-opt-label{font-size:.72rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px}#cci-tool-wrap .cci-shape-btns{display:flex;gap:5px}#cci-tool-wrap .cci-shape-btn{flex:1;padding:6px 4px;background:#f7f7f7;border:1px solid #e2e2e2;border-radius:7px;color:#666;font-size:.7rem;font-weight:600;cursor:pointer;transition:all 0.15s;text-align:center;line-height:1.3}#cci-tool-wrap .cci-shape-btn.active,#cci-tool-wrap .cci-shape-btn:hover{border-color:var(--cci-accent,#6c63ff);color:var(--cci-accent,#6c63ff);background:#f0eeff}#cci-tool-wrap .cci-swatches{display:flex;gap:6px;flex-wrap:wrap;align-items:center}#cci-tool-wrap .cci-swatch{width:22px;height:22px;border-radius:50%;cursor:pointer;border:2px solid #fff0;transition:transform 0.15s,border-color 0.15s;flex-shrink:0}#cci-tool-wrap .cci-swatch:hover{transform:scale(1.2)}#cci-tool-wrap .cci-swatch.active{border-color:#333!important}#cci-tool-wrap .cci-swatch-transparent{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:7px 7px;background-position:0 0,0 3.5px,3.5px -3.5px,-3.5px 0;background-color:#fff}#cci-tool-wrap input[type="color"].cci-custom-color{width:22px;height:22px;border-radius:50%;border:2px solid #e2e2e2;padding:0;cursor:pointer;background:none;flex-shrink:0}#cci-tool-wrap select.cci-select{width:100%;background:#f7f7f7;border:1px solid #e2e2e2;color:#333;padding:7px 28px 7px 10px;border-radius:7px;font-size:.8rem;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}#cci-tool-wrap .cci-output-body{padding:28px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}#cci-tool-wrap .cci-placeholder{color:#bbb;display:flex;flex-direction:column;align-items:center;gap:10px}#cci-tool-wrap .cci-placeholder-circle{width:90px;height:90px;border-radius:50%;border:2px dashed #ddd;display:flex;align-items:center;justify-content:center;font-size:28px;animation:cci-spin 14s linear infinite}@keyframes cci-spin{to{transform:rotate(360deg)}}#cci-tool-wrap .cci-placeholder p{font-size:.82rem;line-height:1.5}#cci-tool-wrap .cci-result-wrap{display:inline-block;border-radius:50%;overflow:hidden;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0;background-color:#f7f7f7;margin-bottom:16px;box-shadow:0 4px 24px rgb(108 99 255 / .15)}#cci-tool-wrap .cci-result-wrap.shape-rounded{border-radius:18%}#cci-tool-wrap .cci-result-wrap.shape-square{border-radius:0}#cci-tool-wrap #cci-result-img.shape-rounded{border-radius:18%}#cci-tool-wrap #cci-result-img.shape-square{border-radius:0}#cci-tool-wrap .cci-result-info{font-size:.78rem;color:#888;margin-bottom:14px}#cci-tool-wrap .cci-result-info strong{color:#444}#cci-tool-wrap .cci-btn-download{display:block;width:100%;max-width:220px;padding:11px 0;background:#28a745;color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background 0.15s;margin:0 auto;line-height:1.2}#cci-tool-wrap .cci-btn-download:hover{background:#218838}#cci-tool-wrap .cci-btn-new{display:block;width:100%;max-width:220px;padding:9px 0;background:#fff;color:#888;border:1px solid #e2e2e2;border-radius:8px;font-size:.83rem;font-weight:600;cursor:pointer;transition:all 0.15s;margin:8px auto 0;line-height:1.2}#cci-tool-wrap .cci-btn-new:hover{border-color:var(--cci-accent,#6c63ff);color:var(--cci-accent,#6c63ff)}.cci-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#28a745;color:#fff;padding:10px 22px;border-radius:50px;font-size:.83rem;font-weight:600;z-index:99999;opacity:0;pointer-events:none;transition:opacity 0.3s;white-space:nowrap}.cci-toast.show{opacity:1}