@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600&display=swap";.route-shell{min-height:100vh;padding:32px;background:#f6f7f4;color:#161814}.route-shell-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 auto 48px;max-width:1120px}.route-shell-brand{color:inherit;font-weight:800;letter-spacing:0;text-decoration:none;text-transform:uppercase}.route-shell-nav,.route-inline-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.route-user-surface{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#3f463a;font-size:13px;font-weight:700}.route-user-surface button,.route-secondary-button{border:1px solid #cbd3c3;border-radius:6px;background:#fff;color:#245f3c;cursor:pointer;font:inherit;font-weight:800;padding:9px 11px}.route-user-surface button:disabled{cursor:wait;opacity:.6}.route-user-error{color:#9f2f24}.route-shell-link{color:#245f3c;font-weight:700;text-decoration:none}.route-shell-link:hover{text-decoration:underline}.route-shell-eyebrow,.route-muted{margin:0 auto 12px;max-width:1120px;color:#68705f;font-size:13px;font-weight:700;text-transform:uppercase}.route-hero,.route-panel{border:1px solid #d8ded0;border-radius:8px;background:#fff;box-shadow:0 14px 36px #16181414}.route-hero{margin:0 auto 20px;max-width:1120px;padding:32px}.route-hero h1,.route-panel h1,.pricing-plan h2{margin:0 0 12px;letter-spacing:0}.route-hero p,.route-panel p,.pricing-plan li{color:#535b4d;line-height:1.55}.pricing-grid,.billing-grid,.projects-list{display:grid;gap:16px;margin:0 auto;max-width:1120px}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-grid,.projects-list{grid-template-columns:repeat(2,minmax(0,1fr))}.route-template-surface{border:1px solid #d8ded0;border-radius:8px;margin:0 auto;max-width:1120px;min-height:640px;overflow:hidden}.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}.route-panel{padding:24px}.route-panel-narrow{margin:0 auto;max-width:520px}.pricing-plan strong,.billing-grid strong{display:block;font-size:24px}.pricing-plan ul{display:grid;gap:10px;margin:20px 0 0;padding-left:18px}.project-card{display:grid;gap:18px}.project-card h2{margin:0 0 8px}.project-card dl{display:grid;gap:10px;margin:0}.project-card dl div{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #edf0e8;padding-top:10px}.project-card dt{color:#68705f;font-weight:700}.project-card dd{margin:0;color:#161814;font-weight:800}.route-form{display:grid;gap:14px;margin:24px 0}.route-form label{display:grid;gap:6px;color:#3f463a;font-size:13px;font-weight:700}.route-form input{border:1px solid #cbd3c3;border-radius:6px;font:inherit;padding:11px 12px}.route-form button{border:0;border-radius:6px;background:#245f3c;color:#fff;cursor:pointer;font:inherit;font-weight:800;padding:12px 14px}.route-form button:disabled{cursor:wait;opacity:.6}.route-error{border:1px solid #f0b6b0;border-radius:6px;background:#fff5f3;color:#9f2f24;padding:10px 12px}@media(max-width:760px){.route-shell{padding:20px}.route-shell-header{align-items:flex-start;flex-direction:column}.pricing-grid,.billing-grid,.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}}: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}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.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: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}.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:1023px){.workspace-frame{grid-template-columns:var(--rail-w) minmax(260px,1fr);grid-template-areas:"topbar    topbar" "iconrail  context" "iconrail  canvas"}.workspace-canvas{grid-row:3}.workspace-inspector{position:fixed;inset:var(--topbar-h) 0 0 auto;width:min(360px,90vw);transform:translate(100%);transition:transform .2s ease;z-index:40;box-shadow:var(--shadow-pop)}.workspace-inspector.is-open{transform:translate(0)}.surface-grid-three{grid-template-columns:1fr}}@media(max-width:640px){:root{--rail-w: 48px;--topbar-h: 48px}.topbar-search{display:none}.surface-shell{padding:1rem}.library-grid,.revenue-plan-row{grid-template-columns:1fr}}:root{color-scheme:light;font-family:Poppins,Segoe UI,sans-serif;font-variant-numeric:tabular-nums;--bg: #f6f7f8;--bg-muted: #eff2f4;--panel: rgba(255, 255, 255, .92);--panel-strong: #ffffff;--panel-elevated: #fbfcfc;--line: #e7e9ec;--line-strong: #d8dde3;--text: #111827;--text-soft: #4b5563;--text-muted: #6b7280;--accent: #0f766e;--accent-strong: #115e59;--accent-soft: rgba(15, 118, 110, .12);--accent-soft-strong: rgba(15, 118, 110, .18);--success: #3f8c5a;--success-soft: rgba(63, 140, 90, .14);--warning: #b7791f;--warning-soft: rgba(183, 121, 31, .14);--error: #c2413a;--error-soft: rgba(194, 65, 58, .14);--info: #2563eb;--info-soft: rgba(37, 99, 235, .12);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .025);--shadow-md: 0 8px 24px rgba(15, 23, 42, .05);--shadow-lg: 0 18px 40px rgba(15, 23, 42, .07);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-40: 40px}html,body,#root{min-height:100%}body{font-family:Poppins,Segoe UI,sans-serif;font-size:13px;line-height:1.5;color:var(--text);background:radial-gradient(circle at top left,rgba(15,118,110,.05),transparent 28%),radial-gradient(circle at top right,rgba(17,24,39,.03),transparent 24%),linear-gradient(180deg,#fbfcfc 0%,var(--bg) 100%)}#root{display:flex}*{box-sizing:border-box}button,input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease,color .14s ease,transform .14s ease;background:var(--panel-strong);color:var(--text);font-weight:400}button{cursor:pointer}button:active:not(:disabled){transform:translateY(0) scale(.99)}input::-moz-placeholder,textarea::-moz-placeholder{color:#9aa3af}input::placeholder,textarea::placeholder{color:#9aa3af}button:hover:not(:disabled),input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--line-strong)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:#0f766e99;box-shadow:0 0 0 4px var(--accent-soft)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.56}input,select,textarea{width:100%;padding:10px 12px}textarea{resize:vertical}.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}.workspace-search{position:relative;display:flex;align-items:center;min-width:210px;max-width:250px;min-height:32px;padding:0 9px;background:#ffffffc2;border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-sm)}.workspace-search:focus-within{border-color:#0f766e99;box-shadow:0 0 0 4px var(--accent-soft)}.workspace-search-label{color:var(--text-muted);font-size:11px;font-weight:400}.workspace-search input{border:0;box-shadow:none;padding:7px 8px 7px 6px;background:transparent;font-size:12px}.workspace-header-meta{display:flex;align-items:center;gap:var(--space-8)}.workspace-meta-chip,.workspace-user-pill{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#ffffffc7;color:var(--text);box-shadow:var(--shadow-sm)}.workspace-meta-chip{flex-direction:row;justify-content:center}.workspace-meta-chip span,.workspace-user-copy span{color:var(--text-muted);font-size:10px;line-height:14px;font-weight:400;text-transform:uppercase;letter-spacing:.06em}.workspace-meta-chip strong,.workspace-user-copy strong{font-size:11.5px;line-height:16px;font-weight:500}.workspace-meta-chip:hover,.workspace-user-pill:hover{border-color:#0f766e2e;background:#ffffffeb}.workspace-meta-chip.is-info{border-color:#2563eb2e;background:#2563eb0f}.workspace-meta-chip.is-success{border-color:#3f8c5a2e;background:#3f8c5a0f}.workspace-meta-chip.is-warning{border-color:#b7791f2e;background:#b7791f14}.workspace-user-pill{padding-left:6px;padding-right:10px}.workspace-user-avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:500}.workspace-user-copy{display:flex;flex-direction:column;align-items:flex-start}.workspace-mobile-toggle,.editor-context-close{display:none}.editor-shell{position:relative;display:grid;grid-template-columns:minmax(276px,316px) minmax(0,1fr) minmax(272px,296px);gap:10px;width:100%;min-height:0}.editor-sidebar,.editor-right-rail-frame,.editor-stage-shell{min-height:0}.editor-left-rail-shell{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;height:100%}.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-nav-rail{display:flex;flex-direction:column;justify-content:space-between;padding:8px 4px;border-radius:16px}.editor-nav-stack{display:flex;flex-direction:column;gap:var(--space-8)}.editor-nav-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;background:transparent;border-color:transparent;border-radius:14px;color:var(--text-muted);text-align:center}.editor-nav-item:hover:not(:disabled),.editor-nav-item.is-active{border-color:var(--line);background:#0f766e14;color:var(--accent);transform:translateY(-1px)}.editor-nav-item-utility{margin-top:8px;border-top:1px solid rgba(231,233,236,.92);border-radius:0;padding-top:12px}.editor-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid rgba(231,233,236,.92);background:#ffffffe6}.editor-nav-copy{display:flex;flex-direction:column;gap:2px}.editor-nav-copy strong{font-size:11px;line-height:14px;font-weight:600}.editor-nav-copy span{display:none}.editor-context-panel,.editor-stage-shell,.editor-right-rail-frame{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:16px}.editor-context-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-16)}.editor-context-header h2,.panel-header h2,.panel-header h3,.surface-modal-header h2{margin:0;font-size:17px;line-height:22px;font-weight:400}.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}.editor-context-search{margin:0}.editor-context-stack{display:flex;flex-direction:column;gap:0;min-height:0}.context-panel,.panel,.surface-panel{padding:12px;border-radius:16px}.editor-context-panel>.context-panel,.editor-context-panel>.editor-context-stack>.context-panel,.editor-context-panel>.context-quiet-section{background:transparent;border:0;box-shadow:none;border-radius:0;padding-left:0;padding-right:0}.editor-context-panel>.context-panel+.context-panel,.editor-context-panel>.editor-context-stack>.context-panel+.context-panel,.editor-context-panel>.context-quiet-section{border-top:1px solid rgba(231,233,236,.92)}.panel{display:flex;flex-direction:column;gap:10px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-16)}.panel-header-compact{align-items:center}.context-template-summary{display:flex;flex-direction:column;gap:10px;padding:12px;background:linear-gradient(180deg,#f8fafbcc,#ffffffb3);border:1px solid var(--line);border-radius:12px}.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}.context-facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8);color:var(--text-soft);font-size:12px;line-height:16px}.context-facts-grid-strong{gap:var(--space-12)}.context-fact-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-12);border:1px solid var(--line);border-radius:16px;background:#f8fafbd6}.context-fact-card span,.workspace-summary-item span,.library-stat-card span,.revenue-summary-row span,.project-list-item-meta,.project-list-item-copy span{color:var(--text-muted);font-size:11px;line-height:15px}.context-fact-card strong,.workspace-summary-item strong,.library-stat-card strong,.revenue-summary-row strong,.project-list-item-copy strong{font-size:13px;line-height:18px;font-weight:600}.context-template-list,.project-list{display:flex;flex-direction:column;gap:var(--space-8)}.context-template-item,.project-list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);width:100%;padding:10px 12px;background:#f8fafb94;border:1px solid var(--line);border-radius:12px;text-align:left}.context-template-item:hover:not(:disabled),.project-list-item:hover:not(:disabled),.library-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.context-template-item.is-active,.project-list-item.is-active,.library-card.is-selected{border-color:#0f766e47;background:linear-gradient(180deg,#0f766e17,#ffffffd1)}.context-template-item-copy,.project-list-item-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.context-template-item-copy strong{font-size:13px;line-height:18px;font-weight:600}.context-template-item-copy span{color:var(--text-muted);font-size:11px;line-height:15px}.context-quiet-section{display:flex;flex-direction:column;gap:var(--space-8)}.context-inline-list{display:flex;flex-wrap:wrap;gap:var(--space-8)}.context-inline-link,.context-inline-link-static{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:#fffc;color:var(--text-soft);font-size:12px}.context-inline-link-static{cursor:default}.field{display:flex;flex-direction:column;gap:6px;margin:0}.field-label{display:inline-flex;align-items:center;gap:6px;color:var(--text-soft);font-size:12px;line-height:16px;font-weight:600}.field-unit{color:var(--text-muted)}.field-hint{color:var(--text-muted);font-size:12px;line-height:18px}.required-indicator{color:var(--accent)}.field-issue{font-size:12px;line-height:17px}.field-issue.warning{color:var(--warning)}.field-issue.error{color:var(--error)}.segmented-control{display:inline-flex;align-items:center;gap:var(--space-4);padding:3px;background:#f8fafba8;border:1px solid var(--line);border-radius:999px;width:-moz-fit-content;width:fit-content;max-width:100%}.segmented-control-wrap{flex-wrap:wrap}.segmented-control button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-color:transparent;border-radius:999px;background:transparent;color:var(--text-muted);font-size:12px;font-weight:600}.segmented-control button span{color:inherit;opacity:.78}.segmented-control button.is-active,.preview-floating-toolbar button.is-active,.preview-floating-toggles button.is-active{background:var(--panel-strong);color:var(--text);border-color:#0f766e29;box-shadow:var(--shadow-sm)}.parameter-list{display:flex;flex-direction:column;gap:0}.parameter-field{padding:0 0 12px;border:0;border-bottom:1px solid rgba(231,233,236,.92);border-radius:0;background:transparent;margin-bottom:12px}.parameter-list .parameter-field:last-child{padding-bottom:0;border-bottom:0;margin-bottom:0}.parameter-utility-grid{display:grid;gap:var(--space-12)}.parameter-toggle-group{display:flex;flex-direction:column;gap:var(--space-8);padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#f8fafb99}.toggle-grid{display:flex;flex-wrap:wrap;gap:var(--space-8)}.layer-toggle{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#ffffffd1;color:var(--text-soft);font-size:12px}.layer-toggle input{width:auto;margin:0}.status-card,.pill{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 9px;border-radius:999px;font-size:11px;line-height:15px;font-weight:500}.status-card{display:flex;padding-top:10px;padding-bottom:10px;border:1px solid var(--line);border-radius:14px;background:#f8fafbd6;color:var(--text-soft)}.status-card.subtle,.pill.idle{background:#6b728014;border-color:#6b72801f;color:#556070}.status-card.info{background:var(--info-soft);border-color:#2563eb29;color:#1f4fa8}.status-card.success,.pill.ready,.pill.success,.pill.saved,.pill.completed{background:var(--success-soft);border-color:#3f8c5a2e;color:#256645}.status-card.warning,.pill.warning,.pill.stale,.pill.invalid,.pill.failed{background:var(--warning-soft);border-color:#b7791f2e;color:#8a5a16}.status-card.error,.pill.error{background:var(--error-soft);border-color:#c2413a2e;color:#9f312d}.pill.loading,.pill.pending,.pill.saving{background:var(--accent-soft);border:1px solid rgba(15,118,110,.18);color:var(--accent)}.toolbar-pill-row,.preview-status-group{display:flex;flex-wrap:wrap;gap:var(--space-8)}.editor-stage-shell{overflow:hidden}.editor-main{display:flex;flex:1;min-height:0}.workspace-bottom-rail{display:flex;flex-direction:column;gap:8px;padding:8px 12px;border-radius:14px}.workspace-bottom-rail-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.workspace-bottom-rail-copy{display:flex;flex-direction:column;gap:2px}.workspace-bottom-rail-copy strong{font-size:12.5px;line-height:17px;font-weight:400}.workspace-bottom-rail-pills{display:flex;flex-wrap:wrap;gap:6px}.workspace-bottom-toggle{min-width:86px}.workspace-bottom-rail.is-collapsed{gap:0}.workspace-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:10px;border-top:1px solid rgba(231,233,236,.92)}.workspace-summary-item{display:flex;flex-direction:column;gap:var(--space-4);padding-right:10px;border-right:1px solid var(--line)}.workspace-summary-item:last-child{border-right:0;padding-right:0}.panel-preview{flex:1;min-height:0;overflow:hidden}.panel-header-preview{align-items:flex-start}.preview-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.preview-stage-shell{position:relative;display:flex;flex-direction:column;gap:8px;flex:1;min-height:660px}.preview-floating-toolbar,.preview-floating-toggles{display:inline-flex;align-items:center;gap:6px;padding:6px;border:1px solid var(--line);border-radius:999px;background:#ffffffe0;box-shadow:var(--shadow-sm);width:-moz-fit-content;width:fit-content;max-width:100%;flex-wrap:wrap}.preview-floating-toolbar button,.preview-floating-toggles button{min-height:30px;padding:0 10px;border-color:transparent;border-radius:999px;background:transparent;color:var(--text-soft);font-size:11px;font-weight:500}.zoom-controls{display:inline-flex;align-items:center;gap:var(--space-4)}.preview-stage-frame{position:relative;flex:1;min-height:0;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fffffffa,#fafbfceb),var(--panel-strong);overflow:hidden}.preview-ruler{position:absolute;z-index:1;opacity:.8;pointer-events:none}.preview-ruler-horizontal{top:0;left:28px;right:0;height:28px;border-bottom:1px solid rgba(231,233,236,.92);background:repeating-linear-gradient(90deg,rgba(17,24,39,.08) 0,rgba(17,24,39,.08) 1px,transparent 1px,transparent 24px),linear-gradient(180deg,#f6f7f8fa,#f6f7f8e0)}.preview-ruler-vertical{top:28px;left:0;bottom:0;width:28px;border-right:1px solid rgba(231,233,236,.92);background:repeating-linear-gradient(180deg,rgba(17,24,39,.08) 0,rgba(17,24,39,.08) 1px,transparent 1px,transparent 24px),linear-gradient(90deg,#f6f7f8fa,#f6f7f8e0)}.preview-stage{position:absolute;top:28px;right:0;bottom:0;left:28px;display:flex;align-items:center;justify-content:center;padding:14px;overflow:auto}.preview-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(17,24,39,.03) 1px,transparent 1px),linear-gradient(180deg,rgba(17,24,39,.03) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.preview-stage-gridless:before{opacity:0}.preview-empty,.preview-svg-host{position:relative;z-index:1}.preview-empty{display:flex;flex-direction:column;gap:var(--space-8);max-width:360px;text-align:center}.preview-artboard{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:12px;background:#ffffffd1;border:1px solid rgba(231,233,236,.92);border-radius:12px;box-shadow:var(--shadow-sm)}.preview-svg-host{width:100%;height:100%}.preview-overlay{position:absolute;right:var(--space-16);bottom:var(--space-16);z-index:2;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(15,118,110,.18);background:#ffffffd6;color:var(--accent);font-size:12px;font-weight:600}.preview-footer{display:flex;flex-wrap:wrap;gap:10px;padding-top:8px;border-top:1px solid rgba(231,233,236,.92);color:var(--text-muted);font-size:11px;line-height:15px}.editor-right-rail{min-width:0}.editor-right-rail-frame{height:100%;background:linear-gradient(180deg,#fffffff5,#f9fbfcf0)}.editor-right-rail-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding-bottom:8px;border-bottom:1px solid rgba(231,233,236,.92)}.editor-right-rail-topbar strong{display:block;font-size:13px;line-height:17px;font-weight:600}.revenue-rail{gap:0;padding:0;border:0;box-shadow:none;background:transparent}.revenue-hero{display:flex;flex-direction:column;gap:8px;padding:2px 0 12px;border:0;border-bottom:1px solid rgba(231,233,236,.92);border-radius:0;background:transparent}.revenue-section{display:flex;flex-direction:column;gap:8px;padding:12px 0;border:0;border-bottom:1px solid rgba(231,233,236,.92);border-radius:0;background:transparent}.revenue-copy{display:flex;flex-direction:column;gap:6px}.revenue-section-header strong{display:block;font-size:13px;line-height:17px;font-weight:600;margin-bottom:4px}.revenue-format-row,.revenue-inline-actions,.revenue-billing-toggle{display:flex;flex-wrap:wrap;gap:6px}.revenue-format-toggle{min-height:32px;padding:0 12px;border-radius:999px;background:#ffffffbd;color:var(--text-soft);font-size:11px;font-weight:500}.revenue-format-toggle:hover:not(:disabled),.context-inline-link:hover,.library-chip:hover,.editor-rail-close:hover{border-color:#0f766e2e;color:var(--accent);background:#0f766e0f}.revenue-format-toggle.is-active{background:var(--accent-soft);border-color:#0f766e38;color:var(--accent)}.revenue-primary-cta{width:100%}.revenue-summary-list{display:flex;flex-direction:column;gap:0}.revenue-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(231,233,236,.92)}.revenue-summary-row:last-child{border-bottom:0}.revenue-summary-row span{color:var(--text-muted);font-size:11px;line-height:15px}.revenue-summary-row strong{font-size:12px;line-height:16px;font-weight:500;text-align:right}.revenue-list{display:flex;flex-direction:column;gap:var(--space-8);margin:0;padding-left:18px;color:var(--text-soft)}.revenue-list li{line-height:17px}.revenue-plan-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12)}.revenue-plan-card{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-16);border:1px solid var(--line);border-radius:18px;background:#f8fafbd6}.revenue-plan-card strong{font-size:16px;line-height:20px;font-weight:600}.revenue-plan-card p{margin:0;color:var(--text-muted);font-size:12px;line-height:18px}.revenue-plan-card-recommended{border-color:#0f766e38;background:linear-gradient(180deg,#0f766e14,#ffffffd6)}.surface-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:var(--space-24);background:#11182752;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.surface-modal{width:min(720px,100%);display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-24);border-radius:24px;background:#fffffff5;box-shadow:var(--shadow-lg)}.editor-rail-close{min-height:32px;padding:0 10px;border-radius:999px;background:#ffffffd1;color:var(--text-soft);font-size:11px;font-weight:500}.surface-modal-header,.surface-modal-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-16)}.surface-modal-body{display:flex;flex-direction:column;gap:var(--space-12)}.surface-modal-actions{align-items:center;justify-content:flex-end}.library-shell{display:flex;flex:1;flex-direction:column;gap:var(--space-16);width:100%}.library-overview-strip{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--space-16);padding:var(--space-16);border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffffe6,#fafbfcd6);box-shadow:var(--shadow-sm)}.library-hero-copy{display:flex;flex-direction:column;gap:var(--space-8)}.library-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12)}.library-stat-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-16);border:1px solid var(--line);border-radius:18px;background:#ffffffd6}.library-layout{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);gap:var(--space-16);min-height:0}.library-filter-panel,.library-gallery-panel{min-height:0}.library-filter-stack{display:flex;flex-direction:column;gap:var(--space-8)}.library-chip-row,.library-badge-row{display:flex;flex-wrap:wrap;gap:var(--space-8)}.library-chip,.library-badge{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;background:#ffffffd6;color:var(--text-soft);font-size:12px;font-weight:600}.library-chip.is-active{background:var(--accent-soft);border-color:#0f766e38;color:var(--accent)}.library-chip span{color:inherit;opacity:.75}.library-badge{min-height:26px;padding:0 10px;font-size:11px}.library-badge-featured{background:var(--accent-soft);color:var(--accent)}.library-badge-popular{background:#2563eb1a;color:#2251a1}.library-badge-new{background:#3f8c5a1a;color:#2e6f4a}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16)}.library-card{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-12);border:1px solid var(--line);border-radius:22px;background:#ffffffe6;box-shadow:var(--shadow-sm)}.library-card-visual{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:180px;padding:var(--space-16);border-radius:18px;background:radial-gradient(circle at top left,rgba(15,118,110,.12),transparent 28%),linear-gradient(180deg,#f7faf9,#eef4f2);border:1px solid rgba(231,233,236,.92);overflow:hidden}.library-card-visual img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.library-card-monogram{font-size:32px;line-height:1;font-weight:700;color:var(--accent)}.library-card-code{color:var(--text-muted);font-size:12px;line-height:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.library-card-body{display:flex;flex-direction:column;gap:var(--space-8)}.library-card-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);color:var(--text-muted);font-size:11px}.library-card-title-row{display:flex;flex-direction:column;gap:var(--space-8)}.library-card-title-row strong{font-size:16px;line-height:20px;font-weight:600}.library-card-footer{display:flex;justify-content:flex-start}.library-empty-state{align-items:flex-start}.surface-grid{display:grid;gap:var(--space-16);width:100%}.surface-grid-three{grid-template-columns:minmax(240px,320px) minmax(0,1fr) minmax(280px,340px)}.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)}.surface-skeleton-panel{display:flex;flex-direction:column}.surface-skeleton{border-radius:14px;background:linear-gradient(90deg,#e7e9eccc,#fffffff2,#e7e9eccc);background-size:200% 100%;animation:surface-skeleton 1.6s linear infinite}.surface-skeleton-sm{height:18px}.surface-skeleton-md{height:28px}.surface-skeleton-lg{height:96px}.surface-skeleton-xl{height:360px}.surface-skeleton-cta{height:42px}.project-action-row{display:flex;gap:var(--space-8);flex-wrap:wrap}.project-action-row button{flex:1 1 0}.project-list-shell{display:flex;flex-direction:column;gap:var(--space-12)}.project-list-item-meta{white-space:nowrap}.editor-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#1118273d;border:0;border-radius:0}@keyframes surface-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1279px){.editor-shell{grid-template-columns:minmax(288px,332px) minmax(0,1fr)}.editor-right-rail{position:fixed;top:var(--space-16);right:var(--space-16);bottom:var(--space-16);width:min(360px,calc(100vw - 32px));z-index:60;transform:translate(calc(100% + 24px));transition:transform .18s ease}.editor-right-rail.is-open{transform:translate(0)}.editor-right-rail-frame{height:100%;background:#fffffff7;box-shadow:var(--shadow-lg)}}@media(max-width:1080px){.surface-header{grid-template-columns:minmax(0,1fr)}.surface-header-brand{flex-direction:column;align-items:flex-start;gap:var(--space-12)}.surface-header-actions{justify-content:flex-start}.workspace-mobile-toggle,.editor-context-close{display:inline-flex}.editor-shell{grid-template-columns:1fr}.editor-sidebar{position:fixed;top:var(--space-16);left:var(--space-16);bottom:var(--space-16);width:min(440px,calc(100vw - 32px));z-index:60;transform:translate(calc(-100% - 24px));transition:transform .18s ease}.editor-sidebar.is-open{transform:translate(0)}.editor-left-rail-shell{grid-template-columns:72px minmax(0,1fr);height:100%}.editor-nav-rail,.editor-context-panel{background:#fffffff7;box-shadow:var(--shadow-lg)}.editor-context-panel{overflow:auto}.workspace-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-bottom-rail-header{align-items:flex-start;flex-wrap:wrap}}@media(max-width:900px){.library-layout,.library-overview-strip,.library-grid,.revenue-plan-row{grid-template-columns:1fr}}@media(max-width:720px){.surface-shell{padding:var(--space-12)}.surface-header{padding:var(--space-16);border-radius:22px}.workspace-search{min-width:100%;max-width:100%}.workspace-header-meta{width:100%;flex-wrap:wrap}.workspace-meta-chip,.workspace-user-pill{width:100%;justify-content:flex-start}.editor-sidebar,.editor-right-rail{top:var(--space-12);right:var(--space-12);left:var(--space-12);bottom:var(--space-12);width:auto}.editor-left-rail-shell{grid-template-columns:68px minmax(0,1fr)}.workspace-summary-strip{grid-template-columns:1fr}.workspace-summary-item{border-right:0;padding-right:0;padding-bottom:var(--space-12);border-bottom:1px solid var(--line)}.workspace-summary-item:last-child{padding-bottom:0;border-bottom:0}.preview-stage-shell{min-height:420px}.preview-floating-toolbar,.preview-floating-toggles{width:100%}.preview-ruler-horizontal,.preview-ruler-vertical{display:none}.preview-stage{top:0;right:0;bottom:0;left:0}.context-facts-grid,.library-stat-grid{grid-template-columns:1fr}}:root{--bg: #f3f5f2;--bg-muted: #e9eee9;--panel: rgba(255, 255, 255, .72);--panel-strong: #ffffff;--panel-elevated: #fbfdfb;--line: rgba(31, 42, 37, .1);--line-strong: rgba(31, 42, 37, .18);--text: #141c18;--text-soft: #40504a;--text-muted: #6f7d76;--accent: #087a5d;--accent-strong: #065f49;--accent-soft: rgba(8, 122, 93, .1);--accent-soft-strong: rgba(8, 122, 93, .18);--technical-cut: #2563eb;--technical-crease: #ef4444;--technical-bleed: #2f9e44;--shadow-sm: 0 1px 2px rgba(20, 28, 24, .035);--shadow-md: 0 14px 34px rgba(20, 28, 24, .08);--shadow-lg: 0 24px 70px rgba(20, 28, 24, .14)}html,body,#root{height:100%}body{overflow:hidden;background:linear-gradient(135deg,rgba(8,122,93,.07),transparent 28%),linear-gradient(180deg,#fbfcfa,#eef3ef);letter-spacing:0}button,input,select,textarea{border-color:var(--line);letter-spacing:0}input,select,textarea{min-height:38px;background:#ffffffc7}.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}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:var(--text-soft)}.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}.workspace-search{min-height:38px;min-width:260px;border-radius:12px;background:#ffffffad;box-shadow:none}.workspace-search-label{font-weight:650;color:var(--text-soft)}.workspace-meta-chip,.workspace-user-pill{min-height:38px;border-radius:12px;background:#ffffffa3;box-shadow:none}.workspace-user-avatar{background:#10241d;color:#d7fbe8}.editor-shell{grid-template-columns:minmax(318px,372px) minmax(520px,1fr) minmax(286px,324px);grid-template-rows:minmax(0,1fr);align-items:stretch;gap:10px;height:100%}.editor-left-rail-shell{grid-template-columns:70px minmax(0,1fr);gap:8px}.editor-nav-rail,.editor-context-panel,.editor-stage-shell,.editor-right-rail-frame,.workspace-bottom-rail{background:#ffffffa8;border-color:#1f2a2514;box-shadow:0 12px 34px #141c180e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.editor-nav-rail{border-radius:18px;padding:8px 6px}.editor-nav-stack{gap:6px}.editor-nav-item{min-height:66px;gap:7px;padding:7px 4px;border-radius:14px}.editor-nav-item:hover:not(:disabled),.editor-nav-item.is-active{background:#087a5d1a;border-color:#087a5d1f;color:var(--accent-strong)}.editor-nav-icon{width:36px;height:36px;border-radius:12px;border-color:#1f2a2514;background:#ffffffc7}.editor-nav-item.is-active .editor-nav-icon{background:#0b6f55;color:#f0fdf4}.editor-nav-copy strong{font-size:10.5px;font-weight:700}.editor-nav-item-utility{border-top-color:#1f2a2514}.editor-context-panel,.editor-stage-shell,.editor-right-rail-frame{border-radius:18px;padding:12px}.editor-context-panel,.editor-right-rail-frame{overflow:auto}.editor-context-header h2,.panel-header h2,.panel-header h3,.surface-modal-header h2{font-size:18px;line-height:23px;font-weight:700}.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}.editor-context-panel>.context-panel,.editor-context-panel>.editor-context-stack>.context-panel,.editor-context-panel>.context-quiet-section{padding-top:14px;padding-bottom:14px}.context-template-summary,.parameter-toggle-group,.context-fact-card,.project-list-item,.context-template-item{border-color:#1f2a2514;border-radius:14px;background:#ffffff94;box-shadow:none}.context-template-summary-accent{background:linear-gradient(135deg,#087a5d1f,#ffffffb8),#fff}.segmented-control,.library-chip,.context-inline-link,.layer-toggle,.revenue-format-toggle{border-color:#1f2a2514}.segmented-control{background:#1f2a250b}.segmented-control button.is-active,.preview-tool-cluster button.is-active,.preview-mode-control button.is-active,.preview-layer-toggles button.is-active{background:#fff;color:var(--accent-strong);border-color:#087a5d29;box-shadow:0 7px 18px #141c1814}.editor-stage-shell{height:100%;min-height:0;padding:0;background:transparent;border:0;box-shadow:none}.editor-main{min-height:0}.panel-preview{flex:1;gap:10px;padding:0;border:0;background:transparent;box-shadow:none}.preview-hero-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:2px 2px 0}.preview-title-block{min-width:0}.preview-title-block h2{margin:0;font-size:22px;line-height:27px;font-weight:760;color:var(--text)}.preview-title-block p{margin:3px 0 0;color:var(--text-muted);font-size:12px}.preview-toolbar-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.preview-mode-control,.preview-tool-cluster,.preview-layer-toggles{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:12px;border:1px solid rgba(31,42,37,.08);background:#ffffffad;box-shadow:0 8px 22px #141c180e}.preview-mode-control button,.preview-tool-cluster button,.preview-layer-toggles button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 10px;border-color:transparent;border-radius:9px;background:transparent;color:var(--text-soft);font-size:11.5px;font-weight:700;white-space:nowrap}.preview-zoom-cluster{margin-left:auto}.preview-stage-shell{flex:1;gap:8px;min-height:0}.preview-stage-frame{min-height:0;border:1px solid rgba(31,42,37,.08);border-radius:22px;background:linear-gradient(180deg,#ffffffeb,#f6faf7bd),#f9fbf8;box-shadow:inset 0 1px #ffffffc7,0 18px 54px #141c1814}.preview-stage-frame.is-mockup-mode{background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.86),transparent 34%),linear-gradient(145deg,#d9ebe2c2,#f8fbf9f0 56%,#e1e9e5c7),#f7faf8}.preview-stage-frame.is-mockup-mode .preview-ruler{display:none}.preview-stage{top:0;right:0;bottom:0;left:0;padding:16px;overflow:hidden}.preview-stage-frame.is-dieline-mode .preview-stage{top:28px;right:0;bottom:0;left:28px;overflow:auto}.preview-stage:before{background:linear-gradient(90deg,rgba(20,28,24,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(20,28,24,.035) 1px,transparent 1px);background-size:32px 32px}.mockup-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.mockup-scene canvas{display:block;width:100%;height:100%}.mockup-stage-meta{position:absolute;left:18px;bottom:18px;z-index:2;display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;min-width:min(430px,calc(100% - 36px));overflow:hidden;border:1px solid rgba(31,42,37,.08);border-radius:14px;background:#ffffffad;box-shadow:0 12px 30px #141c1814;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mockup-stage-meta div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:#ffffff59}.mockup-stage-meta span{color:var(--text-muted);font-size:10.5px;text-transform:uppercase}.mockup-stage-meta strong{color:var(--text);font-size:12px;font-weight:750;text-transform:capitalize}.preview-artboard{padding:18px;background:linear-gradient(180deg,#fffffff5,#f9fbf9e6),#fff;border-color:#1f2a251a;border-radius:16px;box-shadow:0 18px 44px #141c1814}.preview-svg-host svg{overflow:visible}.preview-stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.preview-build-steps{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--text-muted);font-size:11px}.preview-build-steps span{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:#1f2a250d}.preview-build-steps span.is-complete{background:#087a5d1a;color:var(--accent-strong)}.preview-layer-toggles{flex-wrap:wrap}.technical-legend-item{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 9px;border-radius:999px;color:var(--text-soft);font-size:11px;font-weight:700}.technical-legend-item:before{content:"";width:18px;height:2px;border-radius:999px;background:currentColor}.legend-bleed{color:var(--technical-bleed)}.legend-cut{color:var(--technical-cut)}.legend-crease{color:var(--technical-crease)}.legend-crease:before{background:repeating-linear-gradient(90deg,currentColor 0 4px,transparent 4px 7px)}.preview-footer{padding:8px 2px 0;border-top-color:#1f2a2514}.preview-overlay{right:18px;bottom:18px;min-height:34px;border-radius:12px;background:#ffffffc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.workspace-bottom-rail{margin-top:8px;padding:8px 10px;border-radius:14px}.editor-right-rail-frame{background:#ffffffb8}.editor-right-rail-topbar{padding-bottom:10px;border-bottom-color:#1f2a2514}.revenue-hero,.revenue-section{border-bottom-color:#1f2a2514}.revenue-copy strong{font-weight:760}.revenue-primary-cta{min-height:42px}.revenue-summary-row{border-bottom-color:#1f2a2514}.library-overview-strip,.library-card,.library-card-visual,.library-stat-card{border-color:#1f2a2514;box-shadow:0 14px 36px #141c180f}.library-card{border-radius:16px}.library-card-visual{border-radius:14px;background:linear-gradient(145deg,#087a5d1f,#ffffff94),#eff6f1}@media(max-width:1279px){body{overflow:auto}.surface-shell{max-height:none;min-height:100svh}.editor-shell{grid-template-columns:minmax(292px,348px) minmax(0,1fr)}}@media(max-width:1080px){.surface-header,.editor-shell{grid-template-columns:1fr}.editor-sidebar{width:min(468px,calc(100vw - 32px))}.preview-hero-bar,.preview-stage-bottom{align-items:flex-start}}@media(max-width:760px){.surface-shell{padding:10px}.surface-header{border-radius:16px}.workspace-search,.preview-mode-control,.preview-tool-cluster,.preview-layer-toggles{width:100%}.preview-zoom-cluster{margin-left:0}.preview-title-block h2{font-size:19px;line-height:24px}.preview-stage-frame{min-height:470px}.mockup-stage-meta{grid-template-columns:1fr;min-width:0;right:14px;left:14px;bottom:14px}.preview-stage-frame.is-dieline-mode .preview-stage{top:0;right:0;bottom:0;left:0}}: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{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)}@property --vp-pricing-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.vp-tb-pricing{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:10px;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500;color:var(--vp-ink-soft);white-space:nowrap;background:#d1fe171a;transition:box-shadow .2s var(--vp-ease),background .2s var(--vp-ease)}.vp-tb-pricing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--vp-pricing-angle),transparent 0deg,rgba(209,254,23,.95) 60deg,rgba(255,255,255,.8) 90deg,transparent 150deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:vp-pricing-spin 3.6s linear infinite;pointer-events:none;z-index:0}.vp-tb-pricing>*{position:relative;z-index:1}.vp-tb-pricing:hover{background:#d1fe1729;box-shadow:0 0 22px #d1fe1752}.vp-tb-pricing:hover:before{animation-duration:1.4s}@keyframes vp-pricing-spin{to{--vp-pricing-angle: 360deg}}@media(prefers-reduced-motion:reduce){.vp-tb-pricing:before{animation:none}}.vp-tb-pricing-label{line-height:1}.vp-tb-pricing-sep{width:1px;height:14px;background:#d1fe1773}.vp-tb-pricing-discount{line-height:1;font-weight:700;letter-spacing:.01em;color:#1a1f00}.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)}@media(max-width:900px){.vp-tb-pricing-label,.vp-tb-pricing-sep{display:none}.vp-tb-pricing{padding:6px 10px}}.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:flex;gap:6px;margin-bottom:14px}.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-live-dot{width:5px;height:5px;border-radius:50%;background:#7bb63a;box-shadow:0 0 0 3px #7bb63a1f;display:inline-block;margin-right:6px}.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}*,:before,: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: }::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: }.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.relative{position:relative}.mb-1\.5{margin-bottom:.375rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-5{height:1.25rem}.h-\[100dvh\]{height:100dvh}.w-5{width:1.25rem}.w-\[100dvw\]{width:100dvw}.w-full{width:100%}.max-w-\[400px\]{max-width:400px}.max-w-\[560px\]{max-width:560px}.flex-\[0\.92\]{flex:.92}.flex-\[1\.08\]{flex:1.08}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.875rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-border{--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))}.bg-background{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-foreground\/5{background-color:#1717170d}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(21 21 21 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.pr-12{padding-right:3rem}.text-center{text-align:center}.font-geist{font-family:Geist,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.text-\[0\.8125rem\]{font-size:.8125rem}.text-\[2\.15rem\]{font-size:2.15rem}.text-\[2rem\]{font-size:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-light{font-weight:300}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.leading-\[1\.05\]{line-height:1.05}.leading-\[1\.42\]{line-height:1.42}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-tighter{letter-spacing:-.05em}.text-foreground{--tw-text-opacity: 1;color:rgb(23 23 23 / var(--tw-text-opacity, 1))}.text-muted-foreground{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.text-primary-foreground{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-zinc-800{--tw-text-opacity: 1;color:rgb(39 39 42 / var(--tw-text-opacity, 1))}.text-zinc-900{--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.blur{--tw-blur: blur(8px);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)}.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)}.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)}.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}.animate-element{animation:authElementIn .46s cubic-bezier(.2,.8,.2,1) both}.animate-slide-right{animation:authSlideRight .56s cubic-bezier(.2,.8,.2,1) both}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.animate-delay-600{animation-delay:.6s}.animate-delay-700{animation-delay:.7s}.animate-delay-800{animation-delay:.8s}.animate-delay-900{animation-delay:.9s}html:has(.auth-tailwind-page){font-size:16px;overflow:hidden}body:has(.auth-tailwind-page),#root:has(.auth-tailwind-page){height:100%;overflow:hidden}.auth-tailwind-page{background:radial-gradient(circle at 8% 14%,rgb(31 92 79 / 5%),transparent 28%),linear-gradient(180deg,#fbfcfb,#f6f8f5);overflow:hidden}.auth-tailwind-page :where(button,input){font:inherit}.auth-tailwind-page :where(input){background:transparent;border:0;box-shadow:none;color:#171717}.auth-tailwind-page :where(select){background:transparent;border:0;box-shadow:none;color:#171717}.auth-tailwind-page :where(input:focus-visible){border-color:transparent;box-shadow:none}.auth-tailwind-page :where(select:focus-visible){border-color:transparent;box-shadow:none}.auth-brand-mark{display:inline-block;font-size:.42em;line-height:1;margin-left:.03em;position:relative;top:-.38em}.auth-brand-mark-hero{font-size:.46em;top:-.54em}.auth-login-description-copy{display:grid;gap:.02rem}.auth-login-description-copy span{display:block}.auth-signup-row{display:grid;gap:.875rem}@media(min-width:1100px){.auth-signup-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.auth-select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgb(23 23 23 / 52%) 50%),linear-gradient(135deg,rgb(23 23 23 / 52%) 50%,transparent 50%);background-position:calc(100% - 1.15rem) 50%,calc(100% - .82rem) 50%;background-repeat:no-repeat;background-size:.36rem .36rem,.36rem .36rem;padding-right:2.6rem!important}.auth-password-toggle{align-items:center;background:transparent!important;border:0!important;border-radius:999px!important;box-shadow:none!important;color:#17171794;display:inline-flex;height:2rem;justify-content:center;line-height:0;max-height:2rem;max-width:2rem;min-height:0;min-width:2rem;overflow:hidden;padding:0!important;position:absolute;right:.55rem;top:50%;transform:translateY(-50%);transition:background .14s ease,color .14s ease;width:2rem;-webkit-tap-highlight-color:transparent}.auth-password-toggle:hover:not(:disabled){background:#1717170f!important;border-color:transparent!important;color:#171717}.auth-password-toggle:focus-visible{outline:0;box-shadow:0 0 0 3px #1717171a!important}.auth-password-toggle:active{transform:translateY(-50%)}.auth-eye-icon{display:block;flex:0 0 auto;height:1.16rem;overflow:visible;width:1.16rem}.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 ease,transform .14s ease}.auth-eye-icon.is-open .auth-eye-slash{opacity:0;transform:scaleX(.18)}.auth-password-toggle svg{display:block;flex:0 0 auto;pointer-events:none}.auth-remember-control{align-items:center;color:#171717db;cursor:pointer;display:inline-flex;gap:.65rem;line-height:1}.auth-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff!important;border:1.5px solid #d1d1cf!important;border-radius:999px!important;box-shadow:inset 0 0 #fff,0 1px 2px #1717170a;display:inline-block;flex:0 0 auto;height:1.05rem;margin:0;min-height:1.05rem!important;padding:0!important;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease;width:1.05rem!important}.auth-checkbox:checked{background:#151515!important;border-color:#151515!important;box-shadow:inset 0 0 0 4px #fff,0 1px 2px #1717170a}.auth-checkbox:focus-visible{outline:0;box-shadow:inset 0 0 0 4px #fff,0 0 0 3px #1717171a!important}.auth-promo-card{--auth-accent: #d1fe17;position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;border-radius:1.5rem;overflow:hidden;border:1px solid rgb(255 255 255 / 10%);box-shadow:0 30px 80px #0a0c0847,inset 0 1px #ffffff14;background:#0d0f0b;isolation:isolate}.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 cubic-bezier(.2,.8,.2,1),transform 6s ease-out;will-change:opacity,transform}.auth-promo-slide.is-active{opacity:1;transform:scale(1)}.auth-promo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(195deg,#080a0714,#080a0700 32%),linear-gradient(0deg,#070906e0,#0709064d 46%,#0709060f 72%);z-index:1}.auth-promo-close{position:absolute;top:1.1rem;right:1.1rem;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:999px;border:1px solid rgb(255 255 255 / 18%)!important;background:#14161261!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#ffffffe0;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.auth-promo-close:hover{background:#1c1e18a3!important;border-color:#ffffff4d!important}.auth-promo-close:active{transform:scale(.94)}.auth-promo-close:focus-visible{outline:0;box-shadow:0 0 0 3px #d1fe1759!important}.auth-promo-close-icon{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.auth-promo-content{position:absolute;inset:auto 1.9rem 1.7rem 1.9rem;z-index:2;display:flex;flex-direction:column;gap:.9rem}.auth-promo-badges{display:flex;flex-wrap:wrap;gap:.5rem}.auth-promo-badge{display:inline-flex;align-items:center;padding:.34rem .74rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:-.01em;color:#ffffffe0;background:#ffffff17;border:1px solid rgb(255 255 255 / 14%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap}.auth-promo-badge.is-accent{color:#1a1f00;background:#d1fe17eb;border-color:#d1fe17b3;box-shadow:0 0 18px #d1fe1738}.auth-promo-headline{margin:0;max-width:22ch;color:#fff;font-size:clamp(1.65rem,2.6vw,2.35rem);font-weight:600;line-height:1.08;letter-spacing:-.025em;text-wrap:balance;text-shadow:0 2px 24px rgb(0 0 0 / 38%)}.auth-promo-description{margin:0;max-width:40ch;color:#ffffffb8;font-size:.9rem;line-height:1.45;text-shadow:0 1px 14px rgb(0 0 0 / 30%)}.auth-promo-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;margin-top:.5rem}.auth-promo-tab{display:flex;flex-direction:column;gap:.5rem;padding:0!important;border:0!important;background:transparent!important;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.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(--auth-accent);box-shadow:0 0 10px #d1fe1773}.auth-promo-tab.is-active .auth-promo-tab-fill{width:100%;transition:width 5s linear}.auth-promo-tab-label{font-size:.74rem;font-weight:500;letter-spacing:-.01em;color:#ffffff94;transition:color .2s 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}@media(prefers-reduced-motion:reduce){.auth-promo-slide{transition:opacity .3s ease;transform:none}.auth-promo-tab.is-active .auth-promo-tab-fill{transition:none}}@keyframes authElementIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes authSlideRight{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.focus-within\:border-zinc-400\/70:focus-within{border-color:#a1a1aab3}.focus-within\:bg-zinc-500\/10:focus-within{background-color:#71717a1a}.hover\:bg-primary\/90:hover{background-color:#151515e6}.hover\:bg-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:opacity-60:disabled{opacity:.6}@media(min-width:768px){.md\:block{display:block}.md\:flex-row{flex-direction:row}.md\:text-\[2\.38rem\]{font-size:2.38rem}.md\:text-\[2\.65rem\]{font-size:2.65rem}}