.route-shell{box-sizing:border-box;min-height:100vh;padding:32px 24px 64px;background:var(--vp-bg);color:var(--vp-ink);font-family:var(--vp-sans);font-size:13px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.route-shell *,.route-shell *:before,.route-shell *:after{box-sizing:border-box}.route-shell-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 auto 40px;max-width:1120px;padding-bottom:18px;border-bottom:1px solid var(--vp-line)}.route-shell-brand{display:inline-flex;align-items:center;gap:9px;color:var(--vp-ink);font-size:15px;font-weight:600;letter-spacing:-.01em;text-decoration:none;text-transform:none}.route-brand-mark{position:relative;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--vp-ink);flex-shrink:0}.route-brand-mark:after{content:"";width:10px;height:10px;border-radius:2.5px;background:linear-gradient(180deg,#e8ff7a,var(--vp-accent));transform:rotate(45deg)}.route-shell-nav,.route-inline-links{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.route-shell-link{display:inline-flex;align-items:center;padding:6px 12px;border-radius:10px;color:var(--vp-ink-soft);font-size:13px;font-weight:500;text-decoration:none;transition:background .15s var(--vp-ease),color .15s var(--vp-ease)}.route-shell-link:hover{background:var(--vp-bg-muted);color:var(--vp-ink)}.route-user-surface{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--vp-mute);font-size:13px;font-weight:500}.route-user-surface button,.route-secondary-button{border:1px solid var(--vp-line-strong);border-radius:var(--vp-r-sm);background:var(--vp-surface);color:var(--vp-ink);cursor:pointer;font:inherit;font-size:12.5px;font-weight:600;padding:8px 14px;transition:background .15s var(--vp-ease),border-color .15s var(--vp-ease)}.route-user-surface button:hover,.route-secondary-button:hover{background:var(--vp-bg-muted);border-color:var(--vp-mute-2)}.route-user-surface button:disabled{cursor:wait;opacity:.55}.route-user-error{color:var(--vp-red)}.route-shell-eyebrow{margin:0 auto 14px;max-width:1120px;color:var(--vp-mute);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.route-muted{margin:14px auto 0;max-width:1120px;color:var(--vp-mute);font-size:12.5px;font-weight:500}.route-hero,.route-panel{border:1px solid var(--vp-line);border-radius:var(--vp-r-lg);background:var(--vp-surface);box-shadow:var(--vp-sh-card)}.route-hero{margin:0 auto 24px;max-width:1120px;padding:36px 40px}.route-panel{padding:28px}.route-panel-narrow{margin:0 auto;max-width:520px}.route-hero h1,.route-panel h1{margin:0 0 10px;font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--vp-ink)}.route-hero p,.route-panel p{margin:0;max-width:68ch;color:var(--vp-ink-soft);font-size:14px;line-height:1.6}.route-panel h2{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--vp-ink)}.billing-grid{display:grid;margin:0 auto;max-width:760px;background:var(--vp-surface);border:1px solid var(--vp-line);border-radius:var(--vp-r-lg);box-shadow:var(--vp-sh-card);overflow:hidden}.billing-grid .route-panel{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border:0;border-radius:0;box-shadow:none;background:transparent;padding:15px 24px;border-bottom:1px solid var(--vp-line)}.billing-grid .route-panel:last-child{border-bottom:0}.billing-grid span{color:var(--vp-mute);font-size:13px;font-weight:500}.billing-grid strong{color:var(--vp-ink);font-size:14px;font-weight:600;text-align:right}.projects-list{display:grid;gap:18px;margin:0 auto;max-width:1120px;grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{display:grid;gap:16px}.project-card h2{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--vp-ink)}.project-card>div p{margin:0;color:var(--vp-mute);font-size:12.5px}.project-card dl{display:grid;gap:0;margin:0}.project-card dl div{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--vp-line);padding:9px 0}.project-card dt{color:var(--vp-mute);font-size:12.5px;font-weight:500}.project-card dd{margin:0;color:var(--vp-ink);font-size:12.5px;font-weight:600}.project-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.project-card-actions-secondary{display:flex;align-items:center;gap:8px}.route-danger-button{color:var(--vp-red)}.route-danger-button:hover{border-color:var(--vp-red);background:var(--vp-red-soft)}.route-template-surface{border:1px solid var(--vp-line);border-radius:var(--vp-r-lg);margin:0 auto;max-width:1120px;min-height:640px;overflow:hidden;background:var(--vp-surface)}.route-template-surface .vp-landing{min-height:640px}.route-template-surface .vp-sidebar{width:216px;min-width:216px}.route-template-surface .vp-hero-slider{margin:20px 24px 16px}.auth-form,.route-form{display:grid;gap:16px;margin:22px 0 18px}.auth-form label,.route-form label{display:grid;gap:7px;color:var(--vp-ink-soft);font-size:12.5px;font-weight:500}.auth-form input,.route-form input{border:1px solid var(--vp-line-strong);border-radius:var(--vp-r-sm);background:var(--vp-surface);color:var(--vp-ink);font:inherit;font-size:14px;padding:11px 13px;transition:border-color .15s var(--vp-ease),box-shadow .15s var(--vp-ease)}.auth-form input:focus,.route-form input:focus{outline:none;border-color:var(--vp-accent-strong);box-shadow:inset 0 0 0 1px #b8e00066}.auth-form button,.route-form button{justify-self:start;border:0;border-radius:var(--vp-r-sm);background:var(--vp-accent);color:var(--vp-accent-ink);cursor:pointer;font:inherit;font-size:13px;font-weight:600;padding:12px 18px;box-shadow:0 1px 2px #d1fe1759;transition:background .12s var(--vp-ease),opacity .12s var(--vp-ease)}.auth-form button:hover,.route-form button:hover{background:var(--vp-accent-strong)}.auth-form button:disabled,.route-form button:disabled{cursor:wait;opacity:.55}.auth-form-error,.route-error{color:var(--vp-red);font-size:13px}.route-error{border:1px solid var(--vp-red);border-radius:var(--vp-r-sm);background:var(--vp-red-soft);padding:10px 12px}.route-action-link{display:inline-block;margin-top:14px;color:var(--vp-ink-soft);font-size:13px;font-weight:600;text-decoration:none}.route-action-link:hover{color:var(--vp-ink);text-decoration:underline}.route-shell a:focus-visible,.route-shell button:focus-visible,.route-shell input:focus-visible{outline:2px solid var(--vp-accent-strong);outline-offset:2px}@media(max-width:760px){.route-shell{padding:20px 16px 48px}.route-shell-header{flex-direction:column;align-items:flex-start}.route-hero{padding:28px 24px}.projects-list{grid-template-columns:1fr}.route-template-surface{min-height:720px}.route-template-surface .vp-landing{flex-direction:column}.route-template-surface .vp-sidebar{width:100%;min-width:0}}@media(prefers-reduced-motion:reduce){.route-shell *,.route-shell *:before,.route-shell *:after{transition:none!important}}.route-lazy-fallback{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--vp-bg)}:root{color-scheme:light;--font-sans: "Poppins", "Inter", "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: "Poppins", "Inter", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--fs-2xs: 11px;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 20px;--fs-2xl: 24px;--bg: #f7f7f5;--bg-deep: #f1f1ee;--surface: #ffffff;--surface-soft: #fafaf8;--surface-muted: #f3f3f0;--line: #e9e9e5;--line-strong: #dcdcd6;--line-soft: #f0f0eb;--ink: #0e1311;--ink-700: #2a302d;--ink-500: #5b6660;--ink-400: #7d8780;--ink-300: #a3aba5;--accent: #1f5c4f;--accent-700: #184a40;--accent-100: rgba(31, 92, 79, .08);--accent-200: rgba(31, 92, 79, .14);--success: #1f5c4f;--success-soft: rgba(31, 92, 79, .08);--warning: #8a5a0f;--warning-soft: rgba(255, 196, 86, .18);--danger: #9d2a2a;--danger-soft: rgba(203, 75, 75, .1);--radius-sm: 6px;--radius: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--shadow-xs: 0 1px 0 rgba(15, 19, 17, .04);--shadow-sm: 0 1px 2px rgba(15, 19, 17, .04), 0 0 0 1px rgba(15, 19, 17, .04);--shadow-pop: 0 8px 24px rgba(15, 19, 17, .08), 0 1px 0 rgba(15, 19, 17, .04);--shadow-canvas: 0 24px 48px -16px rgba(15, 19, 17, .1), 0 2px 6px rgba(15, 19, 17, .04);--topbar-h: 52px;--rail-w: 56px;--context-w: 308px;--inspector-w: 336px;font-family:var(--font-sans);font-feature-settings:"cv11","ss01","ss02";font-variant-numeric:tabular-nums;font-size:var(--fs-base);line-height:1.45;font-weight:400;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink)}#root{display:flex;min-height:100vh;width:100%}::-moz-selection{background:var(--accent-200);color:var(--ink)}::selection{background:var(--accent-200);color:var(--ink)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#0f13111f;border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#0f131138;background-clip:padding-box;border:2px solid transparent}*::-webkit-scrollbar-track{background:transparent}button,input,select,textarea{font:inherit;color:inherit}button,select,input,textarea{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);transition:border-color .12s ease,background .12s ease,box-shadow .12s ease,color .12s ease}button{cursor:pointer;padding:.5rem .75rem;font-size:var(--fs-sm);font-weight:500;color:var(--ink-700);background:var(--surface)}button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-soft);color:var(--ink)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-100)}button:disabled,select:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{width:100%;padding:.55rem .7rem;font-size:var(--fs-sm);background:var(--surface)}textarea{resize:vertical;font-family:var(--font-mono);font-size:var(--fs-xs);line-height:1.55}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='none' stroke='%235b6660' stroke-width='1.5' d='M1 1l4 4 4-4'/></svg>");background-repeat:no-repeat;background-position:right .65rem center;padding-right:1.75rem}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em;color:var(--ink)}p{margin:0;color:var(--ink-500)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-700)}.workspace-frame{display:grid;grid-template-rows:var(--topbar-h) 1fr;grid-template-columns:var(--rail-w) var(--context-w) minmax(0,1fr) var(--inspector-w);grid-template-areas:"topbar    topbar  topbar  topbar" "iconrail  context canvas  inspector";height:100vh;width:100%;background:var(--bg);color:var(--ink)}.workspace-topbar{grid-area:topbar}.workspace-iconrail{grid-area:iconrail}.workspace-context{grid-area:context}.workspace-canvas{grid-area:canvas}.workspace-inspector{grid-area:inspector}.workspace-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1rem;background:var(--surface);border-bottom:1px solid var(--line);z-index:30}.topbar-left,.topbar-right{display:flex;align-items:center;gap:.5rem;min-width:0}.topbar-left{flex:1;min-width:0}.topbar-right{flex-shrink:0}.topbar-logo{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .5rem .3rem .25rem;border-radius:var(--radius);font-weight:700;letter-spacing:-.02em;font-size:var(--fs-md);color:var(--ink)}.topbar-logo-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em}.topbar-divider{width:1px;height:22px;background:var(--line);margin:0 .25rem}.topbar-breadcrumb{display:flex;align-items:center;gap:.35rem;min-width:0;color:var(--ink-500);font-size:var(--fs-sm)}.topbar-breadcrumb .button-ghost{padding:.25rem .45rem;font-size:var(--fs-sm);font-weight:500;color:var(--ink-500);border-radius:6px}.topbar-breadcrumb .button-ghost:hover:not(:disabled){color:var(--ink);background:var(--surface-muted)}.topbar-breadcrumb-sep{color:var(--ink-300)}.topbar-breadcrumb-current{display:inline-flex;align-items:center;gap:.4rem;color:var(--ink);font-weight:500;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-search{position:relative;margin-left:.75rem;width:240px;max-width:32vw}.topbar-search input{padding:.45rem .7rem .45rem 2rem;background:var(--surface-muted);border-color:transparent;font-size:var(--fs-sm)}.topbar-search input::-moz-placeholder{color:var(--ink-400)}.topbar-search input::placeholder{color:var(--ink-400)}.topbar-search input:focus-visible{background:var(--surface);border-color:var(--accent)}.topbar-search-icon{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);color:var(--ink-400);pointer-events:none;display:inline-flex}.topbar-status{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .6rem;border-radius:999px;background:var(--surface-muted);color:var(--ink-500);font-size:var(--fs-xs);font-weight:500;white-space:nowrap}.topbar-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink-400)}.topbar-status.is-ready{color:var(--accent);background:var(--accent-100)}.topbar-status.is-ready:before{background:var(--accent)}.topbar-status.is-warning{color:var(--warning);background:var(--warning-soft)}.topbar-status.is-warning:before{background:var(--warning)}.topbar-status.is-danger{color:var(--danger);background:var(--danger-soft)}.topbar-status.is-danger:before{background:var(--danger)}.topbar-status.is-busy:before{background:var(--accent);animation:pulse-dot 1.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}.topbar-credits{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .65rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-700);font-size:var(--fs-xs);font-weight:500}.topbar-credits strong{font-weight:600;color:var(--ink)}.topbar-user{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:var(--fs-xs);font-weight:600;color:var(--ink-700);cursor:pointer}.topbar-user:hover{border-color:var(--line-strong);background:var(--surface-soft)}.workspace-iconrail{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 0;background:var(--surface);border-right:1px solid var(--line)}.iconrail-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--ink-500);font-size:0}.iconrail-button:hover:not(:disabled){background:var(--surface-muted);border-color:var(--line);color:var(--ink)}.iconrail-button.is-active{background:var(--accent-100);color:var(--accent);border-color:transparent}.iconrail-button.is-active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--accent)}.iconrail-button svg{width:18px;height:18px}.iconrail-spacer{flex:1}.iconrail-tooltip{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);padding:.3rem .55rem;background:var(--ink);color:#fff;font-size:var(--fs-xs);border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:50}.iconrail-button:hover .iconrail-tooltip{opacity:1}.workspace-context{display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line);min-height:0;overflow:hidden}.context-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.85rem 1rem .6rem;border-bottom:1px solid var(--line-soft)}.context-header-title{display:flex;flex-direction:column;gap:.1rem;min-width:0}.context-header-title strong{font-size:var(--fs-sm);font-weight:600;color:var(--ink);letter-spacing:-.005em}.context-header-title span{font-size:var(--fs-xs);color:var(--ink-400)}.context-body{flex:1;min-height:0;overflow:auto;padding:.5rem 0}.context-section{padding:.65rem 1rem;border-bottom:1px solid var(--line-soft)}.context-section:last-child{border-bottom:0}.context-section-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.context-section-header h3{font-size:var(--fs-xs);font-weight:600;color:var(--ink-500);text-transform:uppercase;letter-spacing:.06em}.context-section-header .section-link{font-size:var(--fs-xs);color:var(--ink-400);background:transparent;border:0;padding:0;cursor:pointer}.context-section-header .section-link:hover{color:var(--ink)}.workspace-canvas{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.canvas-toolbar{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:6;display:inline-flex;align-items:center;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-sm)}.canvas-toolbar-button{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:999px;border:0;background:transparent;color:var(--ink-500);font-size:var(--fs-xs);font-weight:500}.canvas-toolbar-button:hover:not(:disabled){background:var(--surface-muted);color:var(--ink)}.canvas-toolbar-button.is-active{background:var(--ink);color:#fff}.canvas-toolbar-divider{width:1px;height:18px;background:var(--line);margin:0 2px}.canvas-toolbar-legend{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .6rem;color:var(--ink-500);font-size:var(--fs-2xs);font-weight:500;letter-spacing:.02em;text-transform:uppercase}.canvas-zoom{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:6;display:inline-flex;align-items:center;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-sm)}.canvas-zoom button{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 .55rem;border:0;background:transparent;color:var(--ink-500);border-radius:999px;font-size:var(--fs-xs);font-weight:500;font-variant-numeric:tabular-nums}.canvas-zoom button:hover:not(:disabled){background:var(--surface-muted);color:var(--ink)}.canvas-zoom .zoom-value{min-width:56px;font-weight:500;color:var(--ink)}.canvas-stage{position:relative;flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:4rem 2rem 5rem;background:radial-gradient(circle at 1px 1px,rgba(15,19,17,.045) 1px,transparent 0);background-size:18px 18px;background-position:0 0}.canvas-stage-clean{background:var(--bg)}.canvas-artboard{position:relative;flex:0 0 auto;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-canvas);overflow:hidden}.canvas-artboard svg{display:block;width:100%;height:100%}.canvas-empty{text-align:center;max-width:320px;margin:auto;color:var(--ink-500)}.canvas-empty strong{display:block;margin-bottom:.35rem;font-size:var(--fs-md);font-weight:600;color:var(--ink);letter-spacing:-.01em}.canvas-empty p{font-size:var(--fs-sm);line-height:1.5}.canvas-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:.85rem;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--ink-400)}.preview-svg-host{width:100%;height:100%;display:block;padding:1rem;background:transparent}.preview-svg-host svg{display:block;width:100%;height:100%}.preview-empty{text-align:center;max-width:320px;margin:auto;color:var(--ink-500)}.preview-empty strong{display:block;margin-bottom:.35rem;font-size:var(--fs-md);font-weight:600;color:var(--ink)}.preview-empty p{font-size:var(--fs-sm);line-height:1.5;color:var(--ink-500)}.canvas-overlay-pill{position:absolute;top:14px;right:16px;display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;border-radius:999px;background:#0f1311d9;color:#fff;font-size:var(--fs-xs);font-weight:500;z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.canvas-overlay-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse-dot 1.4s ease-in-out infinite}.canvas-status-banner{position:absolute;top:56px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.55rem;padding:.4rem .7rem .4rem .6rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-sm);font-size:var(--fs-xs);color:var(--ink-700);z-index:5;max-width:min(560px,calc(100% - 4rem))}.canvas-status-banner.tone-warning{border-color:#8a5a0f40;background:var(--warning-soft);color:var(--warning)}.canvas-status-banner.tone-info{border-color:var(--accent-200);background:var(--accent-100);color:var(--accent)}.canvas-status-banner.tone-error{border-color:#9d2a2a40;background:var(--danger-soft);color:var(--danger)}.canvas-status-banner-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.canvas-meta-bar{position:absolute;bottom:16px;right:16px;display:inline-flex;align-items:center;gap:.85rem;padding:.4rem .7rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-sm);font-size:var(--fs-xs);color:var(--ink-500);z-index:5}.canvas-meta-bar strong{color:var(--ink);font-weight:600}.canvas-meta-divider{width:1px;height:14px;background:var(--line)}.workspace-inspector{display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--line);min-height:0;overflow:hidden}.inspector-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem .6rem;border-bottom:1px solid var(--line-soft)}.inspector-header-title{font-size:var(--fs-sm);font-weight:600;color:var(--ink)}.inspector-header-tabs{display:inline-flex;padding:2px;border-radius:7px;background:var(--surface-muted);font-size:var(--fs-xs)}.inspector-header-tabs button{padding:.3rem .6rem;border:0;background:transparent;color:var(--ink-500);border-radius:5px;font-weight:500}.inspector-header-tabs button.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-xs)}.inspector-body{flex:1;min-height:0;overflow:auto}.inspector-section{padding:.85rem 1rem;border-bottom:1px solid var(--line-soft)}.inspector-section:last-child{border-bottom:0}.inspector-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.inspector-section-title h3{font-size:var(--fs-xs);font-weight:600;color:var(--ink-500);text-transform:uppercase;letter-spacing:.06em}.inspector-row{display:flex;align-items:center;justify-content:space-between;padding:.32rem 0;font-size:var(--fs-sm);color:var(--ink-700)}.inspector-row span{color:var(--ink-500)}.inspector-row strong{font-weight:500;color:var(--ink)}.inspector-footer{padding:.85rem 1rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.5rem}.format-segment{display:inline-flex;width:100%;padding:3px;background:var(--surface-muted);border-radius:8px}.format-segment button{flex:1;padding:.4rem .5rem;border:0;background:transparent;color:var(--ink-500);font-size:var(--fs-xs);font-weight:500;border-radius:6px}.format-segment button.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-xs)}.trust-list{display:flex;flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none}.trust-list li{display:flex;align-items:flex-start;gap:.5rem;font-size:var(--fs-sm);color:var(--ink-700)}.trust-list li:before{content:"";flex-shrink:0;margin-top:6px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:1rem}.panel-flush,.context-section .panel,.inspector-section .panel{background:transparent;border:0;padding:0;border-radius:0}.context-section .panel-header,.inspector-section .panel-header{display:none}.context-section .template-summary{background:transparent;border:0;padding:.55rem 0;border-top:1px solid var(--line-soft);margin-top:.6rem;border-radius:0}.context-section .template-summary strong{font-size:var(--fs-sm);font-weight:600}.context-section .template-summary p{font-size:var(--fs-xs);line-height:1.5}.context-section .status-card,.inspector-section .status-card{margin-top:.5rem}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.panel-header h1,.panel-header h2{margin:0 0 .15rem;font-size:var(--fs-md);font-weight:600;letter-spacing:-.01em}.panel-header p{margin:0;color:var(--ink-500);font-size:var(--fs-sm)}.field{display:flex;flex-direction:column;gap:.32rem;margin-bottom:.7rem}.field:last-child{margin-bottom:0}.field-label{display:flex;align-items:center;gap:.4rem;font-size:var(--fs-xs);font-weight:500;color:var(--ink-700)}.required-indicator{color:var(--danger);font-weight:600}.field-unit{padding:.05rem .4rem;border-radius:4px;background:var(--surface-muted);color:var(--ink-500);font-size:var(--fs-2xs);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.field-hint{color:var(--ink-400);font-size:var(--fs-2xs);line-height:1.45}.field-issue{font-size:var(--fs-2xs);font-weight:500}.field-issue.warning{color:var(--warning)}.field-issue.error{color:var(--danger)}.status-card{padding:.55rem .7rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-soft);font-size:var(--fs-xs);color:var(--ink-700);line-height:1.5}.status-card.subtle{background:var(--surface-muted);border-color:var(--line);color:var(--ink-500)}.status-card.info{background:var(--accent-100);border-color:var(--accent-200);color:var(--accent)}.status-card.success{background:var(--success-soft);border-color:var(--accent-200);color:var(--accent)}.status-card.warning{background:var(--warning-soft);border-color:#8a5a0f2e;color:var(--warning)}.status-card.error{background:var(--danger-soft);border-color:#9d2a2a2e;color:var(--danger)}.status-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .55rem;border-radius:999px;font-size:var(--fs-2xs);font-weight:500;background:var(--surface-muted);color:var(--ink-500);white-space:nowrap}.pill.ready,.pill.saved,.pill.success{background:var(--success-soft);color:var(--accent)}.pill.warning,.pill.stale{background:var(--warning-soft);color:var(--warning)}.pill.invalid,.pill.error{background:var(--danger-soft);color:var(--danger)}.pill.pending,.pill.loading,.pill.debouncing,.pill.saving{background:var(--accent-100);color:var(--accent)}.pill.idle{background:var(--surface-muted);color:var(--ink-500)}.button-primary{background:var(--accent);border-color:var(--accent);color:#fff;padding:.55rem .95rem;font-size:var(--fs-sm);font-weight:500}.button-primary:hover:not(:disabled){background:var(--accent-700);border-color:var(--accent-700);color:#fff}.button-primary:disabled{background:#1f5c4f52;border-color:#1f5c4f3d;color:#ffffffd9}.button-ghost{background:transparent;border-color:transparent;color:var(--ink-700)}.button-ghost:hover:not(:disabled){background:var(--surface-muted);border-color:transparent}.button-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:var(--radius);color:var(--ink-500)}.button-icon:hover:not(:disabled){color:var(--ink)}.segmented-control{display:inline-flex;width:100%;padding:3px;border-radius:8px;background:var(--surface-muted);margin-bottom:.85rem}.segmented-control button{flex:1;padding:.45rem .6rem;border:0;background:transparent;color:var(--ink-500);font-size:var(--fs-xs);font-weight:500;border-radius:6px}.segmented-control button.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-xs)}.layer-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .6rem;border-radius:6px;background:var(--surface-muted);border:0;font-size:var(--fs-xs);color:var(--ink-700);cursor:pointer}.layer-toggle input{width:auto;margin:0}.layer-toggle:hover{background:var(--line)}.surface-kicker{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--fs-2xs);font-weight:600;color:var(--ink-400);letter-spacing:.08em;text-transform:uppercase}.parameter-list{display:flex;flex-direction:column;gap:.6rem}.template-summary{display:flex;flex-direction:column;gap:.3rem;padding:.7rem .8rem;border-radius:var(--radius);background:var(--surface-soft);border:1px solid var(--line);font-size:var(--fs-xs)}.template-summary strong{font-size:var(--fs-sm);font-weight:600;color:var(--ink)}.template-summary p{font-size:var(--fs-xs);color:var(--ink-500)}.template-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .55rem;color:var(--ink-500);font-size:var(--fs-2xs)}.editor-related-list{display:flex;flex-direction:column;gap:.3rem}.editor-related-item{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.55rem .65rem;border-radius:var(--radius);border:1px solid transparent;background:transparent;text-align:left;width:100%;cursor:pointer;transition:background .1s ease,border-color .1s ease}.editor-related-item:hover{background:var(--surface-muted);border-color:var(--line)}.editor-related-item div:first-child{display:flex;flex-direction:column;gap:.1rem;min-width:0}.editor-related-item strong{font-size:var(--fs-sm);font-weight:500;color:var(--ink)}.editor-related-item span{font-size:var(--fs-2xs);color:var(--ink-500)}.editor-more-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.4rem}.editor-more-meta{display:grid;gap:.2rem;margin-top:.7rem;color:var(--ink-500);font-size:var(--fs-2xs)}.inline-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem}.surface-shell{display:flex;flex:1;flex-direction:column;gap:1rem;min-height:100vh;padding:1.25rem 1.5rem 2rem;max-width:1280px;margin:0 auto;width:100%}.surface-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0}.surface-brand{display:flex;align-items:center;gap:.7rem}.surface-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--accent);color:#fff;font-weight:700;font-size:var(--fs-sm);letter-spacing:.02em}.surface-brand-copy{display:flex;flex-direction:column;gap:0;min-width:0}.surface-brand-copy h1{font-size:var(--fs-lg);font-weight:600;letter-spacing:-.01em;line-height:1.2}.surface-brand-copy p{margin:2px 0 0;font-size:var(--fs-sm);color:var(--ink-500);max-width:60ch}.surface-brand-eyebrow{font-size:var(--fs-2xs);font-weight:600;color:var(--ink-400);letter-spacing:.08em;text-transform:uppercase}.surface-header-actions{display:flex;align-items:center;gap:.5rem}.surface-grid{display:grid;gap:.75rem;width:100%}.surface-grid-three{grid-template-columns:minmax(220px,1fr) minmax(0,2fr) minmax(220px,1fr)}.surface-panel{display:flex;flex-direction:column;gap:.7rem;padding:1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.surface-panel-danger{background:var(--danger-soft);border-color:#9d2a2a2e}.surface-panel-copy strong{display:block;margin-bottom:.3rem;font-weight:600}.surface-panel-copy p{margin:0;color:var(--ink-500);font-size:var(--fs-sm)}.surface-skeleton-panel{justify-content:space-between}.surface-skeleton{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--surface-muted)}.surface-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:surface-shimmer 1.6s ease-in-out infinite}.surface-skeleton-xl{min-height:18rem}.surface-skeleton-lg{min-height:7rem}.surface-skeleton-md{min-height:2.6rem}.surface-skeleton-sm{min-height:1.6rem}.surface-skeleton-cta{min-height:2.6rem}@keyframes surface-shimmer{to{transform:translate(100%)}}.library-shell{display:flex;flex:1;flex-direction:column;gap:1rem;width:100%}.library-hero-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:1.25rem;gap:.85rem}.library-hero-copy{display:flex;flex-direction:column;gap:.25rem}.library-hero-copy strong{font-size:var(--fs-xl);font-weight:600;letter-spacing:-.015em;color:var(--ink)}.library-hero-copy p{font-size:var(--fs-sm);color:var(--ink-500);max-width:60ch}.library-search-row{display:flex;gap:.5rem}.library-search-field{margin-bottom:0;flex:1}.library-chip-row,.library-featured-row,.library-badge-row{display:flex;flex-wrap:wrap;gap:.4rem}.library-chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.35rem .7rem;font-size:var(--fs-xs);background:var(--surface);border:1px solid var(--line);color:var(--ink-700);cursor:pointer}.library-chip:hover{border-color:var(--line-strong);background:var(--surface-soft)}.library-chip.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.library-chip span{color:inherit;opacity:.6;font-variant-numeric:tabular-nums}.library-featured-link{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.35rem .7rem;font-size:var(--fs-xs);background:var(--accent-100);color:var(--accent);border:1px solid transparent;cursor:pointer}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem}.library-card{display:flex;flex-direction:column;gap:.7rem;min-width:0;padding:.75rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.library-card:hover{transform:translateY(-1px);border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.library-card-visual{position:relative;display:flex;align-items:flex-end;justify-content:space-between;min-height:8.5rem;padding:.85rem;border-radius:8px;background:radial-gradient(circle at 1px 1px,rgba(15,19,17,.04) 1px,transparent 0),var(--surface-soft);background-size:14px 14px,auto;border:1px solid var(--line)}.library-card-visual img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px}.library-card-visual-skeleton{min-height:8.5rem}.library-card-monogram{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:8px;background:var(--accent);color:#fff;font-size:var(--fs-md);font-weight:600}.library-card-code{font-family:var(--font-mono);color:var(--ink-400);font-size:var(--fs-2xs);font-weight:500;letter-spacing:.04em}.library-card-body{display:flex;flex:1;flex-direction:column;gap:.4rem}.library-card-body p{font-size:var(--fs-xs);color:var(--ink-500);line-height:1.5}.library-card-meta{display:flex;justify-content:space-between;gap:.5rem;color:var(--ink-400);font-size:var(--fs-2xs);font-weight:500}.library-card-title-row{display:flex;flex-direction:column;gap:.3rem}.library-card-title-row strong{font-size:var(--fs-sm);font-weight:600;color:var(--ink);letter-spacing:-.005em}.library-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.12rem .45rem;border-radius:4px;background:var(--surface-muted);color:var(--ink-500);font-size:var(--fs-2xs);font-weight:500;letter-spacing:.02em}.library-badge-featured{background:var(--accent-100);color:var(--accent)}.library-badge-popular{background:var(--warning-soft);color:var(--warning)}.library-badge-new{background:#3146c61a;color:#3146c6}.library-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.library-empty-state{align-items:flex-start}.surface-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0f131152;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:80}.surface-modal{width:min(560px,100%);max-height:min(90vh,760px);overflow:auto;padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-pop)}.surface-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.surface-modal-header h2{margin:.25rem 0 .3rem;font-size:var(--fs-lg);font-weight:600;letter-spacing:-.01em}.surface-modal-header p{margin:0;font-size:var(--fs-sm);color:var(--ink-500);max-width:60ch}.surface-modal-body{display:flex;flex-direction:column;gap:.85rem;margin-top:.85rem}.surface-modal-actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.revenue-plan-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.revenue-plan-card{display:flex;flex-direction:column;gap:.35rem;padding:.75rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.revenue-plan-card strong{font-size:var(--fs-sm);font-weight:600}.revenue-plan-card p{margin:0;color:var(--ink-500);font-size:var(--fs-xs)}.revenue-plan-card-recommended{border-color:var(--accent-200);background:var(--accent-100)}.revenue-billing-toggle{display:inline-flex;padding:3px;border-radius:8px;background:var(--surface-muted)}.revenue-billing-toggle button{padding:.32rem .7rem;border:0;background:transparent;border-radius:6px;font-size:var(--fs-xs);color:var(--ink-500)}.revenue-billing-toggle .is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-xs)}@media(max-width:1280px){:root{--context-w: 280px;--inspector-w: 312px}}@media(max-width:640px){.surface-shell{padding:1rem}}:root{--accent-strong: #115e59;--panel: rgba(255, 255, 255, .92);--panel-strong: #ffffff;--text: #111827;--text-soft: #4b5563;--text-muted: #6b7280;--space-8: 8px;--space-12: 12px}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;font-size:11.5px;font-weight:500;letter-spacing:.01em}.button-primary{background:linear-gradient(180deg,#0f766e,#115e59);border-color:var(--accent);color:#fff;box-shadow:inset 0 1px #ffffff1f}.button-primary:hover:not(:disabled){background:linear-gradient(180deg,#14867d,#0f6661);border-color:var(--accent-strong)}.button-secondary{background:#ffffffb3;color:var(--text)}.surface-shell{display:flex;flex:1;flex-direction:column;min-height:100vh;padding:10px;gap:10px}.surface-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 14px;background:#ffffffc7;border:1px solid rgba(231,233,236,.88);border-radius:16px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.surface-header-brand{display:flex;align-items:center;gap:12px;min-width:0}.surface-brand{display:flex;align-items:center;gap:10px;min-width:0}.surface-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(180deg,#0f766e24,#0f766e0f),var(--panel-strong);border:1px solid var(--line);color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.12em}.surface-brand-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.surface-brand-eyebrow,.surface-kicker{color:var(--accent);font-size:11px;line-height:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.surface-brand-copy h1{margin:0;font-size:16px;line-height:20px;font-weight:400;letter-spacing:-.02em}.surface-header-subtitle{margin:0;max-width:300px;color:var(--text-muted);font-size:10.5px;line-height:15px;font-weight:300}.surface-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-8);flex-wrap:wrap}.surface-content{display:flex;flex:1;min-height:0}.editor-nav-rail,.editor-context-panel,.panel,.surface-panel,.surface-modal,.workspace-bottom-rail{background:var(--panel);border:1px solid rgba(231,233,236,.92);box-shadow:var(--shadow-sm)}.editor-context-header p,.panel-header p,.surface-modal-header p,.revenue-help-text,.library-card-body p,.surface-panel-copy p,.preview-empty p,.library-hero-copy p{margin:0;color:var(--text-muted);font-size:12px;line-height:18px}.context-panel,.panel,.surface-panel{padding:12px;border-radius:16px}.context-template-summary strong,.library-hero-copy strong,.revenue-copy strong,.preview-empty strong,.surface-panel-copy strong{font-size:16px;line-height:22px;font-weight:400}.surface-panel{gap:var(--space-12)}.surface-panel-danger{border-color:#c2413a2e;background:#c2413a0a}.surface-panel-copy{display:flex;flex-direction:column;gap:var(--space-8)}.surface-inline-code{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#1118270f;border:1px solid rgba(17,24,39,.08);color:var(--text-soft)}.button-primary,.button-secondary,.icon-button{border-radius:10px;font-weight:650}.button-primary{background:linear-gradient(180deg,#0b8c69,#066047);border-color:#065f49b8;box-shadow:inset 0 1px #ffffff38,0 10px 22px #087a5d33}.button-secondary,.icon-button{background:#ffffffb3}.surface-shell{min-height:100svh;max-height:100svh;padding:12px;gap:10px}.surface-header{min-height:58px;grid-template-columns:minmax(280px,1fr) auto;padding:9px 12px;border-radius:18px;background:#ffffffbd;border-color:#1f2a2514;box-shadow:0 12px 36px #141c180f}.surface-brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#087a5d2e,#ffffffc7),#fff;border-color:#087a5d29;color:var(--accent-strong)}.surface-brand-copy h1{font-size:17px;line-height:21px;font-weight:650}.surface-header-subtitle{max-width:420px;font-size:11.5px;line-height:16px}.surface-content{overflow:hidden}.editor-context-header p,.panel-header p,.surface-modal-header p,.revenue-help-text,.library-card-body p,.surface-panel-copy p,.preview-empty p,.library-hero-copy p{font-size:12px;line-height:18px}.panel,.surface-panel,.context-panel{border-radius:14px}:root{--vp-bg: #F7F7F5;--vp-bg-muted: #F0F0ED;--vp-surface: #FFFFFF;--vp-surface-elevated: #FFFFFF;--vp-line: #E8E8E5;--vp-line-strong: #D5D5D1;--vp-ink: #0E0E10;--vp-ink-soft: #1C1C1E;--vp-mute: #8A8A8F;--vp-mute-2: #A8A8AD;--vp-accent: #D1FE17;--vp-accent-soft: #F0FBA8;--vp-accent-strong: #B8E000;--vp-accent-ink: #1A1F00;--vp-green: #7BB63A;--vp-green-soft: #DDEFC0;--vp-green-ink: #3F5A1E;--vp-red: #D4483B;--vp-red-soft: #FEF2F2;--vp-orange: #F39B2A;--vp-cut: #0E0E10;--vp-fold: #D4483B;--vp-bleed: #7BB63A;--vp-window: #8A8A8F;--vp-r-sm: 8px;--vp-r-md: 12px;--vp-r-lg: 18px;--vp-r-xl: 24px;--vp-sans: "Poppins", "Inter", "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--vp-serif: "Instrument Serif", Georgia, serif;--vp-mono: "Poppins", "Inter", ui-monospace, SFMono-Regular, Menlo, monospace;--vp-sh-1: 0 1px 2px rgba(14,14,16,.04);--vp-sh-2: 0 1px 0 rgba(14,14,16,.03), 0 4px 12px -4px rgba(14,14,16,.08);--vp-sh-card: 0 1px 0 rgba(14,14,16,.03), 0 8px 24px -8px rgba(14,14,16,.12);--vp-sh-float: 0 1px 0 rgba(14,14,16,.03), 0 16px 40px -12px rgba(14,14,16,.16);--vp-ease: cubic-bezier(.4, 0, .2, 1)}.vp-app,.vp-app *,.vp-app *:before,.vp-app *:after{box-sizing:border-box}.vp-app{font-family:var(--vp-sans);background:var(--vp-bg);color:var(--vp-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:13px;line-height:1.5;letter-spacing:-.006em;display:flex;flex-direction:column;flex:1;width:100%;height:100vh;overflow:hidden}.vp-app ::-moz-selection{background:var(--vp-ink);color:#fff}.vp-app ::selection{background:var(--vp-ink);color:#fff}.vp-app ::-webkit-scrollbar{width:4px;height:4px}.vp-app ::-webkit-scrollbar-track{background:transparent}.vp-app ::-webkit-scrollbar-thumb{background:var(--vp-line-strong);border-radius:10px}.vp-app :where(button){cursor:pointer;border:0;background:none;font-family:inherit;font-size:inherit;color:inherit;padding:0;border-radius:0}.vp-app :where(input,select,textarea){font-family:inherit;font-size:inherit;color:inherit;width:auto;padding:0;background:transparent;border:0;border-radius:0}.vp-app :where(input){outline:0}.vp-app :where(a){color:inherit;text-decoration:none}.vp-preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;overflow:hidden;background:var(--vp-preloader-bg);color:var(--vp-preloader-main);isolation:isolate}.vp-preloader-day{color-scheme:light;--vp-preloader-bg: #f7f7f5;--vp-preloader-grid-opacity: .07;--vp-preloader-main: #18181b;--vp-preloader-accent: #D1FE17;--vp-preloader-middle: #27272a;--vp-preloader-corner: #D1FE17}.vp-preloader-night{color-scheme:dark;--vp-preloader-bg: #080b06;--vp-preloader-grid-opacity: .12;--vp-preloader-main: #ffffff;--vp-preloader-accent: #D1FE17;--vp-preloader-middle: #d4d4d8;--vp-preloader-corner: #2a3d1a}.vp-preloader-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:var(--vp-preloader-grid-opacity);background-image:linear-gradient(to right,#888 1px,transparent 1px),linear-gradient(to bottom,#888 1px,transparent 1px);background-size:clamp(20px,5vw,60px) clamp(20px,5vw,60px)}.vp-preloader-word-wrap{position:relative;z-index:1;display:flex;width:100%;padding:0 16px;flex-direction:column;align-items:center}.vp-preloader-word{display:flex;width:100%;align-items:center;justify-content:center;flex-wrap:nowrap}.vp-preloader-char{position:relative;overflow:hidden;padding:0 2px}.vp-preloader-letter{display:inline-block;font-family:var(--vp-sans);font-size:168px;line-height:.9;font-weight:900;letter-spacing:-.03em}.vp-preloader-letter-main{color:var(--vp-preloader-main)}.vp-preloader-letter-slice{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.vp-preloader-letter-top,.vp-preloader-letter-bottom{color:var(--vp-preloader-accent)}.vp-preloader-letter-middle{color:var(--vp-preloader-middle)}@media(max-width:900px){.vp-preloader-letter{font-size:112px}}@media(max-width:560px){.vp-preloader-letter{font-size:50px}.vp-preloader-char{padding:0 1px}}.vp-topbar{height:48px;min-height:48px;background:var(--vp-surface);border-bottom:1px solid var(--vp-line);display:flex;align-items:center;padding:0 36px 0 12px;gap:10px;z-index:50;flex-shrink:0;position:relative}.vp-tb-brand{display:flex;align-items:center;gap:8px;margin-right:4px;flex-shrink:0;position:relative;z-index:2}.vp-tb-logo{width:24px;height:24px;border-radius:7px;background:var(--vp-ink);display:grid;place-items:center;box-shadow:inset 0 1px #ffffff1a;flex-shrink:0;position:relative}.vp-tb-logo:after{content:"";width:10px;height:10px;border-radius:2.5px;background:linear-gradient(180deg,#e8ff7a,#d1fe17);transform:rotate(45deg)}.vp-tb-name{font-size:14.5px;font-weight:600;white-space:nowrap}.vp-tb-nav{display:flex;align-items:center;gap:10px;flex-shrink:0;position:relative;z-index:2}.vp-topbar.is-gallery .vp-tb-nav{position:absolute;left:276px;top:50%;transform:translateY(-50%);margin-left:0}.vp-topbar.is-editor .vp-tb-nav{margin-left:10px}.vp-tb-tabs{display:flex;background:var(--vp-bg-muted);padding:3px;border-radius:16px;border:1px solid var(--vp-line);flex-shrink:0;position:relative;z-index:2}.vp-tb-tab{padding:4px 12px;font-size:12px;font-weight:500;color:var(--vp-mute);border-radius:12px;transition:all .15s var(--vp-ease);white-space:nowrap}.vp-tb-tab:hover{color:var(--vp-ink)}.vp-tb-tab.on{background:var(--vp-surface);color:var(--vp-ink);box-shadow:var(--vp-sh-1)}.vp-tb-bread{max-width:min(28vw,360px);min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;position:relative;z-index:2;font-size:11.5px;line-height:1.25;padding:2px 0}.vp-tb-spacer{flex:1 1 0;min-width:12px}.vp-tb-banner-slot{position:absolute;left:50%;top:50%;width:min(420px,28vw);transform:translate(-50%,-50%);display:flex;justify-content:center;min-width:0;pointer-events:none;z-index:1}.vp-topbar.is-gallery .vp-tb-banner-slot{left:calc(50% + 96px);width:min(390px,22vw)}.vp-announcement-banner{min-height:36px;max-width:420px;width:100%;padding:5px 8px 5px 10px;border-radius:var(--vp-r-sm);border:1px solid rgba(123,182,58,.34);background:var(--vp-banner-bg, linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,253,241,.92)));box-shadow:0 12px 30px -22px #1a460c6b,inset 0 1px #ffffffeb;backdrop-filter:blur(12px) saturate(1.16);-webkit-backdrop-filter:blur(12px) saturate(1.16);display:flex;align-items:center;justify-content:space-between;gap:12px;overflow:visible;color:#1c2c16;pointer-events:auto;position:relative;isolation:isolate;transition:transform .16s var(--vp-ease),border-color .16s var(--vp-ease),box-shadow .16s var(--vp-ease),background .16s var(--vp-ease)}.vp-announcement-banner.announcement{--vp-banner-accent: #304425;--vp-banner-bg: linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,251,241,.93));--vp-banner-border: rgba(105,150,52,.32);--vp-banner-glow: rgba(123,182,58,.36)}.vp-announcement-banner.campaign{--vp-banner-accent: #668F1D;--vp-banner-bg: linear-gradient(180deg, rgba(255,255,255,.96), rgba(250,253,241,.93));--vp-banner-border: rgba(155,196,78,.34);--vp-banner-glow: rgba(166,214,78,.38)}.vp-announcement-banner.new-template{--vp-banner-accent: #5D991E;--vp-banner-bg: linear-gradient(180deg, rgba(255,255,255,.96), rgba(245,252,235,.93));--vp-banner-border: rgba(112,214,0,.36);--vp-banner-glow: rgba(112,214,0,.42)}.vp-announcement-banner.announcement,.vp-announcement-banner.campaign,.vp-announcement-banner.new-template{background:var(--vp-banner-bg);border-color:var(--vp-banner-border)}.vp-announcement-banner:before,.vp-announcement-banner:after{content:"";position:absolute;pointer-events:none;transition:opacity .16s var(--vp-ease),transform .16s var(--vp-ease),filter .16s var(--vp-ease)}.vp-announcement-banner:before{top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(112deg,#5b911cb8,#dff8a675 43%,#70d600ad);opacity:.54;z-index:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.vp-announcement-banner:after{top:-7px;right:-10px;bottom:-7px;left:-10px;border-radius:14px;background:radial-gradient(48% 92% at 24% 50%,var(--vp-banner-glow),transparent 68%),radial-gradient(42% 80% at 82% 50%,rgba(199,241,105,.38),transparent 70%);filter:blur(12px);opacity:.34;z-index:-1}.vp-announcement-banner:hover{transform:translateY(-1px);border-color:#70d60094;box-shadow:0 16px 34px -20px #2c6c1085,inset 0 1px #fffffffa}.vp-announcement-banner:hover:before{opacity:.88}.vp-announcement-banner:hover:after{opacity:.72;filter:blur(15px);transform:scale(1.018)}.vp-announcement-banner.is-exiting{animation:vp-banner-out .15s var(--vp-ease) forwards}@keyframes vp-banner-out{to{opacity:0;transform:translateY(-2px) scale(.98)}}.vp-banner-shade{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(70% 90% at 12% 0%,rgba(188,236,105,.28),transparent 54%),linear-gradient(105deg,transparent 28%,rgba(255,255,255,.64) 45%,transparent 62%);opacity:.62;transform:skew(-12deg);pointer-events:none;z-index:0}.vp-banner-main{min-width:0;flex:1;display:flex;align-items:center;gap:9px;position:relative;z-index:1}.vp-banner-icon{width:15px;height:15px;color:var(--vp-banner-accent);stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.vp-banner-copy{min-width:0;flex:1;line-height:1.1}.vp-banner-title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1f3318;font-size:11.5px;font-weight:700}.vp-banner-message{margin:1px 0 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:500;color:#2a3823bd}.vp-banner-actions{display:flex;flex-shrink:0;align-items:center;gap:6px;position:relative;z-index:1}.vp-banner-cta{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;color:#1f3318;font-size:11px;font-weight:700;padding:4px 7px;border-radius:6px;background:#70d60024;box-shadow:inset 0 0 0 1px #70d60033}.vp-banner-cta:hover{background:#70d60038;box-shadow:inset 0 0 0 1px #70d60057}.vp-banner-dismiss{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;flex-shrink:0;color:#27391f9e}.vp-banner-dismiss:hover{background:#70d60024;color:#1f3318}.vp-banner-x{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vp-kbd{display:inline-flex;gap:2px;color:var(--vp-mute-2);font-size:10px}.vp-kbd span{font-family:var(--vp-mono);font-size:10px;background:var(--vp-surface);border:1px solid var(--vp-line);border-radius:4px;padding:1px 5px}.vp-tb-right{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0;min-width:0;position:relative;z-index:2}.vp-mode-toggle{display:flex;align-items:center;background:var(--vp-bg-muted);border:1px solid var(--vp-line);border-radius:999px;padding:3px;gap:2px}.vp-mode-tab{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:24px;padding:4px 10px;border-radius:999px;color:var(--vp-mute);font-size:12px;font-weight:600;white-space:nowrap;transition:background .15s var(--vp-ease),color .15s var(--vp-ease),box-shadow .15s var(--vp-ease)}.vp-mode-tab:hover{color:var(--vp-ink)}.vp-mode-tab.on{background:var(--vp-surface);color:var(--vp-ink);box-shadow:var(--vp-sh-1)}.vp-tb-avatar-menu{position:relative;flex-shrink:0}.vp-tb-avatar{width:30px;height:30px;border-radius:50%;background:var(--vp-accent);color:#0e0e10;display:grid;place-items:center;font-size:11px;font-weight:700;letter-spacing:.02em;border:2px solid var(--vp-surface);box-shadow:0 0 0 1px var(--vp-line);padding:0;cursor:pointer;font-family:inherit;transition:box-shadow .15s var(--vp-ease, ease),transform .15s var(--vp-ease, ease)}.vp-tb-avatar:hover{box-shadow:0 0 0 1px var(--vp-mute-2, #A8A8AD)}.vp-tb-avatar:focus-visible{outline:none;box-shadow:0 0 0 1px var(--vp-line),0 0 0 3px #b8e00073}.vp-avatar-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:60;min-width:208px;display:flex;flex-direction:column;padding:6px;background:var(--vp-surface);border:1px solid var(--vp-line);border-radius:var(--vp-r-md, 12px);box-shadow:var(--vp-sh-float);animation:vpAvatarMenuIn .14s var(--vp-ease, ease) both}@keyframes vpAvatarMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.vp-avatar-dropdown{animation:none}}.vp-avatar-identity{display:grid;gap:2px;padding:8px 10px 10px;border-bottom:1px solid var(--vp-line);margin-bottom:6px}.vp-avatar-name{font-size:13px;font-weight:600;color:var(--vp-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-avatar-email{font-size:11.5px;color:var(--vp-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-avatar-item{display:block;width:100%;text-align:left;border:0;border-radius:var(--vp-r-sm, 8px);background:transparent;color:var(--vp-ink-soft);cursor:pointer;font:inherit;font-size:13px;font-weight:500;padding:9px 10px;transition:background .12s var(--vp-ease, ease),color .12s var(--vp-ease, ease)}.vp-avatar-item:hover{background:var(--vp-bg-muted);color:var(--vp-ink)}.vp-avatar-item:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #b8e00080}.vp-avatar-item-danger{color:var(--vp-red)}.vp-avatar-item-danger:hover{background:var(--vp-red-soft);color:var(--vp-red)}.vp-avatar-item:disabled{cursor:wait;opacity:.6}.vp-tb-auth-pill{display:inline-flex;align-items:center;gap:0;padding:4px 6px;border-radius:16px;background:#ffffffc7;border:1px solid var(--vp-line);box-shadow:0 1px 2px #0e0e100a,inset 0 1px #fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.vp-tb-auth-link{display:inline-flex;align-items:center;padding:5px 12px;border-radius:12px;font-size:12px;font-weight:600;color:var(--vp-ink-soft);white-space:nowrap;transition:background .15s var(--vp-ease),color .15s var(--vp-ease)}.vp-tb-auth-link:hover{background:var(--vp-bg-muted)}.vp-tb-auth-divider{width:1px;height:16px;margin:0 2px;background:var(--vp-line-strong)}.vp-breadbar{height:40px;min-height:40px;background:var(--vp-surface);border-bottom:1px solid var(--vp-line);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:12.5px}.vp-bread{display:flex;align-items:center;gap:6px;color:var(--vp-mute)}.vp-bread span{transition:color .12s}.vp-bread span:last-child{color:var(--vp-ink);font-weight:500}.vp-bread .vp-sep{color:var(--vp-line-strong)}.vp-bread-right{display:flex;align-items:center;gap:10px}.vp-save-status{display:flex;align-items:center;gap:6px;color:var(--vp-mute);font-size:12px;max-width:150px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vp-save-dot{width:5px;height:5px;border-radius:50%;background:var(--vp-green)}.vp-save-dot.dirty{background:var(--vp-orange)}.vp-save-dot.saving{background:var(--vp-accent);animation:vp-pulse 1.2s var(--vp-ease) infinite}@keyframes vp-pulse{0%,to{opacity:1}50%{opacity:.4}}.vp-btn-save{padding:6px 14px;font-size:12.5px;font-weight:600;background:var(--vp-accent);color:#0e0e10;border-radius:var(--vp-r-sm);box-shadow:0 1px 2px #d1fe1759;transition:opacity .12s,background .12s}.vp-btn-save:hover{background:var(--vp-accent-strong)}.vp-btn-save:disabled{opacity:.5;cursor:not-allowed}.vp-btn-more{width:28px;height:28px;border-radius:var(--vp-r-sm);display:grid;place-items:center;color:var(--vp-mute);border:1px solid var(--vp-line)}.vp-btn-more:hover{background:var(--vp-bg-muted)}.vp-shell{flex:1;display:flex;overflow:hidden;min-height:0}.vp-shell-workspace{flex:1;display:flex;min-width:0;min-height:0;overflow:hidden}.vp-shell-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.vp-body{flex:1;display:flex;overflow:hidden;min-height:0}.vp-tpl-panel{width:210px;min-width:210px;background:var(--vp-surface);border-right:1px solid var(--vp-line);display:flex;flex-direction:column;overflow:hidden}.vp-tpl-head{padding:12px 12px 8px;font-size:13px;font-weight:600;letter-spacing:-.01em}.vp-tpl-search{margin:0 10px 8px;display:flex;align-items:center;gap:6px;background:var(--vp-bg-muted);border:1px solid var(--vp-line);border-radius:var(--vp-r-sm);padding:6px 8px;font-size:12px}.vp-tpl-search:focus-within{border-color:var(--vp-line-strong)}.vp-tpl-search input{flex:1;font-size:12px;min-width:0}.vp-tpl-search input::-moz-placeholder{color:var(--vp-mute-2)}.vp-tpl-search input::placeholder{color:var(--vp-mute-2)}.vp-tpl-filters{display:flex;gap:4px;padding:0 10px 8px}.vp-tpl-filter{flex:1;font-size:11px;font-weight:500;color:var(--vp-mute);padding:5px 0;text-align:center;background:var(--vp-bg-muted);border:1px solid var(--vp-line);border-radius:var(--vp-r-sm);transition:all .12s}.vp-tpl-filter:hover{color:var(--vp-ink)}.vp-tpl-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px 10px 12px;align-content:start}.vp-tpl-card{border:2px solid transparent;border-radius:var(--vp-r-md);overflow:hidden;cursor:pointer;background:var(--vp-surface);transition:border-color .15s,box-shadow .15s;display:block;width:100%;text-align:left}.vp-tpl-card:hover{border-color:var(--vp-line-strong)}.vp-tpl-card.selected{border-color:var(--vp-accent);box-shadow:0 0 0 2px #d1fe1733}.vp-tpl-card .vp-thumb{aspect-ratio:1;background:var(--vp-bg-muted);display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--vp-line)}.vp-tpl-card .vp-thumb svg,.vp-tpl-card .vp-thumb img{width:90%;height:90%;-o-object-fit:contain;object-fit:contain;transition:transform .2s var(--vp-ease)}.vp-tpl-card:hover .vp-thumb svg,.vp-tpl-card:hover .vp-thumb img{transform:scale(1.05)}.vp-tpl-card .vp-info{padding:6px 7px 7px}.vp-tpl-card .vp-tname{font-size:11px;font-weight:600;line-height:1.3;letter-spacing:-.01em}.vp-tpl-card .vp-tcode{font-family:var(--vp-mono);font-size:9.5px;color:var(--vp-mute);margin-top:1px}.vp-tpl-empty{padding:16px 12px;font-size:11.5px;color:var(--vp-mute);text-align:center}.vp-rail{width:56px;min-width:56px;background:var(--vp-surface);border-right:1px solid var(--vp-line);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:2px;flex-shrink:0}.vp-rail>span{display:flex;flex-direction:column;align-items:center}.vp-rail-btn{width:38px;height:38px;border-radius:var(--vp-r-sm);display:grid;place-items:center;color:var(--vp-mute);transition:all .12s;position:relative}.vp-rail-btn:hover{background:var(--vp-bg-muted);color:var(--vp-ink)}.vp-rail-btn.on{background:var(--vp-accent);color:#0e0e10}.vp-rail-btn:after{content:attr(title);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%) translate(-4px);opacity:0;pointer-events:none;background:#0e0e10eb;color:#fff;border-radius:999px;padding:4px 8px;font-family:var(--vp-sans);font-size:11px;font-weight:600;white-space:nowrap;box-shadow:var(--vp-sh-card);z-index:80;transition:opacity .12s var(--vp-ease),transform .12s var(--vp-ease)}.vp-rail-btn:hover:after{opacity:1;transform:translateY(-50%) translate(0);transition-delay:.2s}.vp-rail-sep{width:28px;height:1px;background:var(--vp-line);margin:7px 0}.vp-param-panel{width:240px;min-width:240px;background:var(--vp-surface);border-right:1px solid var(--vp-line);display:flex;flex-direction:column;overflow-y:auto}.vp-param-tabs{display:flex;border-bottom:1px solid var(--vp-line);padding:0 16px}.vp-param-tab{padding:10px 0;margin-right:20px;font-size:13px;font-weight:500;color:var(--vp-mute);border-bottom:2px solid transparent;transition:all .12s}.vp-param-tab:hover{color:var(--vp-ink)}.vp-param-tab.on{color:var(--vp-ink);border-bottom-color:var(--vp-ink)}.vp-param-body{padding:16px;display:flex;flex-direction:column;gap:20px}.vp-param-label{font-size:12px;font-weight:600;color:var(--vp-ink);margin-bottom:12px;letter-spacing:-.01em}.vp-param-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.vp-param-row:last-child{margin-bottom:0}.vp-param-key{font-size:12.5px;color:var(--vp-mute);flex:1;min-width:0}.vp-param-input-wrap{display:flex;align-items:center;background:var(--vp-bg-muted);border:1px solid var(--vp-line);border-radius:var(--vp-r-sm);overflow:hidden;transition:border-color .15s}.vp-param-input-wrap:focus-within{border-color:var(--vp-accent)}.vp-param-input{width:64px;padding:6px 8px;font-family:var(--vp-mono);font-size:12.5px;font-weight:500;text-align:right;color:var(--vp-ink)}.vp-param-input.text{text-align:left;font-family:var(--vp-sans)}.vp-param-input:disabled{opacity:.55;cursor:not-allowed}.vp-param-unit{font-family:var(--vp-mono);font-size:11px;color:var(--vp-mute);padding:0 8px 0 0;pointer-events:none}.vp-param-select{font-family:var(--vp-mono);font-size:12px;font-weight:500;background:var(--vp-bg-muted);border:1px solid var(--vp-line);border-radius:var(--vp-r-sm);padding:6px 28px 6px 10px;color:var(--vp-ink);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l3 3 3-3' stroke='%238a8a8f' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.vp-param-issue{display:block;font-size:10.5px;color:var(--vp-red);margin-top:4px}.vp-param-issue.warning{color:var(--vp-orange)}.vp-unit-toggle{display:flex;background:var(--vp-bg-muted);border:1px solid var(--vp-line);border-radius:var(--vp-r-sm);padding:2px}.vp-unit-btn{padding:4px 12px;font-size:11.5px;font-weight:600;border-radius:calc(var(--vp-r-sm) - 2px);color:var(--vp-mute);transition:all .12s}.vp-unit-btn.on{background:var(--vp-accent);color:#0e0e10}.vp-param-toggle-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.vp-toggle{width:36px;height:20px;border-radius:999px;background:var(--vp-line-strong);position:relative;transition:background .15s;cursor:pointer;flex-shrink:0}.vp-toggle.on{background:var(--vp-accent)}.vp-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000026;transition:transform .15s}.vp-toggle.on:after{transform:translate(16px)}.vp-btn-recalc{width:100%;padding:10px;background:var(--vp-accent);color:#0e0e10;font-size:13px;font-weight:700;border-radius:var(--vp-r-md);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px #d1fe174d;transition:opacity .12s,background .12s}.vp-btn-recalc:hover:not(:disabled){background:var(--vp-accent-strong)}.vp-btn-recalc:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.vp-btn-recalc:before{content:"";width:6px;height:6px;border-radius:50%;background:#0e0e10;box-shadow:0 0 6px #0e0e1066}.vp-param-status{font-size:11.5px;color:var(--vp-mute);background:var(--vp-bg-muted);border:1px solid var(--vp-line);border-radius:var(--vp-r-sm);padding:8px 10px}.vp-param-status.warning{background:#fff7e6;border-color:#f5dda9;color:#7a4f0f}.vp-param-status.error{background:var(--vp-red-soft);border-color:#f5c2bd;color:var(--vp-red)}.vp-canvas-area{flex:1;display:flex;flex-direction:column;background:var(--vp-bg);overflow:hidden;position:relative;min-width:0}.vp-canvas-toolbar{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:24;min-height:0;background:var(--vp-surface);border:1px solid var(--vp-line);border-radius:999px;box-shadow:var(--vp-sh-card);display:flex;align-items:center;padding:6px 8px;gap:4px}.vp-ct-btn{width:28px;height:28px;border-radius:var(--vp-r-sm);display:grid;place-items:center;color:var(--vp-mute);transition:all .12s}.vp-ct-btn:hover{background:var(--vp-bg-muted);color:var(--vp-ink)}.vp-ct-btn:disabled{opacity:.4;cursor:not-allowed}.vp-ct-sep{width:1px;height:18px;background:var(--vp-line);margin:0 4px}.vp-ct-zoom{font-family:var(--vp-mono);font-size:12px;font-weight:600;color:var(--vp-ink-soft);padding:4px 10px;background:var(--vp-bg-muted);border-radius:var(--vp-r-sm);border:1px solid var(--vp-line);min-width:48px;text-align:center}.vp-ct-right{margin-left:auto;display:flex;align-items:center;gap:4px}.vp-ct-stat{display:inline-flex;align-items:center;gap:4px;padding:0 4px;font-family:var(--vp-mono);font-size:11px;color:var(--vp-mute);white-space:nowrap}.vp-ct-stat .vp-ct-stat-key{color:var(--vp-mute)}.vp-ct-stat b{color:var(--vp-ink-soft);font-weight:600}.vp-canvas-viewport{flex:1;position:relative;overflow:hidden;display:block}.vp-ruler-h{position:absolute;top:0;left:32px;right:0;height:22px;background:var(--vp-surface);border-bottom:1px solid var(--vp-line);z-index:5;overflow:hidden}.vp-ruler-v{position:absolute;top:22px;left:0;bottom:0;width:32px;background:var(--vp-surface);border-right:1px solid var(--vp-line);z-index:5;overflow:hidden}.vp-ruler-corner{position:absolute;top:0;left:0;width:32px;height:22px;background:var(--vp-surface);border-right:1px solid var(--vp-line);border-bottom:1px solid var(--vp-line);z-index:6}.vp-ruler-h canvas,.vp-ruler-v canvas{display:block}.vp-dieline-wrap{position:absolute;top:22px;left:32px;right:0;bottom:0;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(14,14,16,.015) 1px,transparent 1px);background-size:20px 20px;padding:24px}.vp-dieline-svg,.vp-dieline-wrap>svg,.vp-dieline-wrap>div>svg{max-width:100%;max-height:100%;filter:drop-shadow(0 4px 16px rgba(14,14,16,.06))}.preview-svg-host.is-watermarked{overflow:hidden}.vp-dieline-wrap .preview-svg-watermarked{filter:blur(.35px) contrast(.94) saturate(.82) drop-shadow(0 4px 16px rgba(14,14,16,.06))}.preview-watermark-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));grid-auto-rows:76px;align-content:center;justify-content:center;pointer-events:none;opacity:.24;transform:rotate(-28deg) scale(1.08)}.preview-watermark-overlay span{display:grid;place-items:center;font-family:var(--vp-sans);font-size:14px;font-weight:700;color:#0e0e102e;letter-spacing:0;text-transform:uppercase}.vp-dieline-empty{text-align:center;color:var(--vp-mute);display:flex;flex-direction:column;gap:6px;max-width:280px}.vp-dieline-empty strong{color:var(--vp-ink);font-size:14px;font-weight:600}.vp-dieline-empty p{font-size:12px;line-height:1.55}.vp-canvas-dims{position:absolute;top:16px;left:16px;z-index:18;background:var(--vp-surface);border:1px solid var(--vp-line);border-radius:var(--vp-r-sm);padding:10px 14px;box-shadow:var(--vp-sh-card);font-size:11.5px;color:var(--vp-mute);display:flex;flex-direction:column;gap:6px;min-width:220px}.vp-cd-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.vp-cd-row span{color:var(--vp-mute)}.vp-cd-row b{font-family:var(--vp-mono);font-size:11.5px;font-weight:600;color:var(--vp-ink-soft);white-space:nowrap}.vp-canvas-legend{position:absolute;top:16px;right:16px;z-index:18;display:flex;gap:14px;background:var(--vp-surface);border:1px solid var(--vp-line);border-radius:var(--vp-r-sm);padding:8px 14px;box-shadow:var(--vp-sh-card);font-size:11.5px;color:var(--vp-mute)}.vp-legend-item{display:flex;align-items:center;gap:6px}.vp-legend-line{width:16px;height:0;border-top-width:2px;border-top-style:solid}.vp-legend-line.cut{border-color:var(--vp-cut)}.vp-legend-line.fold{border-color:var(--vp-fold);border-top-style:dashed}.vp-legend-line.bleed{border-color:var(--vp-bleed)}.vp-right-panel{width:280px;min-width:280px;background:var(--vp-surface);border-left:1px solid var(--vp-line);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;align-self:stretch}.vp-right-panel.preview3d{width:320px;min-width:320px}.vp-right-panel.export{width:280px;min-width:280px}.vp-rp-section{padding:14px;border-bottom:1px solid var(--vp-line)}.vp-rp-section:last-child{border-bottom:0}.vp-view-toggle{display:flex;background:var(--vp-bg-muted);padding:3px;border-radius:var(--vp-r-md);border:1px solid var(--vp-line)}.vp-vt-btn{flex:1;padding:6px 0;text-align:center;font-size:13px;font-weight:600;color:var(--vp-mute);border-radius:calc(var(--vp-r-md) - 2px);transition:all .12s}.vp-vt-btn:hover{color:var(--vp-ink)}.vp-vt-btn.on{background:var(--vp-surface);color:var(--vp-ink);box-shadow:var(--vp-sh-1)}.vp-preview-3d{margin-top:12px;aspect-ratio:4/3;background:var(--vp-bg-muted);border:1px solid var(--vp-line);border-radius:var(--vp-r-md);overflow:hidden;display:grid;place-items:center;position:relative}.vp-preview-3d-placeholder{font-size:11px;color:var(--vp-mute);display:flex;flex-direction:column;gap:4px;align-items:center}.vp-preview-3d-placeholder svg{opacity:.35}.vp-preview-controls{position:absolute;bottom:8px;right:8px;display:flex;gap:4px}.vp-pc-btn{width:26px;height:26px;border-radius:6px;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--vp-line);display:grid;place-items:center;color:var(--vp-mute);font-size:11px}.vp-pc-btn:hover{color:var(--vp-ink)}.vp-export-formats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}.vp-fmt-btn{flex:1;padding:8px 0;text-align:center;font-family:var(--vp-mono);font-size:12px;font-weight:600;border:1px solid var(--vp-line);border-radius:var(--vp-r-sm);color:var(--vp-mute);background:var(--vp-surface);transition:all .12s;display:inline-flex;align-items:center;justify-content:center;gap:5px}.vp-fmt-btn:hover:not(:disabled){border-color:var(--vp-line-strong);color:var(--vp-ink)}.vp-fmt-btn:disabled{opacity:.5;cursor:not-allowed}.vp-fmt-btn.on{border-color:var(--vp-accent);color:var(--vp-accent-strong);background:var(--vp-accent-soft)}.vp-fmt-btn .vp-fdot{display:inline-block;width:5px;height:5px;border-radius:50%}.vp-export-format-note{margin:-6px 0 12px;font-size:11px;line-height:1.4;color:var(--vp-mute)}.vp-export-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12.5px;gap:8px}.vp-export-row .vp-ek{color:var(--vp-mute);flex:1;min-width:0}.vp-btn-export{width:100%;padding:10px;background:var(--vp-green);color:#fff;font-size:13px;font-weight:700;border-radius:var(--vp-r-md);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px #7bb63a4d;transition:opacity .12s,background .12s;margin-top:14px}.vp-btn-export:hover:not(:disabled){background:#6fa833}.vp-btn-export:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.vp-btn-export:before{content:"↓";font-size:14px}.vp-exports-left{text-align:center;font-family:var(--vp-mono);font-size:11px;color:var(--vp-mute);margin-top:8px}.vp-export-notice{font-size:11px;color:var(--vp-mute);margin-top:6px;line-height:1.45}.vp-export-notice.warning{color:#7a4f0f}.vp-export-notice.error{color:var(--vp-red)}.vp-overlay{flex:1;display:grid;place-items:center;background:var(--vp-bg);padding:40px 24px}.vp-overlay-card{max-width:420px;background:var(--vp-surface);border:1px solid var(--vp-line);border-radius:var(--vp-r-lg);padding:28px;box-shadow:var(--vp-sh-card);text-align:center}.vp-overlay-card h2{font-size:18px;font-weight:600;margin-bottom:8px;letter-spacing:-.01em}.vp-overlay-card p{font-size:13px;color:var(--vp-mute);line-height:1.55;margin-bottom:16px}.vp-overlay-card .vp-btn-save{display:inline-block}.vp-ico{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.vp-ico-14{width:14px;height:14px}.vp-ico-15{width:15px;height:15px}.vp-ico-18{width:18px;height:18px}.vp-ico-20{width:20px;height:20px}.vp-app .vp-landing{flex:1;display:flex;min-height:0;background:var(--vp-bg, #FAFAF9);overflow:hidden}.vp-app .vp-sidebar{width:244px;min-width:244px;background:#fff;border-right:1px solid var(--vp-line, #E8E8E5);display:flex;flex-direction:column;overflow-y:auto}.vp-sb-top{padding:20px 14px;flex:1}.vp-sb-label{font-style:italic;font-size:13px;color:var(--vp-mute, #8A8A8F);margin:0 6px 10px;font-family:Georgia,serif}.vp-sb-menu{display:flex;flex-direction:column;gap:2px;margin-bottom:24px}.vp-sb-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;cursor:pointer;transition:all .12s ease;border:1px solid transparent;text-align:left}.vp-sb-item:hover{background:#f5f5f3}.vp-sb-item.on{background:var(--vp-ink, #0E0E10);color:#fff;box-shadow:0 1px #0e0e1008,0 4px 12px -4px #0e0e1014}.vp-sb-lhs{display:flex;align-items:center;gap:9px}.vp-sb-text{font-size:13px;font-weight:500;color:var(--vp-ink-2, #1C1C1E);transition:color .12s}.vp-sb-item.on .vp-sb-text{color:#fff;font-weight:600}.vp-sb-item:not(.on) .vp-sb-text{color:var(--vp-mute, #8A8A8F)}.vp-sb-cnt{font-family:var(--vp-mono, ui-monospace, monospace);font-size:11px;color:var(--vp-mute, #8A8A8F);background:#f0f0ed;padding:2px 7px;border-radius:999px;font-weight:500}.vp-sb-item.on .vp-sb-cnt{background:#ffffff24;color:#fffc}.vp-sb-ico{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.vp-sb-item.on .vp-sb-ico{opacity:1}.vp-sb-sep{height:1px;background:var(--vp-line, #E8E8E5);margin:0 6px 16px}.vp-sb-upgrade{margin:14px;padding:16px;background:#f5f5f3;border:1px solid var(--vp-line, #E8E8E5);border-radius:18px;display:flex;flex-direction:column;gap:10px}.vp-upg-title{font-size:13px;font-weight:600}.vp-upg-desc{font-size:11.5px;color:var(--vp-mute, #8A8A8F);line-height:1.45}.vp-upg-bar-wrap{height:4px;background:var(--vp-line, #E8E8E5);border-radius:4px;overflow:hidden}.vp-upg-bar{width:75%;height:100%;background:var(--vp-ink, #0E0E10);border-radius:4px}.vp-upg-btn{padding:8px;width:100%;text-align:center;background:var(--vp-ink, #0E0E10);color:#f5f5f2;font-size:12px;font-weight:500;border-radius:8px;transition:opacity .15s}.vp-upg-btn:hover{opacity:.9}.vp-landing-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:var(--vp-bg, #FAFAF9)}.vp-hero-slider{position:relative;min-height:320px;height:21vw;max-height:460px;margin:20px 32px 16px;border-radius:24px;background:#111713;overflow:hidden;isolation:isolate;box-shadow:0 1px 2px #0e0e100a,0 18px 48px -28px #0e0e105c}.vp-hero-slider-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.vp-hero-slider-media img,.vp-hero-slider-media video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vp-hero-slider-placeholder,.vp-hero-slider-animation-slot{width:100%;height:100%;background:radial-gradient(circle at 74% 42%,rgba(209,254,23,.22),transparent 22%),radial-gradient(circle at 18% 12%,rgba(255,255,255,.16),transparent 20%),linear-gradient(110deg,#101510,#263226 42%,#77806d);position:relative;overflow:hidden}.vp-hero-slider-placeholder:before,.vp-hero-slider-animation-slot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#00000075,#0000002e 42%,#0000000a),repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,transparent 1px 58px),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 84px)}.vp-hero-slider-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#00000094,#00000057,#0000000a 72%);pointer-events:none}.vp-hero-slider-placeholder span{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:#ffffff0f;transform:rotate(-7deg)}.vp-hero-slider-placeholder span:nth-child(1){width:28%;height:42%;right:17%;top:20%}.vp-hero-slider-placeholder span:nth-child(2){width:18%;height:28%;right:6%;bottom:15%}.vp-hero-slider-placeholder span:nth-child(3){width:20%;height:30%;left:44%;bottom:-6%}.vp-hero-slider-copy{position:relative;z-index:2;height:100%;width:min(700px,62%);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:36px 40px;font-family:var(--vp-sans);letter-spacing:0}.vp-hero-slider-eyebrow,.vp-hero-slider-title,.vp-hero-slider-description{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.36)}.vp-hero-slider-eyebrow{max-width:100%;margin:0 0 12px;font-size:13px;line-height:1.25;font-weight:400;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-hero-slider-title{max-width:680px;margin:0;font-size:38px;line-height:1.13;font-weight:600;letter-spacing:0;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vp-hero-slider-description{max-width:560px;margin:14px 0 0;color:#ffffffe6;font-size:14px;line-height:1.58;font-weight:300;letter-spacing:0;overflow-wrap:break-word}.vp-hero-slider-copy-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.vp-hero-slider-media-actions{position:absolute;z-index:3;top:24px;right:24px;display:flex;flex-direction:column;gap:9px;align-items:flex-end}.vp-hero-slider-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:186px;min-height:44px;padding:1px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#0000006b;color:#fff;font-size:12.5px;line-height:1.2;font-weight:400;letter-spacing:0;overflow:visible;isolation:isolate;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 2px #0e0e1014,0 12px 28px -18px #0009;transition:transform .15s var(--vp-ease),box-shadow .15s var(--vp-ease),background .5s var(--vp-ease)}.vp-hero-slider-btn:hover{transform:translateY(-1px);background:#0000009e;box-shadow:0 12px 24px -12px #0000008c}.vp-hero-slider-btn-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;border-radius:inherit;filter:blur(2px);overflow:hidden;flex:none}.vp-hero-slider-btn-core{position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:1;border-radius:inherit;background:#050806}.vp-hero-slider-btn-content{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:inherit;color:#fff;font-weight:400;white-space:nowrap}.vp-hero-slider-btn.is-hovered .vp-hero-slider-btn-glow,.vp-hero-slider-btn:focus-visible .vp-hero-slider-btn-glow{opacity:1}.vp-hero-slider-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #d1fe1733,0 12px 24px -12px #0000008c}.vp-hero-slider-dots{position:absolute;z-index:4;left:50%;bottom:17px;transform:translate(-50%);display:flex;align-items:center;gap:6px}.vp-hero-slider-dots button{width:7px;height:7px;border-radius:999px;background:#ffffff75;box-shadow:0 0 0 1px #0e0e1029;transition:width .15s var(--vp-ease),background .15s var(--vp-ease)}.vp-hero-slider-dots button.on{width:28px;background:#fff}@media(max-width:1365px){.vp-hero-slider{margin:18px 28px 14px}.vp-hero-slider-copy{width:min(660px,68%);padding:30px 32px}.vp-hero-slider-title{max-width:640px;font-size:32px;line-height:1.14}.vp-hero-slider-description{max-width:540px}.vp-hero-slider-media-actions{top:18px;right:18px}}@media(max-width:1180px){.vp-hero-slider-copy{width:min(580px,70%);padding:28px}.vp-hero-slider-title{max-width:560px;font-size:29px}.vp-hero-slider-media-actions{display:none}}@media(max-width:1024px){.vp-hero-slider{display:none}}.vp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 32px;border-bottom:1px solid var(--vp-line, #E8E8E5)}.vp-tb-search-input{position:relative;flex:1;max-width:360px;display:flex;align-items:center;gap:8px;background:#ffffffc7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(232,232,229,.7);border-radius:16px;padding:9px 10px 9px 16px;box-shadow:0 4px 18px #0e0e100a,0 0 22px #70d60012;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.vp-tb-search-input:hover{border-color:#70d60040;box-shadow:0 6px 22px #0e0e100d,0 0 28px #70d6001f}.vp-tb-search-input:focus-within{border-color:#70d6006b;box-shadow:0 6px 24px #0e0e100f,0 0 0 3px #70d6001a,0 0 32px #70d6002e;transform:translateY(-1px)}.vp-tb-search-glyph{width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--vp-mute, #8A8A8F)}.vp-tb-search-glyph .vp-ico{stroke:currentColor;width:15px;height:15px}.vp-tb-search-field{position:relative;flex:1;display:flex;align-items:center;height:22px;min-width:0}.vp-tb-search-input input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;background:transparent;box-shadow:none;font-size:13px;color:var(--vp-ink, #0E0E10);font-family:inherit;height:22px;line-height:22px;padding:0}.vp-tb-search-input input:focus,.vp-tb-search-input input:focus-visible{outline:none;box-shadow:none}.vp-tb-search-input input::-moz-placeholder{color:transparent}.vp-tb-search-input input::placeholder{color:transparent}.vp-tb-search-input input::-webkit-search-decoration,.vp-tb-search-input input::-webkit-search-cancel-button,.vp-tb-search-input input::-webkit-search-results-button,.vp-tb-search-input input::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.vp-tb-search-typewriter{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:13px;color:#a8a8ad;pointer-events:none;white-space:nowrap;font-family:inherit;display:flex;align-items:center}.vp-tb-search-cursor{display:inline-block;width:1.5px;height:14px;background:var(--vp-mute, #8A8A8F);margin-left:2px;border-radius:1px;animation:vp-cursor-blink 1.05s steps(1,end) infinite}@keyframes vp-cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.vp-tb-search-input:focus-within .vp-tb-search-typewriter{display:none}.vp-tb-search-clear{width:26px;height:26px;border-radius:50%;background:#0e0e100d;color:var(--vp-mute, #8A8A8F);font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border:0;transition:background .15s ease,color .15s ease,transform .15s ease;flex-shrink:0}.vp-tb-search-clear:hover{background:#70d6002e;color:var(--vp-ink, #0E0E10);transform:scale(1.08)}.vp-tb-search-clear:active{transform:scale(.96)}@media(prefers-reduced-motion:reduce){.vp-tb-search-cursor{animation:none;opacity:1}.vp-tb-search-input:focus-within{transform:none}}.vp-toolbar .vp-tb-right{display:flex;align-items:center;gap:10px}.vp-sort{font-size:13px;font-weight:500;background:#fff;border:1px solid var(--vp-line, #E8E8E5);border-radius:12px;padding:8px 28px 8px 12px;cursor:pointer;box-shadow:0 1px 2px #0e0e100a;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238a8a8f' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.vp-toolbar .vp-view-toggle{display:flex;background:#f5f5f3;padding:3px;border-radius:12px;border:1px solid var(--vp-line, #E8E8E5)}.vp-toolbar .vp-vt-btn{padding:6px 11px;border-radius:10px;font-size:12.5px;font-weight:500;color:var(--vp-mute, #8A8A8F);transition:all .12s}.vp-toolbar .vp-vt-btn:hover{color:var(--vp-ink, #0E0E10)}.vp-toolbar .vp-vt-btn.on{background:#fff;color:var(--vp-ink, #0E0E10);box-shadow:0 1px 2px #0e0e100a}.vp-result-line{padding:10px 32px;font-size:12.5px;color:var(--vp-mute, #8A8A8F);display:flex;align-items:center;justify-content:space-between}.vp-result-line b{color:var(--vp-ink, #0E0E10);font-weight:600}.vp-gallery{padding:20px 32px 40px}.vp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.vp-grid.list-view{grid-template-columns:1fr}.vp-grid.list-view .vp-card{flex-direction:row}.vp-grid.list-view .vp-card-thumb{width:280px;min-width:280px;height:auto;min-height:180px;border-bottom:0;border-right:1px solid var(--vp-line, #E8E8E5)}.vp-grid.list-view .vp-c-body{padding:20px 22px}.vp-card{background:#fff;border:1px solid var(--vp-line, #E8E8E5);border-radius:24px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;box-shadow:0 1px 2px #0e0e100a}.vp-card:hover{transform:translateY(-3px);box-shadow:0 1px #0e0e1008,0 16px 40px -12px #0e0e1029;border-color:var(--vp-line-strong, #DDDDD9)}.vp-card.selected{border-color:var(--vp-ink, #0E0E10);box-shadow:0 0 0 1px var(--vp-ink, #0E0E10),0 8px 24px -8px #0e0e101a}.vp-card-thumb{height:252px;background:radial-gradient(120% 120% at 50% 0%,#fcfcfb,#f6f6f3);border-bottom:1px solid var(--vp-line, #E8E8E5);position:relative;overflow:hidden}.vp-card-thumb-split{display:grid;grid-template-columns:1fr 1fr;padding:0;background:radial-gradient(80% 65% at 25% 100%,rgba(14,14,16,.05),transparent 70%),linear-gradient(180deg,#fbfbfa,#f3f3f0)}.vp-th-pane{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;position:relative}.vp-th-pane-3d{padding:14px 0 14px 6px;justify-content:flex-start;align-items:flex-end}.vp-th-pane-dieline{padding:14px 14px 14px 6px}.vp-th-img{max-width:110%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;transition:transform .25s ease}.vp-th-img-3d{height:93%;filter:drop-shadow(0 12px 18px rgba(14,14,16,.18))}.vp-th-img-dieline{filter:drop-shadow(0 6px 12px rgba(14,14,16,.05))}.vp-card:hover .vp-th-img{transform:scale(1.035)}.vp-card-thumb-dieline,.vp-card-thumb-none{display:flex;align-items:center;justify-content:center;padding:42px 26px 38px}.vp-card-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vp-card-preview-img{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;transition:transform .25s ease}.vp-card-preview-dieline-2d{filter:drop-shadow(0 8px 14px rgba(14,14,16,.06))}.vp-card:hover .vp-card-preview-img{transform:scale(1.035)}.vp-card-preview-fallback{width:64px;height:64px;place-items:center;border-radius:14px;background:#fff;border:1px solid var(--vp-line, #E8E8E5);color:var(--vp-mute, #8A8A8F);font-family:var(--vp-mono, ui-monospace, monospace);font-size:20px;font-weight:600;letter-spacing:.02em}.vp-grid.list-view .vp-card-thumb-dieline,.vp-grid.list-view .vp-card-thumb-none{padding:28px 26px}.vp-grid.list-view .vp-card-thumb-split{padding:0}.vp-grid.list-view .vp-th-pane-3d{padding:24px 8px 22px 22px}.vp-grid.list-view .vp-th-pane-dieline{padding:24px 22px 22px 8px}.vp-card-badges{position:absolute;top:10px;left:10px;display:flex;gap:5px;z-index:2}.vp-bdg{font-size:9px;font-weight:600;padding:2px 9px;border-radius:999px;letter-spacing:.01em}.vp-bdg-feat{background:var(--vp-ink, #0E0E10);color:#f5f5f2}.vp-bdg-new{background:#ddefc0;color:#3f5a1e}.vp-bdg-pop{background:#fff;color:var(--vp-ink, #0E0E10);border:1px solid var(--vp-line, #E8E8E5);box-shadow:0 1px 2px #0e0e100a}.vp-card-fmts{position:absolute;bottom:10px;left:10px;display:flex;gap:4px;z-index:2}.vp-fmt{font-family:var(--vp-mono, ui-monospace, monospace);font-size:10px;font-weight:600;color:var(--vp-mute, #8A8A8F);background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--vp-line, #E8E8E5);padding:3px 7px;border-radius:6px}.vp-card-star{position:absolute;top:10px;right:10px;z-index:2;width:28px;height:28px;border-radius:50%;background:#ffffffe0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--vp-line, #E8E8E5);display:grid;place-items:center;color:var(--vp-mute, #8A8A8F);transition:all .12s;box-shadow:0 1px 2px #0e0e100a}.vp-card-star:hover{color:var(--vp-ink, #0E0E10);transform:scale(1.06)}.vp-card-star.on{color:#7bb63a}.vp-card-star svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vp-card-star.on svg{fill:currentColor}.vp-c-body{padding:18px 18px 20px;flex:1;display:flex;flex-direction:column}.vp-c-cat{font-size:11px;font-weight:500;color:var(--vp-mute, #8A8A8F);letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px}.vp-c-name{font-size:15px;font-weight:600;letter-spacing:-.015em;margin-bottom:6px}.vp-c-desc{font-size:13px;color:var(--vp-mute, #8A8A8F);line-height:1.55;margin-bottom:14px;flex:1}.vp-c-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.vp-c-tag{font-size:10px;font-weight:500;color:var(--vp-ink-2, #1C1C1E);background:#85ff000d;border:1px solid var(--vp-line, #E8E8E5);padding:3px 9px;border-radius:999px;white-space:nowrap}.vp-c-foot{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--vp-line, #E8E8E5)}.vp-c-ver{font-family:var(--vp-mono, ui-monospace, monospace);font-size:11px;color:var(--vp-mute, #8A8A8F);background:#f0f0ed;padding:3px 8px;border-radius:6px;font-weight:500}.vp-c-btn{font-size:12.5px;font-weight:600;color:var(--vp-ink, #0E0E10);display:flex;align-items:center;gap:4px;transition:gap .15s ease}.vp-c-btn:after{content:"→";display:inline-block;transition:transform .15s ease}.vp-card:hover .vp-c-btn{gap:7px}.vp-card:hover .vp-c-btn:after{transform:translate(2px)}.vp-empty{text-align:center;padding:56px 24px;color:var(--vp-mute, #8A8A8F);border:1px dashed var(--vp-line-strong, #DDDDD9);border-radius:24px}.vp-empty-big{font-size:18px;font-weight:500;color:var(--vp-ink-2, #1C1C1E);margin-bottom:6px}.vp-empty a{color:var(--vp-ink, #0E0E10);text-decoration:underline;text-underline-offset:3px}.vp-card-skeleton{pointer-events:none}.vp-card-skeleton .vp-card-thumb{background:#f5f5f3;border-bottom:0}.vp-skel{background:#f0f0ed;border-radius:6px;height:12px;margin-bottom:8px}.vp-skel-sm{width:40%;height:10px}.vp-skel-md{width:70%;height:14px;margin-bottom:14px}.vp-skel-cta{width:100px;height:14px;margin-top:auto}.vp-shortcuts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:#0e0e1057;animation:vpShortcutsFade .14s var(--vp-ease) both}.vp-shortcuts-card{width:100%;max-width:460px;max-height:calc(100vh - 48px);overflow-y:auto;background:var(--vp-surface);border:1px solid var(--vp-line);border-radius:var(--vp-r-lg);box-shadow:var(--vp-sh-float);animation:vpShortcutsRise .16s var(--vp-ease) both}.vp-shortcuts-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--vp-line)}.vp-shortcuts-title{font-size:15px;font-weight:600;color:var(--vp-ink)}.vp-shortcuts-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:var(--vp-r-sm);background:transparent;color:var(--vp-mute);font-size:20px;line-height:1;cursor:pointer;transition:background .12s var(--vp-ease),color .12s var(--vp-ease)}.vp-shortcuts-close:hover{background:var(--vp-bg-muted);color:var(--vp-ink)}.vp-shortcuts-close:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #b8e00080}.vp-shortcuts-groups{display:grid;gap:18px;padding:18px 20px}.vp-shortcuts-group-title{margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--vp-mute)}.vp-shortcuts-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.vp-shortcuts-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 0}.vp-shortcuts-label{font-size:13px;color:var(--vp-ink-soft)}.vp-shortcuts-keys{display:inline-flex;align-items:center;gap:4px}.vp-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;background:var(--vp-bg-muted);border:1px solid var(--vp-line-strong);border-radius:var(--vp-r-sm);box-shadow:var(--vp-sh-1);font-size:12px;font-weight:600;color:var(--vp-ink);font-family:inherit}.vp-shortcuts-foot{display:flex;align-items:center;gap:8px;padding:14px 20px;border-top:1px solid var(--vp-line);font-size:12px;color:var(--vp-mute)}@keyframes vpShortcutsFade{0%{opacity:0}to{opacity:1}}@keyframes vpShortcutsRise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.vp-shortcuts-overlay,.vp-shortcuts-card{animation:none}}.generator-app{--vp-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;font-family:var(--vp-sans);color:#1a1d20;background:#f4f5f7}.generator-app button,.generator-app input,.generator-app select{font:inherit}.generator-app button{cursor:pointer}.generator-app button:disabled{cursor:default;opacity:.45}.generator-app button:focus-visible,.generator-app input:focus-visible,.generator-app select:focus-visible{outline:2px solid #17191b;outline-offset:2px}.generator-app .vp-topbar{height:64px;min-height:64px;background:#fff;padding:0 24px}.generator-app .vp-topbar.is-editor{gap:16px;padding-inline:24px}.generator-app .vp-topbar.is-editor .vp-tb-brand{height:28px;padding-right:20px;margin-right:0;border-right:1px solid var(--vp-line)}.generator-app .vp-topbar.is-editor .vp-tb-bread{display:flex;align-items:center;flex:1 1 auto;gap:8px;max-width:min(48vw,700px);min-width:0;overflow:hidden;font-size:12px;line-height:20px}.generator-app .vp-bread-home{flex:0 0 auto;padding:4px 0;color:var(--vp-mute);font:inherit;white-space:nowrap}.generator-app .vp-bread-home:hover{color:var(--vp-ink)}.generator-app .vp-bread-current{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap}.generator-app .vp-bread-current>span:last-child{overflow:hidden;text-overflow:ellipsis}.generator-app .vp-bread-current .is-current{color:var(--vp-ink);font-weight:600}.generator-app .vp-topbar.is-editor .vp-tb-right{gap:12px}.generator-app .vp-topbar.is-editor .vp-btn-save{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding-inline:16px;white-space:nowrap}.generator-app .vp-topbar.is-editor .vp-btn-save svg{width:16px;height:16px;flex:0 0 auto}.generator-app .vp-tb-bread{max-width:320px;font-size:12px}.generator-app .vp-tb-name{font-size:19px}.generator-layout{flex:1;min-height:0;display:flex}.generator-workspace{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.generator-sync{flex:1;min-height:240px;display:flex;align-items:center;justify-content:center}.generator-sync span{font-size:12px;line-height:16px;color:#737980;padding:8px 16px;background:#fff;border-radius:16px}.generator-sync span:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#a3f700;margin-right:8px}.generator-sync-main{background:#f4f5f7}.generator-sync-main span{filter:blur(.3px)}.generator-canvas{flex:1;min-height:240px;position:relative;overflow:hidden;background-color:#f4f5f7}.generator-canvas.has-grid{background-image:linear-gradient(#e7e9ec 1px,transparent 1px),linear-gradient(90deg,#e7e9ec 1px,transparent 1px);background-size:24px 24px}.generator-legend{position:absolute;z-index:2;left:24px;top:24px;display:flex;gap:16px;font-size:12px;line-height:16px}.generator-legend span:before{content:"";display:inline-block;width:24px;height:2px;vertical-align:middle;margin-right:8px;background:#2f9e44}.generator-legend .cut:before{background:#2563eb}.generator-legend .fold:before{background:#ef4444}.generator-drawing{position:absolute;top:56px;right:24px;bottom:80px;left:24px;touch-action:none}.generator-drawing-transform{width:100%;height:100%;transform-origin:center}.generator-drawing .preview-svg-host{height:100%;width:100%}.generator-empty{text-align:center;display:flex;flex-direction:column;justify-content:center;height:100%;padding:24px;font-size:12px;line-height:20px}.generator-empty button{padding:8px;border:0;background:#edfbd5;border-radius:8px;margin-top:8px}.generator-canvas-tools{display:flex;gap:4px;align-items:center;position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#fff;padding:8px;border-radius:8px;font-size:12px}.generator-canvas-tools button{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border:0;background:transparent;border-radius:4px}.generator-canvas-tools button[aria-pressed=true]{background:#f0f2f5}.generator-view-options{position:absolute;bottom:72px;right:0;width:240px;background:#fff;padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:16px}.generator-view-options label{display:flex;align-items:center;gap:8px}.generator-calc-status{position:absolute;bottom:8px;right:16px;font-size:12px;line-height:16px;color:#61676e}@media(max-width:1360px){.generator-app .vp-tb-bread{display:flex}.generator-app .vp-topbar.is-editor .vp-bread-current:first-of-type{display:none}}@media(max-width:760px){.generator-app{overflow:auto;height:auto;min-height:100dvh}.generator-layout{flex-direction:column}.generator-workspace{min-height:640px;overflow:visible}.generator-canvas{min-height:400px}.generator-app .vp-topbar{padding:0 8px}.generator-app .vp-topbar.is-editor{gap:8px;padding-inline:12px}.generator-app .vp-topbar.is-editor .vp-tb-brand{padding-right:10px}.generator-app .vp-topbar.is-editor .vp-tb-bread{gap:5px;max-width:min(34vw,180px);font-size:11px}.generator-app .vp-topbar.is-editor .vp-bread-current{gap:5px}.generator-app .vp-topbar.is-editor .vp-save-status{display:none}.generator-app .vp-topbar.is-editor .vp-btn-save{min-height:32px;gap:5px;padding-inline:8px}.generator-app .vp-tb-nav{display:none}.generator-app .vp-tb-right{margin-left:auto}}@media(max-width:520px){.generator-app .vp-topbar.is-editor .vp-tb-name{display:none}.generator-app .vp-topbar.is-editor .vp-bread-home,.generator-app .vp-topbar.is-editor .vp-bread-current:first-of-type{display:none}.generator-app .vp-topbar.is-editor .vp-tb-bread{max-width:120px}.generator-app .vp-topbar.is-editor .vp-btn-save{width:36px;padding-inline:0;font-size:0}.generator-app .vp-topbar.is-editor .vp-btn-save svg{width:17px;height:17px}.generator-app .vp-topbar.is-editor .vp-tb-auth-link{padding-inline:7px}}@media(min-width:761px){.generator-app .vp-topbar{height:48px;min-height:48px;padding:0 16px}.generator-app .vp-tb-name{font-size:16px}.generator-app .vp-tb-tab,.generator-app .vp-btn-save,.generator-app .vp-tb-auth-link{font-size:12px}.generator-canvas-tools{padding:4px;bottom:16px}.generator-canvas-tools button{width:32px;height:32px}.generator-canvas-tools svg{width:16px;height:16px}.generator-drawing{top:48px;right:24px;bottom:64px;left:24px}}.generator-canvas{background-color:#f8f9fa}.generator-canvas-tools{zoom:.78;border-radius:12px;border:1px solid #e2e8f0;bottom:12px;padding:4px}.generator-canvas-tools button{width:36px;height:36px;border-radius:8px}.generator-canvas-tools svg{width:16px;height:16px}.generator-derived-values{padding-top:16px}.generator-derived-values h3{font-size:16px;line-height:20px;font-weight:600;margin:0 0 8px}.generator-derived-values p{font-size:12.8px;line-height:16px;margin:0 0 8px}.generator-derived-values dl{margin:0}.generator-derived-values dl div{display:flex;justify-content:space-between;gap:8px;padding:8px 0;font-size:12.8px;line-height:16px}.generator-derived-values dd{margin:0;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.generator-app .studio-header{--studio-ink: #111827;--studio-muted: #6b7280;--studio-line: #e5e7eb;--studio-lime: #a3f700;position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;flex:0 0 64px;min-width:0;height:64px;padding:0 32px;gap:24px;background:#fefefe;border-bottom:1px solid var(--studio-line);color:var(--studio-ink);font-family:Helvetica Neue,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:20px}.generator-app .studio-header button,.generator-app .studio-header input,.generator-app .studio-header a{font-family:inherit;font-size:inherit;line-height:inherit}.generator-app .studio-header a{color:inherit;text-decoration:none}.studio-header-left{display:flex;align-items:center;gap:24px;min-width:0;flex:1}.studio-brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;padding:0}.studio-brand-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#111827;color:#fefefe}.generator-app .studio-brand-name{display:flex;align-items:baseline;gap:4px;font-size:17px;line-height:24px;font-weight:700;letter-spacing:-.6px}.studio-brand-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a3f700}.studio-divider{width:1px;height:20px;background:#e5e7eb;flex-shrink:0}.studio-breadcrumb{flex:1;display:flex;align-items:center;gap:8px;min-width:0;max-width:560px}.generator-app .studio-breadcrumb>button{color:#6b7280;white-space:nowrap;padding:4px 0;flex-shrink:0}.generator-app .studio-breadcrumb>button:hover{color:#111827}.studio-breadcrumb-separator{color:#c7cbd2;flex-shrink:0}.studio-template-anchor{flex:0 1 auto;min-width:0}.generator-app .studio-template-trigger{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#f8f9fa;border-radius:6px;color:#1f2937;font-weight:500;max-width:300px;width:auto}.studio-template-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-template-trigger svg{flex-shrink:0;color:#9ca3af}.studio-header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0;position:relative}.generator-app .studio-save-button,.generator-app .studio-share-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:32px;line-height:16px!important;padding:8px 16px;border-radius:8px;white-space:nowrap;font-weight:600;letter-spacing:-.325px}.generator-app .studio-save-button{background:#a3f700;color:#111827}.generator-app .studio-save-button:hover:not(:disabled),.generator-app .studio-copy-button:hover:not(:disabled){background:#92de00}.generator-app .studio-share-button{background:#fefefe;border:1px solid #e5e7eb;padding-inline:14px;gap:6px;font-weight:500;letter-spacing:normal}.generator-app .studio-share-button svg{color:#6b7280}.generator-app .studio-share-button:hover{background:#f3f4f6}.generator-app .studio-history-button{position:relative;display:grid;place-items:center;width:34px;height:34px;border:1px solid transparent;border-radius:8px;color:#4b5563}.generator-app .studio-history-button:hover{background:#f3f4f6}.studio-history-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#3b82f6;border-radius:50%;box-shadow:0 0 0 2px #fefefe}.generator-app .studio-profile-button{display:flex;align-items:center;gap:12px;padding:0 0 0 4px;color:#9ca3af}.studio-avatar{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#283241;color:#fefefe;border:1px solid #bdc3cb;font-size:12px;line-height:16px;font-weight:600}.studio-profile-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:120px}.studio-profile-text strong{color:#1f2937;font-size:12px;line-height:15px;font-weight:600;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-profile-text>span{font-size:10px;line-height:12.5px;color:#9ca3af}.studio-auth{display:flex;gap:12px;align-items:center;white-space:nowrap}.generator-app .studio-auth a{font-weight:600}.studio-popover-anchor{position:relative}.studio-popover{position:absolute;top:calc(100% + 16px);right:0;width:360px;border-radius:12px;border:1px solid #e5e7eb;background:#fefefe;box-shadow:0 12px 28px -8px #1118272e,0 4px 8px -4px #1118270f;z-index:60;overflow:hidden}.studio-template-popover{left:0;right:auto;width:260px;padding:8px}.studio-profile-popover{width:260px;padding:8px}.studio-share-popover{position:fixed;width:384px;top:64px;right:64px}.generator-app .studio-popover[role=menu]>button,.generator-app .studio-popover[role=menu]>a{display:block;width:100%;text-align:left;padding:8px;border-radius:4px}.generator-app .studio-popover[role=menu]>button:hover,.generator-app .studio-popover[role=menu]>a:hover{background:#f4f5f7}.studio-popover-summary{display:flex;flex-direction:column;gap:4px;padding:8px;margin-bottom:8px}.studio-popover-summary strong{font-size:16px;line-height:20px;font-weight:600}.studio-popover-summary span{color:#6b7280;overflow-wrap:anywhere}.studio-popover-heading{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #eef0f3}.studio-popover-heading h2{font-size:14px;line-height:20px;font-weight:600;margin:0;white-space:nowrap}.studio-popover-heading>button{display:grid;place-items:center;margin-left:auto;padding:4px;color:#9ca3af;border-radius:4px}.studio-popover-heading>button:hover{background:#f3f4f6;color:#1f2937}.studio-popover-body{padding:16px}.studio-popover-body p{margin:0 0 16px;color:#6b7280;line-height:20px}.studio-share-option{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:10px 0;font-size:12px;line-height:16px}.generator-app .studio-share-option input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:20px;border-radius:20px;background:#e5e7eb;position:relative;flex-shrink:0}.studio-share-option input:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fefefe}.studio-field-label{display:block;margin:24px 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:1.1px;line-height:16px;font-weight:600;color:#6b7280}.studio-copy-row{display:flex;align-items:center;gap:8px}.generator-app .studio-copy-row input{min-width:0;flex:1;padding:8px;height:36px;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.generator-app .studio-copy-button{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:8px 12px;border-radius:8px;background:#a3f700;font-weight:600}.studio-popover-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f8f9fa;padding:12px 16px;font-size:11px;line-height:16px}.studio-popover-footer button{white-space:nowrap;color:#9ca3af}.studio-inline-link{display:inline-block;margin-top:8px;text-decoration:underline!important}.studio-notice-slot{flex:0 0 161px;width:161px}.studio-primary-actions{display:flex;align-items:center;gap:10px}.studio-save-notice{position:relative;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#f8f9fa;border:1px solid #e5e7eb;color:#374151;font-size:12px;line-height:16px;font-weight:500;letter-spacing:-.3px;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-4px) scale(.95);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.studio-save-notice.is-visible{opacity:1;transform:translate(0) scale(1)}.studio-cloud-image{flex-shrink:0;-o-object-fit:contain;object-fit:contain;opacity:.8}.studio-success-dot{position:relative;width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#10b981}.studio-success-dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#34d399;opacity:.75;animation:studio-success-ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes studio-success-ping{75%,to{transform:scale(2);opacity:0}}.studio-saving-icon{animation:studio-save-spin 1s linear infinite}@keyframes studio-save-spin{to{transform:rotate(360deg)}}.studio-header-error{margin:0;padding:12px 16px;color:#9f241e;background:#fdf4f3;line-height:20px}.studio-save-error{position:absolute;top:calc(100% + 8px);right:32px;max-width:min(420px,calc(100vw - 32px));border:1px solid #efd4d0;border-radius:8px}.studio-export-list{margin:0;padding:0;list-style:none;max-height:280px;overflow-y:auto}.studio-export-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.studio-export-list li>div{display:flex;flex-direction:column;gap:4px;min-width:0}.studio-export-list strong{font-weight:600;overflow-wrap:anywhere}.studio-export-list span{color:#6b7280;font-size:12px;line-height:16px}.studio-export-list button{display:grid;place-items:center;width:32px;height:32px;background:#f4f5f7;border-radius:8px;flex-shrink:0}.studio-history-empty{display:flex;align-items:center;flex-direction:column;gap:8px;padding:16px;text-align:center}.studio-history-empty>svg{color:#9ca3af}.studio-history-empty strong{font-size:16px;line-height:20px;font-weight:600}.studio-history-empty span{color:#6b7280}@media(max-width:1199px){.studio-notice-slot{display:contents}.studio-save-notice{position:absolute;right:0;top:calc(100% + 20px);width:auto}}@media(max-width:1199px){.studio-profile-text{display:none}.generator-app .studio-header{padding-inline:24px;gap:16px}.studio-header-left{gap:16px}}@media(max-width:959px){.studio-category{display:none!important}.studio-header-actions,.studio-primary-actions{gap:8px}.studio-brand-divider{display:none}}@media(max-width:759px){.generator-app .studio-header{padding-inline:16px;gap:8px}.studio-breadcrumb>button,.studio-breadcrumb-separator{display:none}.studio-breadcrumb{max-width:180px}.studio-brand-name{display:none!important}.studio-action-divider{display:none}.studio-header-left{gap:12px}.generator-app .studio-save-button{padding:8px 12px}.studio-popover{position:fixed;right:16px;top:72px;width:min(384px,calc(100vw - 32px))}.studio-template-popover{left:16px;right:auto}}@media(max-width:559px){.studio-breadcrumb{max-width:110px}.generator-app .studio-save-button{width:36px;padding:8px}.studio-save-button>span,.studio-share-button>span{display:none}.generator-app .studio-share-button{width:36px;padding:8px}.studio-header-actions>.studio-divider{display:none}.studio-auth{gap:8px}.studio-auth a{font-size:12px!important}}@media(prefers-reduced-motion:reduce){.studio-save-notice{transition:none;transform:none}.studio-saving-icon,.studio-success-dot:before{animation:none}}.studio-avatar-wrap{position:relative;display:block;flex-shrink:0}.studio-plan-badge{position:absolute;right:27%;bottom:12.5%;width:24px;height:10px;transform:translate(60%,60%);overflow:hidden;pointer-events:none}.generator-app .studio-plan-badge img{position:absolute;width:35px;max-width:none;height:auto;left:-5.7px;top:-4.5px}.generator-app .stitch-generator .studio-sidebar-avatar{display:grid;place-items:center;background:#283241;color:#fefefe;font-size:16px;line-height:20px;font-weight:600}.generator-app .stitch-generator .studio-plan-badge{right:22%}.auth-page{box-sizing:border-box;display:flex;flex-direction:column;width:100dvw;min-height:100dvh;background:var(--vp-bg);color:var(--vp-ink);font-family:var(--vp-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.auth-page *,.auth-page *:before,.auth-page *:after{box-sizing:border-box}@media(min-width:768px){.auth-page{flex-direction:row;height:100dvh;overflow:hidden}}.auth-form-side{display:flex;flex:0 0 auto;align-items:center;justify-content:center;padding:40px 24px}@media(min-width:768px){.auth-form-side{flex:.92 1 0;padding:32px;overflow-y:auto}}.auth-form-stack{width:100%;max-width:400px}.auth-form-stack--wide{max-width:560px}.auth-enter{animation:authEnter .42s var(--vp-ease) both}@media(prefers-reduced-motion:reduce){.auth-enter{animation:none}}@keyframes authEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-heading{margin:0 0 8px;font-size:30px;font-weight:600;line-height:1.08;letter-spacing:-.025em;color:var(--vp-ink)}.auth-form-stack--wide .auth-heading{font-size:27px}.auth-brand-mark-text{font-size:.42em;font-weight:600;vertical-align:super;color:var(--vp-mute)}.auth-sub{display:grid;gap:2px;margin:0 0 22px;color:var(--vp-ink-soft);font-size:13.5px;line-height:1.45}.auth-sub span{display:block}.auth-fields,.auth-row{display:grid;gap:16px}@media(min-width:768px){.auth-row--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.auth-field{display:grid;gap:7px}.auth-field label{color:var(--vp-ink-soft);font-size:12.5px;font-weight:500}.auth-field input,.auth-field select{width:100%;border:1px solid var(--vp-line-strong);border-radius:var(--vp-r-sm);background:var(--vp-surface);color:var(--vp-ink);font:inherit;font-size:14px;padding:11px 13px;transition:border-color .15s var(--vp-ease),box-shadow .15s var(--vp-ease)}.auth-field input::-moz-placeholder{color:var(--vp-mute-2)}.auth-field input::placeholder{color:var(--vp-mute-2)}.auth-field input:focus,.auth-field select:focus{outline:none;border-color:var(--vp-accent-strong);box-shadow:inset 0 0 0 1px #b8e00066}.auth-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,var(--vp-mute) 50%),linear-gradient(135deg,var(--vp-mute) 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.auth-password{position:relative}.auth-password input{padding-right:46px}.auth-password-toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:999px;background:transparent;color:var(--vp-mute);cursor:pointer;transition:background .14s var(--vp-ease),color .14s var(--vp-ease)}.auth-password-toggle:hover{background:var(--vp-bg-muted);color:var(--vp-ink)}.auth-eye-icon{display:block;width:18px;height:18px;overflow:visible}.auth-eye-shape,.auth-eye-pupil,.auth-eye-slash{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.auth-eye-shape,.auth-eye-slash{stroke-width:1.85}.auth-eye-pupil{stroke-width:1.75}.auth-eye-slash{opacity:1;transform:scaleX(1);transform-origin:12px 12px;transition:opacity .12s var(--vp-ease),transform .14s var(--vp-ease)}.auth-eye-icon.is-open .auth-eye-slash{opacity:0;transform:scaleX(.18)}@media(prefers-reduced-motion:reduce){.auth-eye-slash{transition:none}}.auth-meta-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;font-size:13px}.auth-remember{display:inline-flex;align-items:center;gap:9px;color:var(--vp-ink-soft);cursor:pointer}.auth-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin:0;border:1.5px solid var(--vp-line-strong);border-radius:5px;background:var(--vp-surface);cursor:pointer;transition:background .14s var(--vp-ease),border-color .14s var(--vp-ease)}.auth-checkbox:checked{border-color:var(--vp-ink);background:var(--vp-ink);box-shadow:inset 0 0 0 3px var(--vp-surface)}.auth-link{color:var(--vp-ink-soft);font-weight:500;text-decoration:none}.auth-link:hover{color:var(--vp-ink);text-decoration:underline}.auth-submit{width:100%;margin-top:20px;border:0;border-radius:var(--vp-r-sm);background:var(--vp-accent);color:var(--vp-accent-ink);cursor:pointer;font:inherit;font-size:14px;font-weight:600;padding:13px 18px;box-shadow:0 1px 2px #d1fe1759;transition:background .12s var(--vp-ease),opacity .12s var(--vp-ease)}.auth-submit:hover{background:var(--vp-accent-strong)}.auth-submit:disabled{cursor:wait;opacity:.55}.auth-divider{position:relative;display:flex;align-items:center;justify-content:center;margin:22px 0}.auth-divider:before{content:"";position:absolute;inset:50% 0 auto;height:1px;background:var(--vp-line)}.auth-divider span{position:relative;padding:0 14px;background:var(--vp-bg);color:var(--vp-mute);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.auth-oauth{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:1px solid var(--vp-line-strong);border-radius:var(--vp-r-sm);background:var(--vp-surface);color:var(--vp-ink);cursor:pointer;font:inherit;font-size:13.5px;font-weight:500;padding:12px 18px;transition:background .14s var(--vp-ease),border-color .14s var(--vp-ease)}.auth-oauth:hover{background:var(--vp-bg-muted);border-color:var(--vp-mute-2)}.auth-oauth svg{width:18px;height:18px}.auth-footer{margin:18px 0 0;text-align:center;color:var(--vp-mute);font-size:13px}.auth-footer a{color:var(--vp-ink);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-error{margin-top:4px;border:1px solid var(--vp-red);border-radius:var(--vp-r-sm);background:var(--vp-red-soft);color:var(--vp-red);font-size:13px;padding:10px 12px}.auth-page a:focus-visible,.auth-page button:focus-visible,.auth-page input:focus-visible,.auth-page select:focus-visible{outline:2px solid var(--vp-accent-strong);outline-offset:2px}.auth-promo{display:none}@media(min-width:768px){.auth-promo{display:block;position:relative;flex:1.08 1 0;padding:16px}}.auth-promo-card{position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:var(--vp-r-xl);overflow:hidden;background:var(--vp-ink);box-shadow:var(--vp-sh-float);isolation:isolate}.auth-promo-card.auth-enter{animation:authPromoEnter .5s var(--vp-ease) both}@keyframes authPromoEnter{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.auth-promo-card.auth-enter{animation:none}}.auth-promo-slides{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.auth-promo-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transform:scale(1.04);transition:opacity .9s var(--vp-ease),transform 6s ease-out;will-change:opacity,transform}.auth-promo-slide.is-active{opacity:1;transform:scale(1)}@media(prefers-reduced-motion:reduce){.auth-promo-slide{transition:opacity .3s ease;transform:none}}.auth-promo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(195deg,#080a0714,#080a0700 32%),linear-gradient(0deg,#070906e6,#07090652 46%,#0709060f 72%)}.auth-promo-close{position:absolute;top:16px;right:16px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0e0e108c;color:#ffffffe0;cursor:pointer;transition:background .16s var(--vp-ease),border-color .16s var(--vp-ease),transform .16s var(--vp-ease)}.auth-promo-close:hover{background:#0e0e10c7;border-color:#ffffff4d}.auth-promo-close:active{transform:scale(.94)}.auth-promo-close:focus-visible{outline:0;box-shadow:0 0 0 3px #d1fe1766}.auth-promo-close-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.auth-promo-content{position:absolute;inset:auto 30px 28px 30px;z-index:2;display:flex;flex-direction:column;gap:14px}.auth-promo-badges{display:flex;flex-wrap:wrap;gap:8px}.auth-promo-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;color:#ffffffe6;background:#ffffff1f;border:1px solid rgba(255,255,255,.16)}.auth-promo-badge.is-accent{color:var(--vp-accent-ink);background:var(--vp-accent);border-color:var(--vp-accent-strong)}.auth-promo-headline{margin:0;max-width:22ch;color:#fff;font-size:clamp(1.6rem,2.4vw,2.25rem);font-weight:600;line-height:1.1;letter-spacing:-.025em;text-wrap:balance}.auth-promo-description{margin:0;max-width:40ch;color:#ffffffb8;font-size:13.5px;line-height:1.45}.auth-promo-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:6px}.auth-promo-tab{display:flex;flex-direction:column;gap:8px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.auth-promo-tab-track{position:relative;display:block;height:3px;border-radius:999px;background:#ffffff38;overflow:hidden}.auth-promo-tab-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0;border-radius:999px;background:var(--vp-accent)}.auth-promo-tab.is-active .auth-promo-tab-fill{width:100%;transition:width 5s linear}@media(prefers-reduced-motion:reduce){.auth-promo-tab.is-active .auth-promo-tab-fill{transition:none}}.auth-promo-tab-label{font-size:12px;font-weight:500;letter-spacing:-.01em;color:#ffffff94;transition:color .2s var(--vp-ease)}.auth-promo-tab.is-active .auth-promo-tab-label{color:#fffffff5}.auth-promo-tab:hover .auth-promo-tab-label{color:#ffffffd1}.auth-promo-tab:focus-visible{outline:0}.auth-promo-tab:focus-visible .auth-promo-tab-track{box-shadow:0 0 0 3px #d1fe174d}.vp-maintenance-loading{min-height:100vh;background:var(--vp-bg, #f7f7f5)}.vp-maintenance{min-height:100svh;display:grid;align-items:center;overflow:hidden;background:var(--vp-bg, #f7f7f5);color:var(--vp-ink, #0e0e10);font-family:var(--vp-sans, Poppins, Inter, sans-serif)}.vp-maintenance__layout{width:min(100% - 64px,1120px);margin:0 auto;display:grid;grid-template-columns:1.618fr 1fr;align-items:center;gap:64px;padding:64px 0}.vp-maintenance__drawing{position:relative;min-width:0;aspect-ratio:560 / 390;display:grid;align-items:center}.vp-maintenance__drawing svg{width:100%;height:auto;overflow:visible}.vp-maintenance__net{transform-origin:50% 50%;animation:vp-maintenance-open .82s cubic-bezier(.16,1,.3,1) both}.vp-maintenance__cut,.vp-maintenance__fold,.vp-maintenance__tab,.vp-maintenance__accent,.vp-maintenance__guide{fill:none;vector-effect:non-scaling-stroke}.vp-maintenance__cut{stroke:var(--vp-ink, #0e0e10);stroke-width:1.5;stroke-linejoin:round}.vp-maintenance__fold{stroke:var(--vp-line-strong, #d5d5d1);stroke-width:1;stroke-dasharray:4 6}.vp-maintenance__tab{stroke:var(--vp-ink, #0e0e10);stroke-width:1.5;stroke-linejoin:round}.vp-maintenance__accent{stroke:var(--vp-accent, #d1fe17);stroke-width:3}.vp-maintenance__guide{stroke:var(--vp-line-strong, #d5d5d1);stroke-width:1;stroke-dasharray:2 6;animation:vp-maintenance-guides .6s .18s cubic-bezier(.16,1,.3,1) both}.vp-maintenance__drawing-label{position:absolute;left:0;bottom:0;color:var(--vp-mute, #8a8a8f);font-size:11px;font-weight:500;letter-spacing:.12em}.vp-maintenance__message{max-width:390px;animation:vp-maintenance-arrive .42s .16s cubic-bezier(.16,1,.3,1) both}.vp-maintenance__brand{display:inline-flex;align-items:center;gap:12px;color:var(--vp-ink, #0e0e10);font-size:18px;font-weight:600;letter-spacing:-.04em;text-decoration:none}.vp-maintenance__mark{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--vp-ink, #0e0e10)}.vp-maintenance__mark span{width:10px;height:10px;transform:rotate(45deg);background:var(--vp-accent, #d1fe17)}.vp-maintenance__eyebrow{margin:48px 0 16px;color:var(--vp-mute, #8a8a8f);font-size:12px;font-weight:500;letter-spacing:.12em}.vp-maintenance h1{max-width:12ch;margin:0;font-size:40px;font-weight:600;line-height:1.2;letter-spacing:-.045em}.vp-maintenance__copy{max-width:38ch;margin:24px 0 0;color:var(--vp-ink-soft, #1c1c1e);font-size:16px;font-weight:400;line-height:1.6}.vp-maintenance__status{display:flex;align-items:center;gap:12px;margin-top:40px;font-size:13px;font-weight:500}.vp-maintenance__status-dot{width:8px;height:8px;border-radius:50%;background:#d59833}.vp-maintenance__footer{margin:64px 0 0;color:var(--vp-mute, #8a8a8f);font-size:12px;letter-spacing:.04em}@keyframes vp-maintenance-open{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes vp-maintenance-guides{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes vp-maintenance-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.vp-maintenance__layout{width:min(100% - 40px,520px);grid-template-columns:1fr;gap:40px;padding:40px 0}.vp-maintenance__drawing{width:min(100%,440px)}.vp-maintenance__message{max-width:480px}.vp-maintenance__eyebrow{margin-top:32px}.vp-maintenance h1{font-size:32px}.vp-maintenance__status{margin-top:32px}.vp-maintenance__footer{margin-top:40px}}@media(prefers-reduced-motion:reduce){.vp-maintenance__net,.vp-maintenance__guide,.vp-maintenance__message{animation:none}}.stitch-generator .fixed{position:fixed}.stitch-generator .bottom-11{bottom:44px}.stitch-generator .left-1\/2{left:50%}.stitch-generator .left-7{left:28px}.stitch-generator .z-0{z-index:0}.stitch-generator .z-40{z-index:40}.stitch-generator .mx-0\.5{margin-left:2px;margin-right:2px}.stitch-generator .mx-2{margin-left:8px;margin-right:8px}.stitch-generator .mb-2{margin-bottom:8px}.stitch-generator .min-h-0{min-height:0px}.stitch-generator .w-52{width:208px}.stitch-generator .w-72{width:288px}.stitch-generator .w-9{width:36px}.stitch-generator .w-\[1px\]{width:1px}.stitch-generator .min-w-\[46px\]{min-width:46px}.stitch-generator .origin-center{transform-origin:center}.stitch-generator .-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stitch-generator .items-stretch{align-items:stretch}.stitch-generator .justify-end{justify-content:flex-end}.stitch-generator .gap-6{gap:24px}.stitch-generator .gap-8{gap:32px}.stitch-generator .space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(4px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4px * var(--tw-space-y-reverse))}.stitch-generator .border-\[\#18181B\]{--tw-border-opacity: 1;border-color:rgb(24 24 27 / var(--tw-border-opacity, 1))}.stitch-generator .border-\[\#94A3B8\]{--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity, 1))}.stitch-generator .border-\[\#CBD5E1\]{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.stitch-generator .border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.stitch-generator .bg-\[\#16A34A\]{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.stitch-generator .bg-\[\#F3F4F6\]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.stitch-generator .bg-black\/40{background-color:#0006}.stitch-generator .bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.stitch-generator .pb-1{padding-bottom:4px}.stitch-generator .pb-12{padding-bottom:48px}.stitch-generator .pt-8{padding-top:32px}.stitch-generator .text-\[12px\]{font-size:12px}.stitch-generator .text-\[16px\]{font-size:16px}.stitch-generator .tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.stitch-generator .leading-normal{line-height:1.5}.stitch-generator .text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.stitch-generator .accent-\[\#a3f700\]{accent-color:#a3f700}.stitch-generator .opacity-80{opacity:.8}.stitch-generator .shadow-panel{--tw-shadow: 0 8px 30px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .02);--tw-shadow-colored: 0 8px 30px var(--tw-shadow-color), 0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.stitch-generator .shadow-xs{--tw-shadow: 0 1px 2px rgba(0, 0, 0, .04);--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.stitch-generator .duration-200{transition-duration:.2s}.stitch-generator .duration-75{transition-duration:75ms}.stitch-generator .hover\:bg-black:hover{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.stitch-generator .-top-3\.5{top:-14px}.stitch-generator .top-6{top:24px}.stitch-generator .mb-20{margin-bottom:80px}.stitch-generator .mr-24{margin-right:96px}.stitch-generator .h-72{height:288px}.stitch-generator .max-w-md{max-width:448px}.stitch-generator .max-w-xl{max-width:576px}.stitch-generator .items-end{align-items:flex-end}.stitch-generator .bg-\[\#F4F5F7\]\/80{background-color:#f4f5f7cc}.stitch-generator .bg-white\/70{background-color:#ffffffb3}.stitch-generator .p-10{padding:40px}.stitch-generator .p-12{padding:48px}.stitch-generator .pb-0\.5{padding-bottom:2px}.stitch-generator .pr-1{padding-right:4px}.stitch-generator .pt-4{padding-top:16px}.stitch-generator .text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.stitch-generator .text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.stitch-generator .opacity-40{opacity:.4}.stitch-generator .shadow-\[0_2px_8px_rgba\(163\,247\,0\,0\.5\)\]{--tw-shadow: 0 2px 8px rgba(163, 247, 0, .5);--tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.stitch-generator *,.stitch-generator :before,.stitch-generator :after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.stitch-generator ::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.stitch-generator *,.stitch-generator :after,.stitch-generator :before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}.stitch-generator :after,.stitch-generator :before{--tw-content: ""}.stitch-generator :host,.stitch-generator html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}.stitch-generator body{margin:0;line-height:inherit}.stitch-generator hr{height:0;color:inherit;border-top-width:1px}.stitch-generator abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.stitch-generator h1,.stitch-generator h2,.stitch-generator h3,.stitch-generator h4,.stitch-generator h5,.stitch-generator h6{font-size:inherit;font-weight:inherit}.stitch-generator a{color:inherit;text-decoration:inherit}.stitch-generator b,.stitch-generator strong{font-weight:bolder}.stitch-generator code,.stitch-generator kbd,.stitch-generator pre,.stitch-generator samp{font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}.stitch-generator small{font-size:80%}.stitch-generator sub,.stitch-generator sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.stitch-generator sub{bottom:-.25em}.stitch-generator sup{top:-.5em}.stitch-generator table{text-indent:0;border-color:inherit;border-collapse:collapse}.stitch-generator button,.stitch-generator input,.stitch-generator optgroup,.stitch-generator select,.stitch-generator textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}.stitch-generator button,.stitch-generator select{text-transform:none}.stitch-generator button,.stitch-generator input:where([type=button]),.stitch-generator input:where([type=reset]),.stitch-generator input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}.stitch-generator :-moz-focusring{outline:auto}.stitch-generator :-moz-ui-invalid{box-shadow:none}.stitch-generator progress{vertical-align:baseline}.stitch-generator ::-webkit-inner-spin-button,.stitch-generator ::-webkit-outer-spin-button{height:auto}.stitch-generator [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.stitch-generator ::-webkit-search-decoration{-webkit-appearance:none}.stitch-generator ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.stitch-generator summary{display:list-item}.stitch-generator blockquote,.stitch-generator dd,.stitch-generator dl,.stitch-generator figure,.stitch-generator h1,.stitch-generator h2,.stitch-generator h3,.stitch-generator h4,.stitch-generator h5,.stitch-generator h6,.stitch-generator hr,.stitch-generator p,.stitch-generator pre{margin:0}.stitch-generator fieldset{margin:0;padding:0}.stitch-generator legend{padding:0}.stitch-generator menu,.stitch-generator ol,.stitch-generator ul{list-style:none;margin:0;padding:0}.stitch-generator dialog{padding:0}.stitch-generator textarea{resize:vertical}.stitch-generator input::-moz-placeholder,.stitch-generator textarea::-moz-placeholder{opacity:1;color:#9ca3af}.stitch-generator input::placeholder,.stitch-generator textarea::placeholder{opacity:1;color:#9ca3af}.stitch-generator [role=button],.stitch-generator button{cursor:pointer}.stitch-generator :disabled{cursor:default}.stitch-generator audio,.stitch-generator canvas,.stitch-generator embed,.stitch-generator iframe,.stitch-generator img,.stitch-generator object,.stitch-generator svg,.stitch-generator video{display:block;vertical-align:middle}.stitch-generator img,.stitch-generator video{max-width:100%;height:auto}.stitch-generator [hidden]:where(:not([hidden=until-found])){display:none}.stitch-generator [type=text],.stitch-generator input:where(:not([type])),.stitch-generator [type=email],.stitch-generator [type=url],.stitch-generator [type=password],.stitch-generator [type=number],.stitch-generator [type=date],.stitch-generator [type=datetime-local],.stitch-generator [type=month],.stitch-generator [type=search],.stitch-generator [type=tel],.stitch-generator [type=time],.stitch-generator [type=week],.stitch-generator [multiple],.stitch-generator textarea,.stitch-generator select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:8px 12px;font-size:16px;line-height:24px;--tw-shadow: 0 0 #0000}.stitch-generator [type=text]:focus,.stitch-generator input:where(:not([type])):focus,.stitch-generator [type=email]:focus,.stitch-generator [type=url]:focus,.stitch-generator [type=password]:focus,.stitch-generator [type=number]:focus,.stitch-generator [type=date]:focus,.stitch-generator [type=datetime-local]:focus,.stitch-generator [type=month]:focus,.stitch-generator [type=search]:focus,.stitch-generator [type=tel]:focus,.stitch-generator [type=time]:focus,.stitch-generator [type=week]:focus,.stitch-generator [multiple]:focus,.stitch-generator textarea:focus,.stitch-generator select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}.stitch-generator input::-moz-placeholder,.stitch-generator textarea::-moz-placeholder{color:#6b7280;opacity:1}.stitch-generator input::placeholder,.stitch-generator textarea::placeholder{color:#6b7280;opacity:1}.stitch-generator ::-webkit-datetime-edit-fields-wrapper{padding:0}.stitch-generator ::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}.stitch-generator ::-webkit-datetime-edit{display:inline-flex}.stitch-generator ::-webkit-datetime-edit,.stitch-generator ::-webkit-datetime-edit-year-field,.stitch-generator ::-webkit-datetime-edit-month-field,.stitch-generator ::-webkit-datetime-edit-day-field,.stitch-generator ::-webkit-datetime-edit-hour-field,.stitch-generator ::-webkit-datetime-edit-minute-field,.stitch-generator ::-webkit-datetime-edit-second-field,.stitch-generator ::-webkit-datetime-edit-millisecond-field,.stitch-generator ::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}.stitch-generator select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:40px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.stitch-generator [multiple],.stitch-generator [size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:12px;-webkit-print-color-adjust:unset;print-color-adjust:unset}.stitch-generator [type=checkbox],.stitch-generator [type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:16px;width:16px;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}.stitch-generator [type=checkbox]{border-radius:0}.stitch-generator [type=radio]{border-radius:100%}.stitch-generator [type=checkbox]:focus,.stitch-generator [type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.stitch-generator [type=checkbox]:checked,.stitch-generator [type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}.stitch-generator [type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media(forced-colors:active){.stitch-generator [type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.stitch-generator [type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media(forced-colors:active){.stitch-generator [type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.stitch-generator [type=checkbox]:checked:hover,.stitch-generator [type=checkbox]:checked:focus,.stitch-generator [type=radio]:checked:hover,.stitch-generator [type=radio]:checked:focus{border-color:transparent;background-color:currentColor}.stitch-generator [type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media(forced-colors:active){.stitch-generator [type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.stitch-generator [type=checkbox]:indeterminate:hover,.stitch-generator [type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}.stitch-generator [type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}.stitch-generator [type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.stitch-generator .pointer-events-none{pointer-events:none}.stitch-generator .absolute{position:absolute}.stitch-generator .relative{position:relative}.stitch-generator .inset-0{top:0;right:0;bottom:0;left:0}.stitch-generator .-bottom-1{bottom:-4px}.stitch-generator .-bottom-2{bottom:-8px}.stitch-generator .-right-2\.5{right:-10px}.stitch-generator .-top-1\.5{top:-6px}.stitch-generator .bottom-0{bottom:0}.stitch-generator .bottom-2{bottom:8px}.stitch-generator .bottom-3{bottom:12px}.stitch-generator .bottom-6{bottom:24px}.stitch-generator .left-0{left:0}.stitch-generator .left-3{left:12px}.stitch-generator .left-8{left:32px}.stitch-generator .left-\[32\%\]{left:32%}.stitch-generator .right-0{right:0}.stitch-generator .right-1{right:4px}.stitch-generator .right-2{right:8px}.stitch-generator .right-2\.5{right:10px}.stitch-generator .right-6{right:24px}.stitch-generator .top-0{top:0}.stitch-generator .top-11{top:44px}.stitch-generator .top-3{top:12px}.stitch-generator .top-5{top:20px}.stitch-generator .top-8{top:32px}.stitch-generator .z-10{z-index:10}.stitch-generator .z-20{z-index:20}.stitch-generator .z-30{z-index:30}.stitch-generator .z-50{z-index:50}.stitch-generator .mb-0\.5{margin-bottom:2px}.stitch-generator .mb-1{margin-bottom:4px}.stitch-generator .mb-1\.5{margin-bottom:6px}.stitch-generator .mt-0\.5{margin-top:2px}.stitch-generator .mt-1{margin-top:4px}.stitch-generator .mt-2{margin-top:8px}.stitch-generator .mt-2\.5{margin-top:10px}.stitch-generator .mt-auto{margin-top:auto}.stitch-generator .block{display:block}.stitch-generator .flex{display:flex}.stitch-generator .grid{display:grid}.stitch-generator .hidden{display:none}.stitch-generator .h-1{height:4px}.stitch-generator .h-1\.5{height:6px}.stitch-generator .h-10{height:40px}.stitch-generator .h-11{height:44px}.stitch-generator .h-14{height:56px}.stitch-generator .h-2{height:8px}.stitch-generator .h-2\.5{height:10px}.stitch-generator .h-24{height:96px}.stitch-generator .h-3{height:12px}.stitch-generator .h-3\.5{height:14px}.stitch-generator .h-32{height:128px}.stitch-generator .h-4{height:16px}.stitch-generator .h-5{height:20px}.stitch-generator .h-6{height:24px}.stitch-generator .h-7{height:28px}.stitch-generator .h-8{height:32px}.stitch-generator .h-9{height:36px}.stitch-generator .h-\[1024px\]{height:1024px}.stitch-generator .h-\[1px\]{height:1px}.stitch-generator .h-\[520px\]{height:520px}.stitch-generator .h-\[88px\]{height:88px}.stitch-generator .h-full{height:100%}.stitch-generator .h-screen{height:100vh}.stitch-generator .w-1{width:4px}.stitch-generator .w-1\.5{width:6px}.stitch-generator .w-10{width:40px}.stitch-generator .w-11{width:44px}.stitch-generator .w-14{width:56px}.stitch-generator .w-16{width:64px}.stitch-generator .w-2{width:8px}.stitch-generator .w-2\.5{width:10px}.stitch-generator .w-24{width:96px}.stitch-generator .w-3{width:12px}.stitch-generator .w-3\.5{width:14px}.stitch-generator .w-3\/4{width:75%}.stitch-generator .w-4{width:16px}.stitch-generator .w-5{width:20px}.stitch-generator .w-6{width:24px}.stitch-generator .w-7{width:28px}.stitch-generator .w-8{width:32px}.stitch-generator .w-\[240px\]{width:240px}.stitch-generator .w-\[32\%\]{width:32%}.stitch-generator .w-\[370px\]{width:370px}.stitch-generator .w-\[78px\]{width:78px}.stitch-generator .w-\[820px\]{width:820px}.stitch-generator .w-auto{width:auto}.stitch-generator .w-full{width:100%}.stitch-generator .w-px{width:1px}.stitch-generator .w-screen{width:100vw}.stitch-generator .min-w-0{min-width:0px}.stitch-generator .max-w-xs{max-width:320px}.stitch-generator .flex-1{flex:1 1 0%}.stitch-generator .flex-shrink-0{flex-shrink:0}.stitch-generator .-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stitch-generator .rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.stitch-generator .animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.stitch-generator .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.stitch-generator .cursor-default{cursor:default}.stitch-generator .cursor-grab{cursor:grab}.stitch-generator .cursor-pointer{cursor:pointer}.stitch-generator .cursor-text{cursor:text}.stitch-generator .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.stitch-generator .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.stitch-generator .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stitch-generator .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stitch-generator .flex-col{flex-direction:column}.stitch-generator .items-start{align-items:flex-start}.stitch-generator .items-center{align-items:center}.stitch-generator .items-baseline{align-items:baseline}.stitch-generator .justify-center{justify-content:center}.stitch-generator .justify-between{justify-content:space-between}.stitch-generator .gap-0\.5{gap:2px}.stitch-generator .gap-1{gap:4px}.stitch-generator .gap-1\.5{gap:6px}.stitch-generator .gap-12{gap:48px}.stitch-generator .gap-2{gap:8px}.stitch-generator .gap-2\.5{gap:10px}.stitch-generator .gap-3{gap:12px}.stitch-generator .gap-4{gap:16px}.stitch-generator .gap-5{gap:20px}.stitch-generator .-space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(-2px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(-2px * var(--tw-space-y-reverse))}.stitch-generator .space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(6px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(6px * var(--tw-space-y-reverse))}.stitch-generator .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(8px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8px * var(--tw-space-y-reverse))}.stitch-generator .space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(10px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(10px * var(--tw-space-y-reverse))}.stitch-generator .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(12px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(12px * var(--tw-space-y-reverse))}.stitch-generator .space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(14px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(14px * var(--tw-space-y-reverse))}.stitch-generator .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(16px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(16px * var(--tw-space-y-reverse))}.stitch-generator .space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(24px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(24px * var(--tw-space-y-reverse))}.stitch-generator .overflow-hidden{overflow:hidden}.stitch-generator .overflow-y-auto{overflow-y:auto}.stitch-generator .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stitch-generator .rounded{border-radius:4px}.stitch-generator .rounded-2xl{border-radius:16px}.stitch-generator .rounded-full{border-radius:9999px}.stitch-generator .rounded-lg{border-radius:8px}.stitch-generator .rounded-md{border-radius:6px}.stitch-generator .rounded-xl{border-radius:12px}.stitch-generator .rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.stitch-generator .border{border-width:1px}.stitch-generator .border-2{border-width:2px}.stitch-generator .border-b{border-bottom-width:1px}.stitch-generator .border-r{border-right-width:1px}.stitch-generator .border-t{border-top-width:1px}.stitch-generator .border-dashed{border-style:dashed}.stitch-generator .border-none{border-style:none}.stitch-generator .border-\[\#85d300\]{--tw-border-opacity: 1;border-color:rgb(133 211 0 / var(--tw-border-opacity, 1))}.stitch-generator .border-\[\#91e400\]{--tw-border-opacity: 1;border-color:rgb(145 228 0 / var(--tw-border-opacity, 1))}.stitch-generator .border-\[\#DDD6CA\]{--tw-border-opacity: 1;border-color:rgb(221 214 202 / var(--tw-border-opacity, 1))}.stitch-generator .border-\[\#E1E4E8\]{--tw-border-opacity: 1;border-color:rgb(225 228 232 / var(--tw-border-opacity, 1))}.stitch-generator .border-\[\#E2E8F0\]{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.stitch-generator .border-\[\#E5E7EB\]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.stitch-generator .border-\[\#E5E8EB\]{--tw-border-opacity: 1;border-color:rgb(229 232 235 / var(--tw-border-opacity, 1))}.stitch-generator .border-\[\#EAECEF\]{--tw-border-opacity: 1;border-color:rgb(234 236 239 / var(--tw-border-opacity, 1))}.stitch-generator .border-\[\#EEF1F4\]{--tw-border-opacity: 1;border-color:rgb(238 241 244 / var(--tw-border-opacity, 1))}.stitch-generator .border-\[\#EEF1F4\]\/70{border-color:#eef1f4b3}.stitch-generator .border-\[\#F0F2F5\]{--tw-border-opacity: 1;border-color:rgb(240 242 245 / var(--tw-border-opacity, 1))}.stitch-generator .border-\[\#a3f700\]{--tw-border-opacity: 1;border-color:rgb(163 247 0 / var(--tw-border-opacity, 1))}.stitch-generator .border-\[\#a3f700\]\/30{border-color:#a3f7004d}.stitch-generator .border-\[\#a3f700\]\/40{border-color:#a3f70066}.stitch-generator .border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.stitch-generator .border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.stitch-generator .border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.stitch-generator .bg-\[\#18181B\]{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.stitch-generator .bg-\[\#330000\]{--tw-bg-opacity: 1;background-color:rgb(51 0 0 / var(--tw-bg-opacity, 1))}.stitch-generator .bg-\[\#E2E8F0\]{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.stitch-generator .bg-\[\#E8EAEF\]{--tw-bg-opacity: 1;background-color:rgb(232 234 239 / var(--tw-bg-opacity, 1))}.stitch-generator .bg-\[\#EEF1F4\]{--tw-bg-opacity: 1;background-color:rgb(238 241 244 / var(--tw-bg-opacity, 1))}.stitch-generator .bg-\[\#F1F3F6\]{--tw-bg-opacity: 1;background-color:rgb(241 243 246 / var(--tw-bg-opacity, 1))}.stitch-generator .bg-\[\#F4F5F7\]{--tw-bg-opacity: 1;background-color:rgb(244 245 247 / var(--tw-bg-opacity, 1))}.stitch-generator .bg-\[\#FAF5EE\]{--tw-bg-opacity: 1;background-color:rgb(250 245 238 / var(--tw-bg-opacity, 1))}.stitch-generator .bg-\[\#FAFBFD\]{--tw-bg-opacity: 1;background-color:rgb(250 251 253 / var(--tw-bg-opacity, 1))}.stitch-generator .bg-\[\#a3f700\]{--tw-bg-opacity: 1;background-color:rgb(163 247 0 / var(--tw-bg-opacity, 1))}.stitch-generator .bg-\[\#a3f700\]\/10{background-color:#a3f7001a}.stitch-generator .bg-\[\#a3f700\]\/20{background-color:#a3f70033}.stitch-generator .bg-\[\#a3f700\]\/5{background-color:#a3f7000d}.stitch-generator .bg-amber-400{--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.stitch-generator .bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.stitch-generator .bg-transparent{background-color:transparent}.stitch-generator .bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.stitch-generator .bg-\[\#94A3B8\]{--tw-bg-opacity: 1;background-color:rgb(148 163 184 / var(--tw-bg-opacity, 1))}.stitch-generator .bg-\[\#F8F9FA\]{--tw-bg-opacity: 1;background-color:rgb(248 249 250 / var(--tw-bg-opacity, 1))}.stitch-generator .bg-white\/90{background-color:#ffffffe6}.stitch-generator .bg-white\/95{background-color:#fffffff2}.stitch-generator .fill-\[\#94A3B8\]{fill:#94a3b8}.stitch-generator .stroke-current{stroke:currentColor}.stitch-generator .stroke-\[\#CBD5E1\]{stroke:#cbd5e1}.stitch-generator .stroke-\[1\.75\]{stroke-width:1.75}.stitch-generator .stroke-\[2\]{stroke-width:2}.stitch-generator .object-contain{-o-object-fit:contain;object-fit:contain}.stitch-generator .object-cover{-o-object-fit:cover;object-fit:cover}.stitch-generator .p-0{padding:0}.stitch-generator .p-0\.5{padding:2px}.stitch-generator .p-1{padding:4px}.stitch-generator .p-2{padding:8px}.stitch-generator .p-2\.5{padding:10px}.stitch-generator .p-3{padding:12px}.stitch-generator .p-3\.5{padding:14px}.stitch-generator .p-4{padding:16px}.stitch-generator .p-6{padding:24px}.stitch-generator .px-0{padding-left:0;padding-right:0}.stitch-generator .px-0\.5{padding-left:2px;padding-right:2px}.stitch-generator .px-1{padding-left:4px;padding-right:4px}.stitch-generator .px-1\.5{padding-left:6px;padding-right:6px}.stitch-generator .px-2{padding-left:8px;padding-right:8px}.stitch-generator .px-2\.5{padding-left:10px;padding-right:10px}.stitch-generator .px-3{padding-left:12px;padding-right:12px}.stitch-generator .px-4{padding-left:16px;padding-right:16px}.stitch-generator .px-5{padding-left:20px;padding-right:20px}.stitch-generator .px-6{padding-left:24px;padding-right:24px}.stitch-generator .py-0\.5{padding-top:2px;padding-bottom:2px}.stitch-generator .py-1{padding-top:4px;padding-bottom:4px}.stitch-generator .py-1\.5{padding-top:6px;padding-bottom:6px}.stitch-generator .py-2{padding-top:8px;padding-bottom:8px}.stitch-generator .py-2\.5{padding-top:10px;padding-bottom:10px}.stitch-generator .py-4{padding-top:16px;padding-bottom:16px}.stitch-generator .py-5{padding-top:20px;padding-bottom:20px}.stitch-generator .pb-0{padding-bottom:0}.stitch-generator .pb-2{padding-bottom:8px}.stitch-generator .pb-3{padding-bottom:12px}.stitch-generator .pb-4{padding-bottom:16px}.stitch-generator .pl-1{padding-left:4px}.stitch-generator .pl-8{padding-left:32px}.stitch-generator .pr-7{padding-right:28px}.stitch-generator .pt-0\.5{padding-top:2px}.stitch-generator .pt-1{padding-top:4px}.stitch-generator .pt-1\.5{padding-top:6px}.stitch-generator .pt-2{padding-top:8px}.stitch-generator .pt-3{padding-top:12px}.stitch-generator .pt-5{padding-top:20px}.stitch-generator .pt-6{padding-top:24px}.stitch-generator .text-center{text-align:center}.stitch-generator .text-right{text-align:right}.stitch-generator .font-mono{font-family:SF Mono,Menlo,Monaco,Consolas,monospace}.stitch-generator .font-sans{font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.stitch-generator .text-\[10px\]{font-size:12px}.stitch-generator .text-\[11px\]{font-size:13px}.stitch-generator .text-\[13px\]{font-size:15px}.stitch-generator .text-\[14px\]{font-size:16px}.stitch-generator .text-\[18px\]{font-size:20px}.stitch-generator .text-\[20px\]{font-size:22px}.stitch-generator .text-\[9px\]{font-size:11px}.stitch-generator .text-sm{font-size:16px;line-height:20px}.stitch-generator .text-xs{font-size:14px;line-height:16px}.stitch-generator .font-bold{font-weight:700}.stitch-generator .font-medium{font-weight:500}.stitch-generator .font-normal{font-weight:400}.stitch-generator .font-semibold{font-weight:600}.stitch-generator .uppercase{text-transform:uppercase}.stitch-generator .leading-none{line-height:1}.stitch-generator .leading-relaxed{line-height:1.625}.stitch-generator .leading-tight{line-height:1.25}.stitch-generator .tracking-tight{letter-spacing:-.025em}.stitch-generator .tracking-tighter{letter-spacing:-.05em}.stitch-generator .tracking-wide{letter-spacing:.025em}.stitch-generator .tracking-wider{letter-spacing:.05em}.stitch-generator .text-\[\#0F172A\]{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.stitch-generator .text-\[\#111827\]{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.stitch-generator .text-\[\#18181B\]{--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.stitch-generator .text-\[\#1A1D20\]{--tw-text-opacity: 1;color:rgb(26 29 32 / var(--tw-text-opacity, 1))}.stitch-generator .text-\[\#1E293B\]{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.stitch-generator .text-\[\#334155\]{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.stitch-generator .text-\[\#475569\]{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.stitch-generator .text-\[\#4D7C0F\]{--tw-text-opacity: 1;color:rgb(77 124 15 / var(--tw-text-opacity, 1))}.stitch-generator .text-\[\#64748B\]{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.stitch-generator .text-\[\#94A3B8\]{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.stitch-generator .text-\[\#FF9A00\]{--tw-text-opacity: 1;color:rgb(255 154 0 / var(--tw-text-opacity, 1))}.stitch-generator .text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.stitch-generator .text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.stitch-generator .text-emerald-800{--tw-text-opacity: 1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.stitch-generator .text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.stitch-generator .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.stitch-generator .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.stitch-generator .opacity-0{opacity:0}.stitch-generator .opacity-25{opacity:.25}.stitch-generator .opacity-30{opacity:.3}.stitch-generator .opacity-75{opacity:.75}.stitch-generator .shadow-\[0_0_8px_rgba\(163\,230\,53\,1\)\]{--tw-shadow: 0 0 8px rgba(163, 230, 53, 1);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.stitch-generator .shadow-\[0_0_8px_rgba\(163\,247\,0\,0\.5\)\]{--tw-shadow: 0 0 8px rgba(163, 247, 0, .5);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.stitch-generator .shadow-\[0_0_8px_rgba\(163\,247\,0\,0\.7\)\]{--tw-shadow: 0 0 8px rgba(163, 247, 0, .7);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.stitch-generator .shadow-\[0_0_8px_rgba\(163\,247\,0\,0\.8\)\]{--tw-shadow: 0 0 8px rgba(163, 247, 0, .8);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.stitch-generator .shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.stitch-generator .shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.stitch-generator .shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.stitch-generator .shadow-panel{--tw-shadow: 0 8px 30px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .02);--tw-shadow-colored: 0 8px 30px var(--tw-shadow-color), 0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.stitch-generator .shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.stitch-generator .shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.stitch-generator .shadow-\[0_0_8px_\#a3f700\]{--tw-shadow: 0 0 8px #a3f700;--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.stitch-generator .shadow-panel{--tw-shadow-color: #fdfdfe;--tw-shadow: var(--tw-shadow-colored)}.stitch-generator .outline-none{outline:2px solid transparent;outline-offset:2px}.stitch-generator .contrast-150{--tw-contrast: contrast(1.5);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.stitch-generator .drop-shadow-md{--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.stitch-generator .drop-shadow-sm{--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.stitch-generator .grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.stitch-generator .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.stitch-generator .backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.stitch-generator .backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.stitch-generator .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stitch-generator .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stitch-generator .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stitch-generator .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stitch-generator .duration-500{transition-duration:.5s}.stitch-generator .\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}.stitch-generator .focus-within\:border-black:focus-within{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.stitch-generator .focus-within\:bg-white:focus-within{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.stitch-generator .focus-within\:ring-2:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.stitch-generator .focus-within\:ring-black\/10:focus-within{--tw-ring-color: rgb(0 0 0 / .1)}.stitch-generator .hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stitch-generator .hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stitch-generator .hover\:border-\[\#94A3B8\]:hover{--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity, 1))}.stitch-generator .hover\:border-\[\#a3f700\]:hover{--tw-border-opacity: 1;border-color:rgb(163 247 0 / var(--tw-border-opacity, 1))}.stitch-generator .hover\:border-black:hover{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.stitch-generator .hover\:bg-\[\#94e200\]:hover{--tw-bg-opacity: 1;background-color:rgb(148 226 0 / var(--tw-bg-opacity, 1))}.stitch-generator .hover\:bg-\[\#E2E8F0\]:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.stitch-generator .hover\:bg-\[\#F1F3F6\]:hover{--tw-bg-opacity: 1;background-color:rgb(241 243 246 / var(--tw-bg-opacity, 1))}.stitch-generator .hover\:bg-\[\#F4F5F7\]:hover{--tw-bg-opacity: 1;background-color:rgb(244 245 247 / var(--tw-bg-opacity, 1))}.stitch-generator .hover\:bg-\[\#FAFBFD\]:hover{--tw-bg-opacity: 1;background-color:rgb(250 251 253 / var(--tw-bg-opacity, 1))}.stitch-generator .hover\:bg-\[\#a3f700\]\/10:hover{background-color:#a3f7001a}.stitch-generator .hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.stitch-generator .hover\:bg-white\/80:hover{background-color:#fffc}.stitch-generator .hover\:text-\[\#0F172A\]:hover{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.stitch-generator .hover\:text-\[\#18181B\]:hover{--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.stitch-generator .hover\:text-\[\#1E293B\]:hover{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.stitch-generator .hover\:text-\[\#3f6212\]:hover{--tw-text-opacity: 1;color:rgb(63 98 18 / var(--tw-text-opacity, 1))}.stitch-generator .hover\:text-\[\#475569\]:hover{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.stitch-generator .hover\:text-\[\#4D7C0F\]:hover{--tw-text-opacity: 1;color:rgb(77 124 15 / var(--tw-text-opacity, 1))}.stitch-generator .hover\:underline:hover{text-decoration-line:underline}.stitch-generator .focus\:border-black:focus{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.stitch-generator .focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.stitch-generator .focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.stitch-generator .focus\:ring-black:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1))}.stitch-generator .active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stitch-generator .active\:cursor-grabbing:active{cursor:grabbing}.stitch-generator .disabled\:opacity-50:disabled{opacity:.5}.stitch-generator .group:hover .group-hover\:rotate-6{--tw-rotate: 6deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stitch-generator .group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stitch-generator .group:hover .group-hover\:opacity-100{opacity:1}.stitch-sidebar-host{zoom:.78;flex-shrink:0;height:100%;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5}.stitch-sidebar-host>aside{height:100%}.stitch-generator *,.stitch-generator *:before,.stitch-generator *:after{box-sizing:border-box}.stitch-generator button,.stitch-generator input,.stitch-generator select{font-family:inherit}.stitch-generator button{cursor:pointer}.stitch-generator .stitch-nav-active{background:#a3f70033;color:#18181b;border-color:#a3f70066;font-weight:600}.stitch-generator .stitch-nav-idle{background:transparent;color:#64748b;border-color:transparent;box-shadow:none}.stitch-generator .stitch-segment-active{background:#a3f700;color:#0f172a;border-color:#91e400;font-weight:700}.stitch-generator .stitch-segment-idle{background:transparent;color:#64748b;border-color:transparent;box-shadow:none}.stitch-generator .stitch-tab-active{background:#fff;color:#18181b;font-weight:700}.stitch-generator .stitch-tab-idle{background:transparent;color:#64748b;box-shadow:none}.stitch-generator .stitch-preset-selected{border-color:#a3f700;background:#a3f7000d}.stitch-generator .stitch-preset-idle{border-color:#e2e8f0;background:#fff}.stitch-generator button:focus-visible,.stitch-generator input:focus-visible,.stitch-generator select:focus-visible{outline:2px solid #18181b;outline-offset:2px}.stitch-export{zoom:.78;flex-shrink:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5}.stitch-export h3,.stitch-export h4,.stitch-export p,.stitch-export ul{margin-top:0}.stitch-export ul{padding:0;list-style:none}.stitch-export button{border-style:solid}.stitch-format-active{border:2px solid #18181b!important;background:#fff!important;color:#18181b!important;font-weight:600!important}.stitch-generator button:disabled{cursor:default;opacity:.45}@media(max-width:1100px){.stitch-export #workspace-bottom-dock{gap:16px;padding:16px}.stitch-export .w-72{width:240px}}.stitch-generator .stitch-nav-active span,.stitch-generator .stitch-nav-active svg{color:#18181b;font-weight:600}.stitch-generator .stitch-nav-idle span,.stitch-generator .stitch-nav-idle svg{color:#64748b;font-weight:500}.stitch-export #workspace-bottom-dock>.flex-1>.w-72{flex:0 0 288px;min-width:0}.stitch-export #workspace-bottom-dock input[type=range]{min-width:0;width:100%}.stitch-export select{border:1px solid #e2e8f0;border-radius:4px;margin-left:4px;font-size:12px}.stitch-generator [class~="text-[12px]"]{font-size:14px}.stitch-generator [class~="text-[16px]"]{font-size:18px}.stitch-generator nav span{white-space:nowrap}.stitch-generator #view-advanced-placeholder header h2{font-size:18px;white-space:nowrap}.stitch-export #workspace-bottom-dock button{white-space:nowrap}.stitch-export #workspace-bottom-dock>.flex-1>.w-72{flex-basis:320px}.stitch-export select{font-size:14px}.stitch-generator .generator-field-feedback{margin:8px 0 0;font-size:14px;line-height:20px;color:#b42318}.stitch-generator .generator-field-feedback[hidden]{display:none}.stitch-generator input[aria-invalid=true]{outline:1px solid #b42318;outline-offset:2px}.stitch-generator .generator-version-copy{margin-top:8px;padding:0;border:0;background:transparent;font:inherit;font-size:14px;line-height:20px;font-weight:600;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.stitch-generator .generator-version-copy[hidden]{display:none}.stitch-generator .generator-version-copy:disabled{opacity:.5;cursor:wait}