@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600&display=swap";:root{color-scheme:light;--font-sans: "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%}::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::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%;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}button,input,select,textarea{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}button,input,select,textarea{background:var(--panel-strong);color:var(--text);font-weight:400}button{cursor:pointer}button:active:not(:disabled){transform:translateY(0) scale(.99)}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: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: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%;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: #70D600;--vp-accent-soft: #E8F8D0;--vp-accent-strong: #5FB300;--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 ::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-topbar{height:52px;min-height:52px;background:var(--vp-surface);border-bottom:1px solid var(--vp-line);display:flex;align-items:center;padding:0 16px;gap:12px;z-index:50}.vp-tb-brand{display:flex;align-items:center;gap:8px;margin-right:8px}.vp-tb-logo{width:26px;height:26px;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,#c8f169,#70d600);transform:rotate(45deg)}.vp-tb-name{font-size:15px;font-weight:600;letter-spacing:-.02em;white-space:nowrap}.vp-tb-tabs{display:flex;background:var(--vp-bg-muted);padding:3px;border-radius:999px;border:1px solid var(--vp-line)}.vp-tb-tab{padding:5px 16px;font-size:12.5px;font-weight:500;color:var(--vp-mute);border-radius:999px;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-search{flex:1;max-width:380px;margin:0 auto;display:flex;align-items:center;gap:8px;background:var(--vp-bg-muted);border:1px solid var(--vp-line);border-radius:var(--vp-r-md);padding:7px 12px;transition:border-color .15s,box-shadow .15s,background .15s}.vp-tb-search:focus-within{border-color:var(--vp-line-strong);box-shadow:0 0 0 3px #0e0e1008;background:var(--vp-surface)}.vp-tb-search input{flex:1;font-size:13px;min-width:0}.vp-tb-search input::placeholder{color:var(--vp-mute-2)}.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:4px;margin-left:auto}.vp-tb-credits{display:flex;align-items:center;gap:6px;font-family:var(--vp-mono);font-size:11.5px;font-weight:600;background:var(--vp-bg-muted);border:1px solid var(--vp-line);border-radius:999px;padding:5px 12px 5px 8px;color:var(--vp-ink-soft)}.vp-tb-credits .vp-cdot{width:6px;height:6px;border-radius:50%;background:var(--vp-green)}.vp-tb-icon-btn{width:32px;height:32px;border-radius:var(--vp-r-sm);display:grid;place-items:center;color:var(--vp-mute);transition:background .12s,color .12s}.vp-tb-icon-btn:hover{background:var(--vp-bg-muted);color:var(--vp-ink)}.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)}.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}.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 #70d60059;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-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::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 #70d60033}.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%;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:42px;min-width:42px;background:var(--vp-surface);border-right:1px solid var(--vp-line);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:2px}.vp-rail-btn{width:34px;height:34px;border-radius:var(--vp-r-sm);display:grid;place-items:center;color:var(--vp-mute);transition:all .12s}.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-sep{width:22px;height:1px;background:var(--vp-line);margin:6px 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 #70d6004d;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{height:38px;min-height:38px;background:var(--vp-surface);border-bottom:1px solid var(--vp-line);display:flex;align-items:center;padding:0 12px;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-canvas-viewport{flex:1;position:relative;overflow:hidden;display:flex}.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))}.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-info{position:absolute;bottom:12px;right:12px;z-index:5;display:flex;flex-direction:column;gap:8px;align-items:stretch;max-width:260px;pointer-events:none}.vp-canvas-info>*{pointer-events:auto}.vp-canvas-dims{background:var(--vp-surface);border:1px solid var(--vp-line);border-radius:var(--vp-r-sm);padding:10px 14px;box-shadow:var(--vp-sh-1);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{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-1);font-size:11.5px;color:var(--vp-mute);align-self:flex-end}.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-canvas-status{height:28px;min-height:28px;background:var(--vp-surface);border-top:1px solid var(--vp-line);display:flex;align-items:center;padding:0 16px;gap:20px;font-family:var(--vp-mono);font-size:11px;color:var(--vp-mute)}.vp-cs-item b{color:var(--vp-ink-soft);font-weight:600}.vp-right-panel{width:220px;min-width:220px;background:var(--vp-surface);border-left:1px solid var(--vp-line);display:flex;flex-direction:column;overflow-y:auto}.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-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-bottom-strip{height:140px;min-height:140px;background:var(--vp-surface);border-top:1px solid var(--vp-line);display:grid;grid-template-columns:320px 1fr 280px}.vp-bs-section{padding:12px 16px;border-right:1px solid var(--vp-line);overflow:hidden}.vp-bs-section:last-child{border-right:0}.vp-bs-title{font-size:12px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.vp-variants-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.vp-var-card{min-width:60px;width:60px;border:2px solid var(--vp-line);border-radius:var(--vp-r-sm);overflow:hidden;cursor:pointer;transition:border-color .12s;flex-shrink:0;background:var(--vp-surface);text-align:left;padding:0}.vp-var-card:hover{border-color:var(--vp-line-strong)}.vp-var-card.on{border-color:var(--vp-accent)}.vp-var-card .vp-vthumb{height:44px;background:var(--vp-bg-muted);display:grid;place-items:center}.vp-var-card .vp-vthumb svg{width:80%;height:80%;object-fit:contain}.vp-var-card .vp-vinfo{padding:3px 5px;font-size:9.5px}.vp-var-card .vp-vinfo .vp-vver{font-family:var(--vp-mono);font-weight:600}.vp-var-card .vp-vinfo .vp-vdim{font-family:var(--vp-mono);font-size:8.5px;color:var(--vp-mute)}.vp-var-card .vp-vinfo .vp-vtime{font-size:8.5px;color:var(--vp-mute)}.vp-var-new{min-width:60px;width:60px;height:76px;border:2px dashed var(--vp-line-strong);border-radius:var(--vp-r-sm);display:grid;place-items:center;color:var(--vp-mute);font-size:22px;cursor:pointer;transition:all .12s;flex-shrink:0;background:transparent}.vp-var-new:hover{border-color:var(--vp-accent);color:var(--vp-accent-strong)}.vp-notes-text{font-size:12px;color:var(--vp-ink-soft);line-height:1.55;white-space:pre-line}.vp-notes-edit{font-size:12px;color:var(--vp-accent-strong);cursor:pointer;margin-top:6px}.vp-notes-edit:hover{text-decoration:underline}.vp-activity-list{display:flex;flex-direction:column;gap:6px}.vp-act-item{display:flex;gap:8px;font-size:11.5px}.vp-act-dot{width:7px;height:7px;border-radius:50%;margin-top:4px;flex-shrink:0}.vp-act-dot.green{background:var(--vp-green)}.vp-act-dot.accent{background:var(--vp-accent)}.vp-act-dot.gray{background:var(--vp-line-strong)}.vp-act-label{color:var(--vp-ink-soft)}.vp-act-time{color:var(--vp-mute);font-size:10.5px}.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{padding:28px 32px 24px}.vp-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--vp-line, #E8E8E5);border-radius:999px;padding:4px 12px 4px 5px;box-shadow:0 1px 2px #0e0e100a;font-size:12px;color:var(--vp-mute, #8A8A8F);margin-bottom:14px}.vp-hero-pill{background:#ddefc0;color:#3f5a1e;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:600;letter-spacing:.02em}.vp-hero-title{font-size:32px;font-weight:500;letter-spacing:-.03em;line-height:1.08;margin-bottom:12px}.vp-hero-title em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--vp-mute, #8A8A8F)}.vp-hero-p{font-size:14px;color:var(--vp-mute, #8A8A8F);line-height:1.6;max-width:440px;margin-bottom:20px}.vp-hero-stats{display:flex;gap:28px}.vp-stat-num{font-family:var(--vp-mono, ui-monospace, monospace);font-size:22px;font-weight:600;letter-spacing:-.02em}.vp-stat-lbl{font-size:12px;color:var(--vp-mute, #8A8A8F);margin-top:2px}.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{flex:1;max-width:280px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--vp-line, #E8E8E5);border-radius:12px;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.vp-tb-search-input:focus-within{border-color:var(--vp-line-strong, #DDDDD9);box-shadow:0 0 0 3px #0e0e1008}.vp-tb-search-input input{flex:1;font-size:13px;border:0;outline:0;background:transparent}.vp-tb-search-input input::placeholder{color:#a8a8ad}.vp-tb-search-input .vp-ico{stroke:var(--vp-mute, #8A8A8F)}.vp-kbd{display:inline-flex;gap:2px;color:#a8a8ad;font-size:10.5px}.vp-kbd span{background:#f5f5f3;border:1px solid var(--vp-line, #E8E8E5);border-radius:4px;padding:1px 5px;font-family:var(--vp-mono, ui-monospace, monospace);font-size:10px}.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-view-toggle{display:flex;background:#f5f5f3;padding:3px;border-radius:12px;border:1px solid var(--vp-line, #E8E8E5)}.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-vt-btn:hover{color:var(--vp-ink, #0E0E10)}.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:200px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--vp-line, #E8E8E5);position:relative;overflow:hidden}.vp-th-left{display:flex;align-items:center;justify-content:center;padding:20px;border-right:1px dashed var(--vp-line, #E8E8E5);background:#fff}.vp-th-right{display:flex;align-items:center;justify-content:center;background:#fff;position:relative;overflow:hidden;padding:12px}.vp-th-left svg{width:100%;height:100%;transition:transform .25s ease}.vp-card:hover .vp-th-left svg{transform:scale(1.04)}.vp-img-3d{width:100%;height:100%;object-fit:contain;transform:scale(1.3);transition:transform .3s ease;filter:drop-shadow(0 10px 14px rgba(0,0,0,.06))}.vp-card:hover .vp-img-3d{transform:scale(1.4)}.vp-dieline{stroke:#a8a8ad;fill:none;stroke-width:1}.vp-dieline .panel{stroke:#9a9a9f;stroke-width:1.1}.vp-dieline .flap{stroke:#d4483b;stroke-width:.85;stroke-dasharray:3.5 2.5;fill:none}.vp-dieline .fold{stroke:#ddddd9;stroke-width:.6;stroke-dasharray:2 2}.vp-dieline .cap{stroke:#9a9a9f;stroke-width:1;fill:none}.vp-dieline .window{stroke:#737373;stroke-width:.9;stroke-dasharray:3 2;fill:#7373730a}.vp-card-badges{position:absolute;top:10px;left:10px;display:flex;gap:5px;z-index:2}.vp-bdg{font-size:10.5px;font-weight:600;padding:3px 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;right: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:16px;flex:1}.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}