.card{background:var(--card);border-radius:var(--radius);box-shadow:0 1px 6px #00000012;padding:16px;margin-bottom:16px}.clip-card{padding:16px}.clip-shape-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:var(--card);border-radius:12px;padding:4px;gap:4px;box-shadow:var(--shadow);margin-bottom:12px}.clip-shape-tab{padding:6px 0;border:none;border-radius:8px;background:transparent;color:var(--sub);font-size:13px;font-weight:600;cursor:pointer;font-family:Menlo,Consolas,monospace;transition:background .15s,color .15s}.clip-shape-tab.active{background:var(--primary);color:#fff}.clip-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}@media(max-width:720px){.clip-grid{grid-template-columns:1fr;gap:14px}}.clip-left{display:flex;flex-direction:column;gap:10px;min-width:0}.clip-right{display:flex;flex-direction:column;gap:14px;min-width:0}.clip-preview-area{position:relative;aspect-ratio:1;max-width:320px;align-self:center;width:100%;background:linear-gradient(45deg,var(--card-alt) 25%,transparent 25%),linear-gradient(-45deg,var(--card-alt) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--card-alt) 75%),linear-gradient(-45deg,transparent 75%,var(--card-alt) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;border:1px solid var(--border);border-radius:12px;overflow:visible}.clip-ghost{position:absolute;inset:0;background:linear-gradient(135deg,var(--primary),var(--primary-end));opacity:.15;border-radius:11px}.clip-clipped{position:absolute;inset:0;background:linear-gradient(135deg,var(--primary),var(--primary-end));transition:clip-path .12s ease-out}.clip-handles{position:absolute;inset:0;touch-action:none}.clip-handle{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;border:2.5px solid var(--primary);box-shadow:0 2px 5px #0000004d;transform:translate(-50%,-50%);cursor:grab;z-index:2;touch-action:none}.clip-handle:active{cursor:grabbing}.clip-handle.selected{background:var(--primary);transform:translate(-50%,-50%) scale(1.3)}.clip-handle.clip-handle-center{border-color:#ff6b6b}.clip-handle.clip-handle-radius{border-color:#4caf50;width:12px;height:12px}.clip-guide-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.clip-guide-poly{fill:none;stroke:#ffffffb3;stroke-width:.6;stroke-dasharray:1.2 1.2;vector-effect:non-scaling-stroke}.clip-toggle-row{display:flex;justify-content:center}.clip-toggle-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--sub);cursor:pointer;user-select:none}.clip-toggle-label input{accent-color:var(--primary)}.clip-code-row{position:relative;margin-top:4px}.clip-code{margin:0;padding:12px 96px 12px 14px;background:var(--code-block-bg);border:1px solid var(--code-border);border-radius:10px;font-family:Menlo,Consolas,monospace;font-size:12.5px;line-height:1.5;color:var(--text);overflow-x:auto;white-space:pre-wrap;word-break:break-all}.clip-copy-btn{position:absolute;top:8px;right:8px;padding:6px 12px;border:none;border-radius:7px;background:var(--primary);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:filter .15s,background .15s}.clip-copy-btn:hover{filter:brightness(1.1)}.clip-copy-btn.copied{background:#4caf50}.clip-controls{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:var(--card-alt);border:1px solid var(--border);border-radius:12px}.clip-section-title{font-size:12px;font-weight:700;color:var(--text);letter-spacing:.3px;margin-bottom:10px}.clip-poly-actions{display:flex;gap:8px;flex-wrap:wrap}.clip-action-btn{padding:7px 12px;border:1.5px solid var(--border);border-radius:8px;background:var(--card-alt);color:var(--primary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.clip-action-btn:hover:not(:disabled){border-color:var(--primary);background:var(--primary-muted)}.clip-action-btn.clip-action-del{color:var(--sub)}.clip-action-btn.clip-action-del:hover:not(:disabled){border-color:#d04848;color:#d04848;background:#fde8e8}[data-theme=dark] .clip-action-btn.clip-action-del:hover:not(:disabled){background:#2a1010;color:#ff8a8a}.clip-action-btn:disabled{opacity:.4;cursor:not-allowed}.clip-hint{font-size:12px;color:var(--sub);line-height:1.5}.clip-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.clip-row:last-child{margin-bottom:0}.clip-row label{width:56px;flex-shrink:0;font-size:12px;color:var(--sub);font-weight:600}.clip-row input[type=range]{flex:1;min-width:0;accent-color:var(--primary)}.clip-vchip{min-width:44px;text-align:right;font-size:12px;color:var(--sub);font-variant-numeric:tabular-nums}.clip-presets-section{margin-top:18px}.clip-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.clip-preset{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border:1.5px solid var(--border);border-radius:9px;background:var(--card-alt);cursor:pointer;transition:all .15s}.clip-preset:hover{border-color:var(--primary);transform:translateY(-1px)}.clip-preset-shape{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),var(--primary-end))}.clip-preset-name{font-size:11px;font-weight:600;color:var(--sub);text-align:center}