:root{color-scheme:light;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:#eef1ec;color:#152018;line-height:1.4;font-weight:400;--surface: rgba(255, 255, 255, .92);--surface-strong: #ffffff;--border: rgba(21, 32, 24, .12);--border-strong: rgba(21, 32, 24, .22);--ink-soft: #57635a;--accent: #1f5c4f;--accent-soft: rgba(31, 92, 79, .12);--warning: #8a5a0f;--warning-soft: rgba(255, 196, 86, .18);--error: #9d2a2a;--error-soft: rgba(203, 75, 75, .15);--shadow: 0 18px 40px rgba(61, 74, 66, .08), 0 2px 6px rgba(61, 74, 66, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left,rgba(131,190,154,.2),transparent 28%),radial-gradient(circle at top right,rgba(205,216,160,.24),transparent 24%),linear-gradient(180deg,#f7f8f3,#eef1ec)}#root{display:flex}button,input,select,textarea{font:inherit}button,select,input,textarea{border-radius:12px;border:1px solid var(--border)}button{cursor:pointer;background:var(--surface-strong);color:inherit}button:hover{border-color:var(--border-strong)}button:disabled,select:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.64}input,select,textarea{width:100%;padding:.75rem .9rem;background:#fffffffa}textarea{resize:vertical}.surface-shell{display:flex;flex:1;flex-direction:column;gap:1.25rem;min-height:100vh;padding:1.25rem}.surface-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem;background:#ffffffb8;border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.surface-brand{display:flex;align-items:flex-start;gap:.95rem}.surface-brand-mark{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;height:3rem;padding:0 .85rem;border-radius:1rem;background:linear-gradient(135deg,#1f5c4f1f,#1f5c4f3d);color:var(--accent);font-size:.9rem;font-weight:800;letter-spacing:.08em}.surface-brand-copy{display:flex;flex-direction:column;gap:.25rem}.surface-brand-copy h1{margin:0;font-size:1.35rem;line-height:1.1}.surface-brand-copy p{margin:0;max-width:42rem;color:var(--ink-soft)}.surface-brand-eyebrow,.surface-kicker{display:inline-flex;align-items:center;gap:.35rem;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.surface-header-actions{display:flex;align-items:center;gap:.75rem}.surface-content{display:flex;flex:1;min-height:0}.surface-grid{display:grid;gap:1rem;width:100%}.surface-grid-three{grid-template-columns:minmax(240px,320px) minmax(0,1fr) minmax(280px,340px)}.library-shell{display:flex;flex:1;flex-direction:column;gap:1rem;width:100%}.library-hero-panel{gap:1rem}.library-hero-copy{display:flex;flex-direction:column;gap:.4rem}.library-hero-copy strong{font-size:1.2rem}.library-hero-copy p{margin:0;max-width:48rem;color:var(--ink-soft)}.library-search-row{display:flex;gap:1rem}.library-search-field{margin-bottom:0}.library-chip-row,.library-featured-row,.library-badge-row{display:flex;flex-wrap:wrap;gap:.65rem}.library-chip,.library-featured-link,.library-badge{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.55rem .9rem;font-size:.85rem}.library-chip.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.library-chip span{color:inherit;opacity:.8}.library-featured-link{background:#1f5c4f14;color:var(--accent)}.library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.library-card{display:flex;flex-direction:column;gap:1rem;min-width:0;padding:1rem;background:#ffffffc2;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.library-card:hover{transform:translateY(-2px);border-color:#1f5c4f38}.library-card-visual{display:flex;align-items:flex-end;justify-content:space-between;min-height:10rem;padding:1rem;border-radius:18px;background:radial-gradient(circle at top left,rgba(31,92,79,.12),transparent 42%),linear-gradient(160deg,#f4f7f2fa,#e3ebe4e6);border:1px solid rgba(21,32,24,.08)}.library-card-visual img{width:100%;height:100%;object-fit:cover;border-radius:14px}.library-card-visual-skeleton{min-height:10rem}.library-card-monogram{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:1rem;background:#1f5c4f1f;color:var(--accent);font-size:1.2rem;font-weight:800}.library-card-code{color:var(--ink-soft);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.library-card-body{display:flex;flex:1;flex-direction:column;gap:.65rem}.library-card-body p{margin:0;color:var(--ink-soft)}.library-card-meta{display:flex;justify-content:space-between;gap:.75rem;color:var(--ink-soft);font-size:.82rem}.library-card-title-row{display:flex;flex-direction:column;gap:.5rem}.library-badge{padding:.38rem .65rem;background:#1520180f;color:var(--ink-soft);font-size:.76rem;font-weight:700}.library-badge-featured{background:#1f5c4f1a;color:var(--accent)}.library-badge-popular{background:#ffc4562e;color:var(--warning)}.library-badge-new{background:#3146c61a;color:#3146c6}.library-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.library-empty-state{align-items:flex-start}.surface-panel{display:flex;flex-direction:column;gap:.85rem;min-width:0;padding:1.1rem;background:#ffffffb8;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.surface-panel-danger{background:#fff9f9e0;border-color:#9d2a2a2e}.surface-panel-copy strong{display:block;margin-bottom:.35rem}.surface-panel-copy p{margin:0;color:var(--ink-soft)}.surface-inline-code{display:block;padding:.85rem .95rem;border-radius:16px;background:#1520180f;color:var(--ink-soft);overflow:auto}.surface-skeleton-panel{justify-content:space-between}.surface-skeleton{position:relative;overflow:hidden;border-radius:16px;background:#1520180f}.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:22rem}.surface-skeleton-lg{min-height:9rem}.surface-skeleton-md{min-height:3.4rem}.surface-skeleton-sm{min-height:2.25rem}.surface-skeleton-cta{min-height:3rem}@keyframes surface-shimmer{to{transform:translate(100%)}}.editor-shell{display:grid;grid-template-columns:minmax(280px,332px) minmax(0,1fr) minmax(320px,360px);gap:1rem;width:100%;min-height:0;align-items:start}.editor-sidebar,.editor-main,.editor-right-rail{display:flex;flex-direction:column;gap:1rem}.editor-sidebar,.editor-right-rail{position:sticky;top:0;max-height:calc(100vh - 8.25rem);overflow:auto;scrollbar-gutter:stable}.editor-main{min-width:0;min-height:0}.editor-left-rail-shell,.editor-right-rail-frame{display:flex;flex-direction:column;gap:1rem}.editor-rail-nav{gap:1rem}.editor-rail-intro{display:flex;flex-direction:column;gap:.45rem}.editor-rail-intro strong{font-size:1rem;line-height:1.35}.editor-rail-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.editor-rail-tab{display:flex;flex-direction:column;align-items:flex-start;gap:.28rem;padding:.9rem .95rem;border-radius:18px;background:#ffffffb8;text-align:left;transition:border-color .14s ease,background .14s ease,transform .14s ease}.editor-rail-tab strong{font-size:.94rem}.editor-rail-tab span{color:var(--ink-soft);font-size:.8rem}.editor-rail-tab.is-active{background:#1f5c4f1f;border-color:#1f5c4f3d;transform:translateY(-1px)}.editor-rail-stack{display:flex;flex-direction:column;gap:1rem}.editor-related-panel{min-width:0}.editor-related-list{display:flex;flex-direction:column;gap:.75rem}.editor-related-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem;padding:.9rem .95rem;border-radius:18px;background:#ffffffc2;border:1px solid var(--border);text-align:left}.editor-related-item div:first-child{display:flex;flex-direction:column;gap:.28rem}.editor-related-item strong{font-size:.92rem}.editor-related-item span{color:var(--ink-soft);font-size:.8rem}.editor-more-actions{display:flex;gap:.75rem;flex-wrap:wrap}.editor-more-meta{display:grid;gap:.45rem;color:var(--ink-soft);font-size:.84rem}.editor-right-rail-topbar,.editor-rail-close,.editor-drawer-trigger,.preview-inspector-button,.editor-drawer-backdrop{display:none}.panel{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:1rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-header h1,.panel-header h2{margin:0 0 .2rem;font-size:1.05rem}.panel-header p,.template-summary p,.preview-empty p{margin:0;color:var(--ink-soft)}.field{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.9rem}.field:last-child{margin-bottom:0}.field-label{display:flex;align-items:center;gap:.45rem;font-size:.92rem;font-weight:600}.required-indicator{color:var(--error)}.field-unit{padding:.14rem .5rem;border-radius:999px;background:#1f5c4f14;color:var(--accent);font-size:.78rem;font-weight:700}.field-hint{color:var(--ink-soft);font-size:.8rem}.field-issue{font-size:.82rem}.field-issue.warning{color:var(--warning)}.field-issue.error{color:var(--error)}.status-card{padding:.85rem .95rem;border-radius:16px;border:1px solid var(--border);margin-top:.75rem}.status-card.subtle{background:#f6f8f4e6}.status-card.info{background:#1f5c4f14;border-color:#1f5c4f2e;color:var(--accent)}.status-card.success{background:#1f5c4f1a;border-color:#1f5c4f2e;color:var(--accent)}.status-card.warning{background:var(--warning-soft);border-color:#8a5a0f2e;color:var(--warning)}.status-card.error{background:var(--error-soft);border-color:#9d2a2a2e;color:var(--error)}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:1rem}.segmented-control button{padding:.65rem .8rem;border-radius:14px;background:#ffffff8c}.segmented-control button.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.parameter-list{display:flex;flex-direction:column;gap:.5rem}.template-summary{display:flex;flex-direction:column;gap:.35rem;padding:.9rem;border-radius:18px;background:#1f5c4f0f;margin-top:.75rem}.template-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .75rem;color:var(--ink-soft);font-size:.84rem}.panel-toolbar{position:static;z-index:1}.toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.toolbar-row+.toolbar-row{margin-top:.85rem}.toolbar-group{display:flex;align-items:center;gap:.75rem}.toolbar-group-wrap{flex-wrap:wrap}.toolbar-group-stack{align-items:flex-start;flex-direction:column}.toolbar-title-group h1{margin:0;font-size:1.15rem}.toolbar-title-group p{margin:0;color:var(--ink-soft);font-size:.86rem}.toolbar-control{display:flex;align-items:center;gap:.6rem;color:var(--ink-soft)}.toolbar-control-inline{flex-wrap:wrap}.toolbar-control select{min-width:92px}.zoom-controls{display:flex;align-items:center;gap:.4rem}.zoom-controls button{min-width:3rem;padding:.55rem .7rem}.pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.45rem .75rem;background:#1520180f;color:var(--ink-soft);font-size:.82rem;white-space:nowrap}.pill.ready,.pill.saved{background:var(--accent-soft);color:var(--accent)}.pill.warning{background:var(--warning-soft);color:var(--warning)}.pill.stale{background:#1f5c4f1a;color:var(--accent)}.pill.invalid,.pill.error{background:var(--error-soft);color:var(--error)}.pill.pending,.pill.loading,.pill.debouncing,.pill.saving{background:#1f5c4f1a;color:var(--accent)}.pill.idle{background:#1520180f;color:var(--ink-soft)}.toolbar-pill-row{display:flex;flex-wrap:wrap;gap:.5rem}.toolbar-project-card{display:flex;flex-direction:column;gap:.75rem;width:100%;padding:1rem;border:1px solid var(--border);border-radius:20px;background:#ffffffb8}.toolbar-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.toolbar-card-header strong{display:block;margin-bottom:.2rem}.toolbar-card-header p{margin:0;color:var(--ink-soft)}.toolbar-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.toolbar-project-grid .field{margin-bottom:0}.toolbar-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.45rem .75rem;color:var(--ink-soft);font-size:.84rem}.toolbar-preset-row{display:flex;flex-wrap:wrap;gap:.6rem}.toolbar-project-card .status-card{margin-top:0}.toolbar-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.toolbar-help-text{color:var(--ink-soft);font-size:.85rem}.status-actions{display:flex;gap:.6rem;margin-top:.75rem;flex-wrap:wrap}.inline-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem}.button-primary{background:var(--accent);border-color:var(--accent);color:#fff;padding:.78rem 1.1rem;font-weight:600}.button-primary:disabled{background:#1f5c4f52;border-color:#1f5c4f3d;color:#ffffffe0}.layer-toggle{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border-radius:999px;background:#ffffffb8;border:1px solid var(--border)}.layer-toggle input{width:auto;margin:0}.preset-toggle{border-radius:999px;padding:.55rem .9rem;background:#ffffffc2;color:var(--ink-soft);border:1px solid var(--border)}.preset-toggle.active{background:#1f5c4f1f;color:var(--accent);border-color:#1f5c4f3d}.toolbar-empty{color:var(--ink-soft);font-size:.86rem}.panel-preview{flex:1;display:flex;flex-direction:column;min-height:0}.panel-header-preview{align-items:flex-start}.preview-header-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.preview-status-group{display:flex;flex-wrap:wrap;gap:.5rem}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.85rem .95rem;margin-bottom:.85rem;border-radius:18px;border:1px solid var(--border);background:#ffffffb3}.preview-toolbar-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.preview-legend{display:flex;align-items:center;gap:.75rem 1rem;flex-wrap:wrap;margin-bottom:.85rem;color:var(--ink-soft);font-size:.84rem}.preview-legend-item{display:inline-flex;align-items:center;gap:.45rem}.preview-legend-line{display:inline-flex;width:1.5rem;height:0;border-top:2px solid currentColor}.preview-legend-line-cut{color:var(--accent)}.preview-legend-line-fold{color:var(--warning);border-top-style:dashed}.preview-stage{position:relative;display:flex;align-items:center;justify-content:center;overflow:auto;min-height:480px;border-radius:20px;border:1px dashed rgba(21,32,24,.15);background:linear-gradient(45deg,rgba(22,32,24,.025) 25%,transparent 25%),linear-gradient(-45deg,rgba(22,32,24,.025) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(22,32,24,.025) 75%),linear-gradient(-45deg,transparent 75%,rgba(22,32,24,.025) 75%),#fbfcfa;background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0;padding:2rem}.preview-stage-gridless{background:#fbfcfa}.preview-artboard{flex:0 0 auto;max-width:none}.preview-svg-host{width:100%;height:100%;min-width:0;background:#fff;border-radius:16px;box-shadow:0 20px 45px #1b241e1f,0 2px 8px #1b241e14;padding:1rem}.preview-svg-host svg{display:block;width:100%;height:100%}.preview-empty{max-width:420px;text-align:center;margin:auto}.preview-empty strong{display:block;margin-bottom:.35rem}.preview-overlay{position:absolute;top:1rem;right:1rem;padding:.65rem .8rem;border-radius:999px;background:#152018c2;color:#fff;font-size:.85rem}.preview-footer{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.9rem;color:var(--ink-soft);font-size:.84rem}.revenue-rail{gap:1rem}.revenue-card{display:flex;flex-direction:column;gap:.85rem;padding:1rem;border-radius:20px;border:1px solid var(--border);background:#ffffffb8}.revenue-card-accent{background:radial-gradient(circle at top left,rgba(31,92,79,.08),transparent 48%),#ffffffbd;border-color:#1f5c4f2e}.revenue-copy{display:flex;flex-direction:column;gap:.35rem}.revenue-copy strong{font-size:1rem}.revenue-copy p,.revenue-section-header p{margin:0;color:var(--ink-soft)}.revenue-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem}.revenue-section-header strong{display:block;margin-bottom:.2rem}.revenue-signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.revenue-signal{display:flex;flex-direction:column;gap:.2rem;padding:.8rem;border-radius:16px;background:#f7f8f3eb;border:1px solid rgba(21,32,24,.08)}.revenue-signal span{color:var(--ink-soft);font-size:.78rem}.revenue-signal strong{font-size:.92rem;line-height:1.35}.revenue-list{display:flex;flex-direction:column;gap:.5rem;margin:0;padding-left:1.1rem}.revenue-list li{color:var(--ink-soft)}.revenue-format-row,.revenue-inline-actions,.revenue-billing-toggle{display:flex;gap:.65rem;flex-wrap:wrap}.revenue-format-toggle{border-radius:999px;padding:.58rem .9rem;background:#ffffffdb;color:var(--ink-soft)}.revenue-format-toggle.is-active{background:#1f5c4f1f;border-color:#1f5c4f3d;color:var(--accent)}.revenue-primary-cta{justify-content:center;width:100%}.revenue-help-text{margin:0;color:var(--ink-soft);font-size:.84rem}.revenue-plan-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.revenue-plan-card{display:flex;flex-direction:column;gap:.55rem;padding:1rem;border-radius:20px;border:1px solid var(--border);background:#ffffffc7}.revenue-plan-card p{margin:0;color:var(--ink-soft)}.revenue-plan-card-recommended{border-color:#1f5c4f33;background:radial-gradient(circle at top right,rgba(31,92,79,.08),transparent 42%),#ffffffd1}.surface-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:#15201847;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:80}.surface-modal{width:min(680px,100%);max-height:min(90vh,760px);overflow:auto;padding:1.25rem;border-radius:28px;border:1px solid var(--border);background:#fafbf8fa;box-shadow:var(--shadow)}.surface-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.surface-modal-header h2{margin:.25rem 0 .35rem}.surface-modal-header p{margin:0;color:var(--ink-soft)}.surface-modal-body{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.surface-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap;margin-top:1rem}@media(max-width:1023px){.surface-grid-three{grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1023px){.editor-shell{grid-template-columns:minmax(280px,320px) minmax(0,1fr)}.editor-right-rail{position:fixed;inset:.75rem .75rem .75rem auto;width:min(360px,calc(100vw - 1.5rem));max-height:none;overflow:visible;z-index:40;transform:translate(calc(100% + 1rem));transition:transform .18s ease}.editor-right-rail.is-open{transform:translate(0)}.editor-right-rail-frame{height:100%;padding:1rem;border-radius:28px;background:#f7f8f3f5;border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.editor-right-rail-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.editor-right-rail .panel-toolbar{flex:1;overflow:auto}.editor-rail-close,.editor-drawer-trigger,.preview-inspector-button{display:inline-flex;align-items:center;justify-content:center}.editor-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:block;background:#1520182e;border:0;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30}}@media(min-width:1024px)and (max-height:900px){.toolbar-project-card{max-height:min(24rem,40vh);overflow:auto;scrollbar-gutter:stable}.toolbar-project-grid{grid-template-columns:1fr}.preview-stage{min-height:340px}}@media(max-width:767px){.library-grid{grid-template-columns:1fr}.surface-shell{padding:.75rem}.surface-header{flex-direction:column}.editor-shell{grid-template-columns:1fr}.toolbar-row{flex-direction:column;align-items:stretch}.toolbar-group{flex-wrap:wrap}.toolbar-card-header,.toolbar-actions{flex-direction:column;align-items:stretch}.toolbar-project-grid,.toolbar-meta-grid{grid-template-columns:1fr}.panel-header-preview,.preview-header-actions,.preview-status-group{min-width:0}.panel-header-preview{flex-direction:column;gap:.75rem}.preview-header-actions,.preview-status-group{width:100%;flex-direction:column;align-items:stretch}.preview-status-group .pill{width:100%;min-width:0;max-width:100%;overflow-wrap:anywhere}.template-meta-grid{grid-template-columns:1fr}.editor-sidebar,.editor-right-rail{position:static;max-height:none;overflow:visible}.editor-rail-tabs{grid-template-columns:1fr 1fr}.editor-drawer-trigger,.preview-inspector-button,.editor-rail-close,.editor-drawer-backdrop{display:none}.revenue-signal-grid,.revenue-plan-row{grid-template-columns:1fr}.preview-stage{min-height:360px;padding:1rem}.preview-artboard{max-width:100%}.preview-svg-host{overflow:hidden}}