.clip-path-controls[data-v-ca06be66]{display:flex;flex-direction:column;gap:1.5rem}.clip-path-controls__header[data-v-ca06be66]{align-items:center;display:flex;justify-content:space-between}.clip-path-controls__title[data-v-ca06be66]{color:rgb(var(--color-text-primary));font-size:1.125rem;font-weight:700;margin:0}.clip-path-controls__upload[data-v-ca06be66]{display:flex;gap:1rem}.clip-path-controls__upload-label[data-v-ca06be66]{cursor:pointer}.clip-path-controls__upload-input[data-v-ca06be66]{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.clip-path-controls__layers[data-v-ca06be66]{position:relative}.clip-path-controls__layers-stack[data-v-ca06be66]{display:flex;flex-direction:column;gap:1rem}.clip-path-controls__drag-hint[data-v-ca06be66]{color:rgb(var(--color-text-secondary));font-size:.75rem;margin:0}.clip-path-controls__layer[data-v-ca06be66]{background:rgba(var(--surface-panel-2),.45);border:1px solid rgba(var(--color-border),.35);border-radius:.5rem;padding:1rem}.clip-path-controls__layer_pressed[data-v-ca06be66]{border-color:rgba(var(--color-primary),.5);box-shadow:0 0 0 3px rgba(var(--color-primary),.12)}.clip-path-controls__layer_dragging[data-v-ca06be66]{border-color:rgba(var(--color-primary),.74);box-shadow:0 18px 36px #0f172a38}.clip-path-controls__layer-header[data-v-ca06be66]{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.clip-path-controls__layer-info[data-v-ca06be66]{align-items:center;display:flex;gap:.5rem}.clip-path-controls__drag-handle[data-v-ca06be66]{background:rgb(var(--color-bg-secondary));border:1px solid rgb(var(--color-border));border-radius:.375rem;cursor:grab;height:30px;touch-action:none;width:30px}.clip-path-controls__drag-handle-dots[data-v-ca06be66]{background-image:radial-gradient(circle,rgb(var(--color-text-secondary)) 1.5px,transparent 1.5px),radial-gradient(circle,rgb(var(--color-text-secondary)) 1.5px,transparent 1.5px);background-position:calc(50% - 3px),calc(50% + 3px);background-repeat:repeat-y;background-size:8px 12px;display:block;height:100%;opacity:.82;width:100%}.clip-path-controls__checkbox[data-v-ca06be66]{align-items:center;color:rgb(var(--color-text-primary));cursor:pointer;display:flex;font-weight:500;gap:.25rem}.clip-path-controls__checkbox input[type=checkbox][data-v-ca06be66]{cursor:pointer}.clip-path-controls__layer-body[data-v-ca06be66]{display:flex;flex-direction:column;gap:1rem}.clip-path-controls__points[data-v-ca06be66]{display:flex;flex-direction:column;gap:.5rem}.clip-path-controls__point[data-v-ca06be66]{display:flex;flex-direction:column;gap:.25rem}.clip-path-controls__point-header[data-v-ca06be66]{align-items:center;display:flex;justify-content:space-between}.clip-path-controls__point-label[data-v-ca06be66]{color:rgb(var(--color-text-secondary));font-size:.875rem}.clip-path-controls__remove-point[data-v-ca06be66]{color:rgb(var(--color-text-secondary));font-size:1.25rem;height:24px;min-width:24px;padding:0;width:24px}.clip-path-controls__remove-point[data-v-ca06be66]:hover{color:rgb(var(--button-danger))}.clip-path-controls__point-inputs[data-v-ca06be66]{display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.clip-path-controls__drag-ghost[data-v-ca06be66]{pointer-events:none;position:fixed;z-index:20}.clip-layer-list-move[data-v-ca06be66]{transition:transform .18s ease}.clip-path-preview[data-v-d1c6554c]{height:100%;padding:2rem}.clip-path-preview[data-v-d1c6554c],.clip-path-preview__container[data-v-d1c6554c]{align-items:center;display:flex;justify-content:center;width:100%}.clip-path-preview__container[data-v-d1c6554c]{aspect-ratio:1;background-size:20px 20px;background:linear-gradient(45deg,rgba(var(--color-border),.1) 25%,transparent 25%) linear-gradient(-45deg,rgba(var(--color-border),.1) 25%,transparent 25%) linear-gradient(45deg,transparent 75%,rgba(var(--color-border),.1) 75%) linear-gradient(-45deg,transparent 75%,rgba(var(--color-border),.1) 75%) 0 0,0 10px,10px -10px,-10px 0;border-radius:.5rem;max-width:400px;position:relative}.clip-path-preview__layer[data-v-d1c6554c]{background:linear-gradient(135deg,rgb(var(--color-primary)) 0,rgb(var(--color-secondary)));height:100%;inset:0;position:absolute;transition:clip-path .2s ease,transform .2s ease,opacity .2s ease;width:100%}.clip-path-preview__point[data-v-d1c6554c]{cursor:grab;padding:.25rem;position:absolute;transform:translate(-50%,-50%);transition:left .14s ease,top .14s ease;z-index:10}.clip-path-preview__point[data-v-d1c6554c]:active{cursor:grabbing;transition:none}.clip-path-preview__point-dot[data-v-d1c6554c]{background:rgb(var(--color-primary));border:2px solid rgb(var(--color-bg-primary));border-radius:50%;height:12px;transition:all .2s ease;width:12px}.clip-path-preview__point:hover .clip-path-preview__point-dot[data-v-d1c6554c]{background:rgb(var(--color-secondary));transform:scale(1.3)}.clip-path-preview__point:active .clip-path-preview__point-dot[data-v-d1c6554c]{background:rgb(var(--color-accent));transform:scale(1.5)}.clip-path-presets[data-v-da499479]{background:rgba(var(--color-text-primary),.02);border:1px solid rgba(var(--color-text-primary),.06);border-radius:20px;overflow:hidden;padding:2rem;position:relative}.clip-path-presets__header[data-v-da499479]{margin-bottom:1.5rem}.clip-path-presets__tag[data-v-da499479]{align-items:center;background:rgba(var(--color-text-primary),.08);border-radius:999px;color:rgba(var(--color-text-primary),.8);display:inline-flex;font-size:12px;gap:8px;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase}.clip-path-presets__title[data-v-da499479]{color:rgb(var(--color-text-primary));font-size:24px;font-weight:700;letter-spacing:-.01em;margin:6px 0 4px}.clip-path-presets__subtitle[data-v-da499479]{color:rgba(var(--color-text-primary),.75);line-height:1.5;margin:0}.clip-path-presets__grid[data-v-da499479]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.clip-path-presets__card[data-v-da499479]{background:rgba(var(--surface-panel-2),.45);border:1px solid rgba(var(--color-border),.35);border-radius:16px;cursor:pointer;overflow:hidden;position:relative;transition:transform .18s ease}.clip-path-presets__card[data-v-da499479]:hover{transform:translate3d(0,-2px,0)}.clip-path-presets__author[data-v-da499479]{align-items:center;background:#00000080;border-radius:.375rem;color:rgb(var(--color-text-secondary));display:flex;font-size:.75rem;gap:.25rem;left:1rem;padding:.5rem;position:absolute;right:1rem;top:1rem;z-index:2}.clip-path-presets__preview[data-v-da499479]{aspect-ratio:1;width:100%}.clip-path-presets__content[data-v-da499479]{bottom:1rem;left:1rem;position:absolute;right:1rem;z-index:1}.clip-path-presets__card-title[data-v-da499479]{background:#00000080;border-radius:.375rem;color:#fff;font-size:18px;font-weight:700;margin:0 0 .5rem;padding:.5rem 1rem}.clip-path-presets__avatar[data-v-da499479]{background-position:50%;background-size:cover;border-radius:9999px;color:#fff;display:grid;font-size:.75rem;font-weight:700;height:30px;place-items:center;width:30px}.clip-path-presets__author-name[data-v-da499479]{color:#fff;font-weight:600;max-width:140px}.clip-path-presets__author-email[data-v-da499479],.clip-path-presets__author-name[data-v-da499479]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-path-presets__author-email[data-v-da499479]{color:rgb(var(--color-text-secondary));font-size:.75rem}.clip-path-presets__actions[data-v-da499479]{display:flex;gap:.5rem;opacity:0;transform:translate3d(0,140%,0);transition:transform .16s ease,opacity .16s ease}.clip-path-presets__actions[data-v-da499479] .button{flex:1}.clip-path-presets__card:focus-within .clip-path-presets__actions[data-v-da499479],.clip-path-presets__card:hover .clip-path-presets__actions[data-v-da499479]{opacity:1;transform:translateZ(0)}.clip-path-generation-process[data-v-5da86ff0]{align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr;position:relative}@media(min-width:1024px){.clip-path-generation-process[data-v-5da86ff0]{gap:2rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.clip-path-generation-process__code[data-v-5da86ff0]{display:flex;flex-direction:column;grid-column:1/-1;min-width:0;order:1}.clip-path-generation-process__preview[data-v-5da86ff0]{min-width:0;order:2;position:relative}.clip-path-generation-process__preview-inner[data-v-5da86ff0]{width:100%}.clip-path-generation-process__controls[data-v-5da86ff0]{display:flex;flex-direction:column;gap:1.5rem;min-width:0;order:3}.clip-path-generation-process__export[data-v-5da86ff0]{margin-top:1rem;text-align:right}.clip-path-generation-process__presets[data-v-5da86ff0]{grid-column:1/-1;min-width:0;order:4}.clip-path-generation-process__save-preview[data-v-5da86ff0]{border-radius:.375rem;height:200px;margin-bottom:1rem;width:100%}.clip-path-page[data-v-ae4e317e]{background:radial-gradient(140% 140% at 18% 15%,rgba(var(--color-primary),.32),transparent 55%),radial-gradient(140% 130% at 82% 20%,rgba(var(--color-secondary),.25),transparent 58%),radial-gradient(100% 100% at 50% 100%,rgba(var(--color-accent),.18),transparent 70%),linear-gradient(180deg,rgb(var(--color-bg-secondary)),rgb(var(--color-bg-primary)));color:rgb(var(--color-text-primary));min-height:calc(var(--app-vh, 1vh)*100);overflow:hidden;padding:120px 0 4rem;position:relative}.clip-path-page[data-v-ae4e317e]:before{animation:nebulaDrift-ae4e317e 52s ease-in-out infinite alternate;background:radial-gradient(45% 50% at 20% 35%,rgba(var(--color-primary),.42),transparent 65%),radial-gradient(38% 42% at 75% 25%,rgba(var(--color-secondary),.36),transparent 68%),radial-gradient(48% 55% at 80% 75%,rgba(var(--color-accent),.32),transparent 65%),radial-gradient(50% 50% at 15% 85%,rgba(var(--color-primary),.28),transparent 68%);background-repeat:no-repeat;background-size:130% 130%;inset:-30%;opacity:.85;will-change:transform;z-index:-2}.clip-path-page[data-v-ae4e317e]:after,.clip-path-page[data-v-ae4e317e]:before{backface-visibility:hidden;contain:layout paint;content:"";position:absolute}.clip-path-page[data-v-ae4e317e]:after{animation:gridPulse-ae4e317e 50s ease-in-out infinite alternate;background-image:radial-gradient(55% 55% at 20% 18%,rgba(var(--color-text-primary),.12),transparent 38%),radial-gradient(55% 55% at 80% 32%,rgba(var(--color-text-primary),.08),transparent 40%),repeating-linear-gradient(90deg,rgba(var(--color-text-primary),.06) 0 1px,transparent 1px 110px),repeating-linear-gradient(0deg,rgba(var(--color-text-primary),.06) 0 1px,transparent 1px 110px);background-size:100% 100%,100% 100%,180px 180px,180px 180px;inset:-8%;-webkit-mask-image:radial-gradient(120% 120% at 50% 48%,rgba(0,0,0,.92),transparent 94%);mask-image:radial-gradient(120% 120% at 50% 48%,rgba(0,0,0,.92),transparent 94%);mix-blend-mode:overlay;opacity:.55;pointer-events:none;will-change:transform,opacity;z-index:-1}.clip-path-page__header[data-v-ae4e317e]{align-items:flex-start;background:linear-gradient(135deg,rgba(var(--color-text-primary),.08),rgba(var(--color-text-primary),.03));border:1px solid rgba(var(--panel-border),.12);border-radius:1rem;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:3rem;overflow:hidden;padding:1.5rem;position:relative}.clip-path-page__header[data-v-ae4e317e]:after{background:radial-gradient(50% 50% at 80% 30%,rgba(var(--color-accent),.15),transparent 60%);background-repeat:no-repeat;background-size:140% 140%;content:"";inset:-40%;opacity:.6;pointer-events:none;position:absolute}.clip-path-page__title[data-v-ae4e317e]{color:rgb(var(--color-text-primary));font-size:1.875rem;font-weight:700;margin-bottom:.25rem}@media(min-width:768px){.clip-path-page__title[data-v-ae4e317e]{font-size:2.25rem}}.clip-path-page__subtitle[data-v-ae4e317e]{color:rgba(var(--color-text-secondary),.9);font-size:1rem;line-height:1.6;max-width:640px}@media(min-width:768px){.clip-path-page__subtitle[data-v-ae4e317e]{font-size:1.125rem}}.clip-path-page__back-link[data-v-ae4e317e]{background:rgba(var(--color-bg-primary),.06);border:1px solid rgba(var(--color-border),.6);border-radius:9999px;color:rgb(var(--color-text-primary));font-weight:500;padding:.5rem 1rem;transition:border-color .2s ease-in-out,transform .2s ease-in-out;white-space:nowrap}.clip-path-page__back-link[data-v-ae4e317e]:hover{backface-visibility:hidden;border-color:rgba(var(--color-text-primary),.22);transform:translate3d(0,-1px,0)}.clip-path-page__motion[data-v-ae4e317e]{animation:orbitSweep-ae4e317e 68s linear infinite;background:conic-gradient(from 135deg at 42% 38%,rgba(var(--color-primary),.4),rgba(var(--color-secondary),.22),rgba(var(--color-accent),.3),rgba(var(--color-primary),.4));background-size:150% 150%;contain:layout paint;inset:-35% -45%;-webkit-mask-image:radial-gradient(72% 72% at 50% 48%,rgba(0,0,0,.95),transparent 92%);mask-image:radial-gradient(72% 72% at 50% 48%,rgba(0,0,0,.95),transparent 92%);mix-blend-mode:screen;opacity:.65;pointer-events:none;z-index:-2}.clip-path-page__motion[data-v-ae4e317e],.clip-path-page__motion[data-v-ae4e317e]:before{backface-visibility:hidden;position:absolute;will-change:transform}.clip-path-page__motion[data-v-ae4e317e]:before{animation:floatingOrb1-ae4e317e 25s ease-in-out infinite alternate;background:radial-gradient(circle,rgba(var(--color-primary),.5),transparent 70%);border-radius:50%;content:"";height:400px;left:10%;top:15%;width:400px}.clip-path-page__motion[data-v-ae4e317e]:after{animation:floatingOrb2-ae4e317e 28s ease-in-out infinite alternate-reverse;backface-visibility:hidden;background:radial-gradient(circle,rgba(var(--color-accent),.45),transparent 70%);border-radius:50%;bottom:20%;content:"";height:350px;position:absolute;right:15%;width:350px;will-change:transform}@keyframes nebulaDrift-ae4e317e{0%{transform:translateZ(0) scale(1)}25%{transform:translate3d(-6%,5%,0) scale(1.05)}50%{transform:translate3d(4%,-4%,0) scale(1.04)}75%{transform:translate3d(-3%,-6%,0) scale(1.06)}to{transform:translateZ(0) scale(1)}}@keyframes gridPulse-ae4e317e{0%{opacity:.38;transform:translateZ(0) scale(1)}50%{opacity:.5;transform:translate3d(2%,-2%,0) scale(1.02)}to{opacity:.42;transform:translate3d(-1%,2%,0) scale(1.03)}}@keyframes orbitSweep-ae4e317e{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.03)}to{transform:rotate(1turn) scale(1)}}@keyframes floatingOrb1-ae4e317e{0%{opacity:.5;transform:translateZ(0) scale(1)}33%{opacity:.7;transform:translate3d(60px,-80px,0) scale(1.15)}66%{opacity:.6;transform:translate3d(-50px,-40px,0) scale(.95)}to{opacity:.5;transform:translateZ(0) scale(1)}}@keyframes floatingOrb2-ae4e317e{0%{opacity:.45;transform:translateZ(0) scale(1)}33%{opacity:.65;transform:translate3d(-70px,60px,0) scale(1.1)}66%{opacity:.55;transform:translate3d(40px,50px,0) scale(.9)}to{opacity:.45;transform:translateZ(0) scale(1)}}@media(max-width:768px){.clip-path-page[data-v-ae4e317e]{padding:120px 0 3rem}.clip-path-page__header[data-v-ae4e317e]{gap:1rem;margin-bottom:2rem;padding:1rem}.clip-path-page__title[data-v-ae4e317e]{font-size:1.5rem}.clip-path-page__subtitle[data-v-ae4e317e]{font-size:.875rem}.clip-path-page__motion[data-v-ae4e317e]:before{height:300px;width:300px}.clip-path-page__motion[data-v-ae4e317e]:after{height:250px;width:250px}}@media(max-width:480px){.clip-path-page[data-v-ae4e317e]{padding:120px 0 2rem}.clip-path-page__header[data-v-ae4e317e]{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:.5rem}.clip-path-page__title[data-v-ae4e317e]{font-size:1.25rem}.clip-path-page__subtitle[data-v-ae4e317e]{font-size:.75rem}.clip-path-page__back-link[data-v-ae4e317e]{font-size:.875rem;padding:.25rem .5rem;text-align:center;width:100%}.clip-path-page__motion[data-v-ae4e317e]:before{height:200px;width:200px}.clip-path-page__motion[data-v-ae4e317e]:after{height:180px;width:180px}}@media(prefers-reduced-motion:reduce){.clip-path-page[data-v-ae4e317e]:after,.clip-path-page[data-v-ae4e317e]:before,.clip-path-page__motion[data-v-ae4e317e],.clip-path-page__motion[data-v-ae4e317e]:after,.clip-path-page__motion[data-v-ae4e317e]:before{animation:none!important}}