.hero--sm{padding-bottom:var(--s-6)}.cp-wrap{max-width:1040px}.cp-drop{text-align:center;padding:clamp(2rem, 7vw, 4.5rem) var(--s-4);border:2px dashed var(--border-strong);border-radius:var(--r-xl);background:var(--surface);cursor:pointer;transition:border-color var(--t-fast), background var(--t-fast);justify-items:center;gap:6px;display:grid}.cp-drop[hidden]{display:none}.cp-drop:hover,.cp-drop.is-over,.cp-drop:focus-visible{border-color:var(--lime);background:#c8ff3d0f;outline:none}.cp-drop svg{width:56px;height:56px;color:var(--lime)}.cp-drop b{font-size:var(--fs-xl)}.cp-drop span{color:var(--text-muted)}.cp-drop u{color:var(--text)}.cp-sample{margin-top:var(--s-3);border-radius:var(--r-full);border:1px solid var(--border-strong);color:var(--text);font:inherit;cursor:pointer;background:0 0;padding:9px 18px;font-weight:650}.cp-sample:hover{border-color:var(--lime)}.cp-main{gap:var(--s-5);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;display:grid}.cp-main[hidden]{display:none}.cp-stage{gap:var(--s-2);display:grid;position:sticky;top:96px}.cp-imgwrap{border-radius:var(--r-lg);border:1px solid var(--border);background:repeating-conic-gradient(#2a2a3a 0 25%, #1c1c28 0 50%) 0 0 / 18px 18px;position:relative;overflow:hidden}.cp-imgwrap canvas{cursor:crosshair;touch-action:manipulation;width:100%;height:auto;display:block}.cp-loupe{pointer-events:none;z-index:3;justify-items:center;gap:4px;display:grid;position:absolute;top:0;left:0}.cp-loupe[hidden]{display:none}.cp-loupe canvas{background:#000;border:3px solid #fff;border-radius:50%;width:120px;height:120px;box-shadow:0 8px 24px #00000080}.cp-loupe b{color:#fff;background:#0e0c1a;border-radius:6px;padding:2px 8px;font-size:12px}.cp-bar{justify-content:space-between;gap:var(--s-3);color:var(--text-muted);font-size:var(--fs-sm);display:flex}.cp-link{color:var(--lime);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:650;text-decoration:underline}:root[data-theme=light] .cp-link{color:var(--violet-700)}.cp-panel{gap:var(--s-4);display:grid}.cp-head{align-items:center;gap:var(--s-3) var(--s-4);flex-wrap:wrap;display:flex}.cp-head h2{font-size:var(--fs-xl);flex:100%;margin:0}.cp-head h3{font-size:var(--fs-lg,1.15rem);margin:0}.cp-head--s{margin-top:var(--s-2);justify-content:space-between}.cp-count,.cp-sort{font-size:var(--fs-sm);color:var(--text-muted);align-items:center;gap:8px;display:inline-flex}.cp-count b{color:var(--text);min-width:1.5ch}.cp-count input{accent-color:var(--lime);width:130px}.cp-sort select{border-radius:var(--r-md,10px);border:1px solid var(--border-strong);background:var(--bg-soft);min-height:36px;color:var(--text);font:inherit;padding:0 10px}.cp-sw,.cp-picked{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.cp-s{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);display:grid;position:relative;overflow:hidden}.cp-s__c{background:var(--c);height:84px;color:var(--i);text-align:left;cursor:pointer;border:0;align-items:end;padding:8px 10px;font-size:12px;font-weight:800;display:grid}.cp-s__t{gap:2px;padding:8px 10px 10px;display:grid}.cp-s__t button{text-align:left;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:12px}.cp-s__t button:hover{color:var(--text)}.cp-s__t .cp-hx{color:var(--text);letter-spacing:.02em;font-size:14px;font-weight:800}.cp-s__t .cp-use{color:var(--lime);margin-top:2px;font-weight:650}:root[data-theme=light] .cp-use{color:var(--violet-700)}.cp-x{border-radius:50%;place-items:center;width:24px;height:24px;line-height:1;display:grid;position:absolute;top:6px;right:8px;color:#fff!important;background:#0006!important;font-size:16px!important}.cp-empty{color:var(--text-muted);font-size:var(--fs-sm);grid-column:1/-1;margin:0}.cp-toast{border-radius:var(--r-full);background:var(--lime);color:var(--lime-ink);font-weight:700;font-size:var(--fs-sm);opacity:0;pointer-events:none;z-index:400;margin:0;padding:10px 18px;transition:opacity .2s,transform .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px)}.cp-toast.is-on{opacity:1;transform:translate(-50%)}[hidden].section{display:none}.cp-base{align-items:center;gap:var(--s-3);margin-bottom:var(--s-5);display:flex}.cp-base__sw{border:1px solid var(--border-strong);background:#7c3aed;border-radius:16px;width:56px;height:56px}.cp-base b{font-size:var(--fs-lg,1.15rem);display:block}.cp-base small{color:var(--text-muted)}.cp-harm{gap:var(--s-4);display:grid}.cp-hrow h3{margin:0 0 var(--s-2);font-size:var(--fs-md,1rem)}.cp-hsw{border-radius:var(--r-lg);border:1px solid var(--border);display:flex;overflow:hidden}.cp-h{background:var(--c);min-height:76px;color:var(--i);font:inherit;cursor:pointer;border:0;flex:1 1 0;place-items:end start;padding:8px 10px;font-size:12px;font-weight:700;transition:flex-grow .2s;display:grid}.cp-h:hover{flex-grow:1.5}.cp-exp{gap:var(--s-3);padding:var(--s-5);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);display:grid}.cp-exp__bar{gap:var(--s-3) var(--s-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.cp-exp__bar label{font-size:var(--fs-sm);color:var(--text-muted);align-items:center;gap:8px;display:inline-flex}.cp-exp__bar select{border-radius:var(--r-md,10px);border:1px solid var(--border-strong);background:var(--bg-soft);min-height:40px;color:var(--text);font:inherit;padding:0 10px}.cp-tabs{border-radius:var(--r-full);background:var(--surface-2);gap:4px;padding:4px;display:inline-flex}.cp-tabs button{color:var(--text-muted);border-radius:var(--r-full);font:inherit;font-weight:650;font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;padding:8px 14px}.cp-tabs button[aria-selected=true]{background:var(--lime);color:var(--lime-ink)}.cp-exp textarea{border-radius:var(--r-md,10px);border:1px solid var(--border);background:var(--bg-sunken);width:100%;color:var(--text);resize:vertical;padding:14px;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cp-actions{gap:var(--s-3);flex-wrap:wrap;display:flex}.vc-steps{gap:var(--s-3);counter-reset:s;margin:0;padding:0;list-style:none;display:grid}.vc-steps li{counter-increment:s;padding:var(--s-4) var(--s-5) var(--s-4) 72px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);gap:2px;display:grid;position:relative}.vc-steps li:before{content:counter(s);left:var(--s-4);background:var(--lime);width:40px;height:40px;color:var(--lime-ink);font-family:var(--font-display);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.vc-steps li span{color:var(--text-muted);font-size:var(--fs-sm)}.vc-why{gap:var(--s-4);grid-template-columns:1fr 1fr;display:grid}.vc-why div{padding:var(--s-5);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface)}.vc-why h3{margin:0 0 var(--s-2);font-size:var(--fs-lg,1.15rem)}.vc-why p{color:var(--text-muted);font-size:var(--fs-sm);margin:0;line-height:1.6}@media (width<=900px){.cp-main{grid-template-columns:1fr}.cp-stage{position:static}.vc-why{grid-template-columns:1fr}}