@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", "Menlo", "monospace"}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--bg-primary:#f6f4ef;--bg-secondary:#edeae3;--bg-tertiary:#e3e0d8;--text-primary:#1a1816;--text-secondary:#5a5248;--text-muted:#8a7e6a;--border-color:#d4d0c8;--toolbar-bg:#f2ede0;--toolbar-border:#d4d0c8;--subtoolbar-bg:#f2ede0;--divider-bg:#c8c4ba;--divider-hover:#a8a498;--btn-bg:#e8e4dc;--btn-bg-hover:#dcd8ce;--btn-border:#c8c4ba;--btn-text:#1a1816;--error-bg:#fff0f0;--error-border:#ffb3b3;--error-text:#c00;--select-bg:#e8e4dc;--accent:#d4a843;--accent-hover:#c89a38;--accent-text:#1a1816;--valid-bg:#edfdf4;--valid-border:#6ee7b7;--valid-text:#065f46;--invalid-bg:#fff1f2;--invalid-border:#fca5a5;--invalid-text:#991b1b;--val-resource-ok-bg:#f0fdf4;--val-resource-ok-border:#bbf7d0;--val-resource-fail-bg:#fef2f2;--val-resource-fail-border:#fecaca;--tab-active-bg:#e3e0d8;--tab-active-border:#d4a843;--tab-hover-bg:#e8e4dc;--status-bg:#edeae3;--status-border:#d4d0c8;--dot-color:#1a18164d;--logo-color:#1a1816;--preview-bg:#f6f4ef;--editor-bg:#fff;--share-bg:linear-gradient(135deg, #d4a843 0%, #c8863a 100%);--share-shadow:#d4a8434d;--green-dot:#22c55e;--badge-bg:#d4a843;--badge-text:#1a1816;--modal-overlay:#0006}[data-theme=dark]{--bg-primary:#1a1816;--bg-secondary:#1e1c1a;--bg-tertiary:#252220;--text-primary:#c8b89a;--text-secondary:#8a7e6a;--text-muted:#5a5248;--border-color:#2d2a26;--toolbar-bg:#1a1816;--toolbar-border:#2d2a26;--subtoolbar-bg:#1e1c1a;--divider-bg:#2d2a26;--divider-hover:#3a3530;--btn-bg:#2d2a26;--btn-bg-hover:#3a3530;--btn-border:#3a3530;--btn-text:#c8b89a;--error-bg:#2a1a1a;--error-border:#600;--error-text:#ff6b6b;--select-bg:#2d2a26;--accent:#d4a843;--accent-hover:#e0b850;--accent-text:#1a1816;--valid-bg:#052e16;--valid-border:#166534;--valid-text:#86efac;--invalid-bg:#2c0a0a;--invalid-border:#7f1d1d;--invalid-text:#fca5a5;--val-resource-ok-bg:#071a0e;--val-resource-ok-border:#14532d;--val-resource-fail-bg:#1c0606;--val-resource-fail-border:#7f1d1d;--tab-active-bg:#2d2a26;--tab-active-border:#d4a843;--tab-hover-bg:#252220;--status-bg:#141210;--status-border:#2d2a26;--dot-color:#c8b89a4d;--logo-color:#c8b89a;--preview-bg:#1e1c1a;--editor-bg:#1a1816;--share-bg:linear-gradient(135deg, #d4a843 0%, #c8863a 100%);--share-shadow:#d4a84340;--green-dot:#4ade80;--badge-bg:#d4a843;--badge-text:#1a1816;--modal-overlay:#000000a6}html,body,#root{width:100%;height:100%}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;transition:background .2s,color .2s}button{cursor:pointer;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);white-space:nowrap;letter-spacing:.01em;border-radius:6px;padding:6px 14px;font-family:Inter,inherit;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,transform .1s}button:hover{background:var(--btn-bg-hover);border-color:var(--text-muted)}button:active{transform:scale(.97)}select{cursor:pointer;border:1px solid var(--btn-border);background:var(--select-bg);color:var(--text-primary);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238a7e6a'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:6px;outline:none;padding:6px 26px 6px 12px;font-family:Inter,inherit;font-size:12px;font-weight:500;transition:border-color .15s}select:hover{border-color:var(--accent)}.App{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toolbar-main{background:var(--toolbar-bg);border-bottom:1px solid var(--toolbar-border);flex-shrink:0;align-items:center;gap:0;height:52px;padding:0 16px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:13px;display:flex}.toolbar-logo{cursor:pointer;flex-shrink:0;align-items:center;gap:8px;margin-right:20px;display:flex}.toolbar-logo-icon{background:var(--logo-color);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.toolbar-logo-icon svg{width:16px;height:16px}.toolbar-tabs{scrollbar-width:none;align-items:center;gap:2px;height:100%;display:flex;overflow:auto hidden}.toolbar-tabs::-webkit-scrollbar{display:none}.toolbar-tab{color:#fff;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;align-items:center;height:100%;padding:6px 12px;font-size:13px;text-decoration:none;display:flex;font-weight:500!important}.toolbar-tab-light{color:#1a1816}.toolbat-tab-dark{color:#c8b89a}.toolbar-tab:hover{color:#1a1a1a;background:#0000000a}.toolbar-tab:active{transform:none}.toolbar-tab--active{color:var(--text-primary);background:var(--tab-active-bg);border-bottom-color:var(--tab-active-border);font-weight:600}.toolbar-right{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.toolbar-status{color:var(--text-muted);align-items:center;gap:6px;margin-right:8px;font-size:11px;display:flex}.toolbar-status-dot{background:var(--green-dot);border-radius:50%;flex-shrink:0;width:6px;height:6px}.toolbar-link{color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;transition:color .15s;background:0 0!important;border:none!important;padding:4px 8px!important}.toolbar-link:hover{color:var(--text-primary);background:0 0!important}.toolbar-link:active{transform:none}.btn-validate{letter-spacing:.02em;box-shadow:0 2px 8px var(--share-shadow);font-weight:600;transition:opacity .15s,box-shadow .15s,transform .1s;background:var(--share-bg)!important;color:var(--accent-text)!important;border:none!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;min-width:92px!important;height:28px!important;padding:6px 16px!important;font-size:12px!important;display:inline-flex!important}.btn-validate:hover{opacity:.9;box-shadow:0 4px 14px var(--share-shadow);transform:translateY(-1px)}.btn-validate:active{box-shadow:0 1px 4px var(--share-shadow);transform:translateY(0)}.btn-theme{color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex;border:1px solid var(--btn-border)!important;background:0 0!important;padding:5px 8px!important}.btn-theme:hover{color:var(--text-primary);background:var(--btn-bg-hover)!important}.toolbar-sub{background:var(--subtoolbar-bg);border-bottom:1px solid var(--toolbar-border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px 12px;min-height:40px;padding:6px 16px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:13px;display:flex}.toolbar-sub-left{color:var(--text-secondary);flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.toolbar-sub-breadcrumb{color:var(--text-muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;font-weight:500;display:flex}.toolbar-sub-breadcrumb-sep{color:var(--text-muted)}.toolbar-sub-template-label{flex:140px;min-width:0;max-width:min(360px,45vw);margin:0}.toolbar-sub-template-select{width:100%;color:var(--text-primary);background:var(--btn-bg);border:1px solid var(--btn-border);cursor:pointer;border-radius:6px;padding:4px 28px 4px 8px;font-size:12px;font-weight:600;line-height:1.3}.toolbar-sub-info{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.toolbar-sub-sep{background:var(--border-color);flex-shrink:0;width:1px;height:16px}.toolbar-sub-spacer{flex:12px;min-width:8px}.toolbar-sub-cluster{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.toolbar-sub-cluster .toolbar-status{margin-right:0}.toolbar-sub-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.toolbar-zoom{border:1px solid var(--btn-border);background:var(--btn-bg);border-radius:6px;align-items:center;height:22px;display:inline-flex;overflow:hidden}.toolbar-zoom-btn{color:var(--btn-text);text-align:center;background:0 0;border:none;border-radius:0;min-width:26px;padding:3px 8px;font-size:11px;font-weight:600;line-height:1}.toolbar-zoom>*+*{border-left:1px solid var(--btn-border)}.toolbar-zoom-btn:hover{background:var(--btn-bg-hover)}.toolbar-zoom-btn:active{transform:none}.toolbar-zoom-label{color:var(--btn-text);text-align:center;cursor:default;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:44px;padding:3px 8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.toolbar-zoom-fit{text-transform:lowercase;min-width:34px}.toolbar-sub-cluster button{border-radius:4px;padding:3px 10px;font-size:11px;font-weight:600}.toolbar-sub-cluster .toolbar-zoom-btn{border-radius:0;padding:3px 8px}.toolbar-sub-cluster select{border-radius:4px;padding:3px 24px 3px 8px;font-size:11px}.btn-export{letter-spacing:.02em;box-shadow:0 2px 8px var(--share-shadow);font-weight:600;transition:opacity .15s,box-shadow .15s,transform .1s;background:var(--share-bg)!important;color:var(--accent-text)!important;border:none!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;min-width:92px!important;height:28px!important;padding:6px 16px!important;font-size:12px!important;display:inline-flex!important}.btn-export:hover{opacity:.9;box-shadow:0 4px 14px var(--share-shadow);transform:translateY(-1px)}.btn-export:active{box-shadow:0 1px 4px var(--share-shadow);transform:translateY(0)}.export-overlay{z-index:1000;background:var(--modal-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.export-card{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:12px;flex-direction:column;width:min(420px,90vw);animation:.2s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0006}.export-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.export-title{color:var(--accent);letter-spacing:-.2px;font-size:14px;font-weight:700}.export-close{cursor:pointer;color:var(--text-muted);font-size:18px;line-height:1;background:0 0!important;border:none!important;padding:2px 6px!important}.export-close:hover{color:var(--text-primary);border-radius:4px;background:var(--btn-bg-hover)!important}.export-body{flex-direction:column;gap:16px;padding:18px;display:flex}.export-field{flex-direction:column;gap:6px;display:flex}.export-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:11px;font-weight:700}.export-format-group{border:1px solid var(--btn-border);border-radius:8px;gap:0;display:flex;overflow:hidden}.export-format-btn{cursor:pointer;text-align:center;flex:1;transition:background .15s,color .15s;background:var(--btn-bg)!important;color:var(--text-secondary)!important;border:none!important;border-radius:0!important;padding:8px 16px!important;font-size:12px!important;font-weight:600!important}.export-format-btn+.export-format-btn{border-left:1px solid var(--btn-border)!important}.export-format-btn:hover{background:var(--btn-bg-hover)!important;color:var(--text-primary)!important}.export-format-btn--active{background:var(--accent)!important;color:var(--accent-text)!important}.export-format-btn--active:hover{background:var(--accent-hover)!important;color:var(--accent-text)!important}.export-checkbox-label{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.export-checkbox{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.export-hint{color:var(--text-muted);margin-left:24px;font-size:11px;font-style:italic}.export-appearance-value{color:var(--text-primary);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:6px;width:-moz-fit-content;width:fit-content;padding:6px 12px;font-size:13px;font-weight:500;display:inline-block}.export-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.export-cancel-btn{cursor:pointer;border-radius:6px;transition:background .15s;background:var(--btn-bg)!important;color:var(--text-secondary)!important;border:1px solid var(--btn-border)!important;padding:8px 18px!important;font-size:12px!important;font-weight:500!important}.export-cancel-btn:hover{background:var(--btn-bg-hover)!important;color:var(--text-primary)!important}.export-submit-btn{cursor:pointer;box-shadow:0 2px 8px var(--share-shadow);border-radius:6px;transition:opacity .15s,box-shadow .15s,transform .1s;background:var(--accent)!important;color:var(--accent-text)!important;border:none!important;padding:8px 22px!important;font-size:12px!important;font-weight:600!important}.export-submit-btn:hover{opacity:.9;box-shadow:0 4px 14px var(--share-shadow);transform:translateY(-1px)}.export-submit-btn:active{box-shadow:0 1px 4px var(--share-shadow);transform:translateY(0)}.status-bar{background:var(--status-bg);border-top:1px solid var(--status-border);height:24px;color:var(--text-muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;font-size:11px;display:flex}.status-bar-left,.status-bar-right{align-items:center;gap:12px;display:flex}.preview-dotted{background-color:var(--preview-bg);background-image:radial-gradient(circle, var(--dot-color) 1.2px, transparent 1.2px);background-size:22px 22px}.json-modal-overlay{z-index:1000;background:var(--modal-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.json-modal-card{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:12px;flex-direction:column;width:min(720px,90vw);max-height:80vh;animation:.2s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0006}.json-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.json-modal-title{color:var(--accent);font-size:14px;font-weight:600}.json-modal-close{cursor:pointer;color:var(--text-muted);font-size:18px;line-height:1;background:0 0!important;border:none!important;padding:2px 6px!important}.json-modal-close:hover{color:var(--text-primary);border-radius:4px;background:var(--btn-bg-hover)!important}.json-modal-body{color:var(--text-primary);background:var(--bg-secondary);white-space:pre;tab-size:2;flex:1;margin:0;padding:16px 18px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.6;overflow:auto}.json-modal-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.val-overlay{z-index:1000;background:var(--modal-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.val-card{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:12px;flex-direction:column;width:min(680px,92vw);max-height:82vh;animation:.2s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0006}.val-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.val-title{color:var(--accent);letter-spacing:-.2px;font-size:14px;font-weight:700}.val-close{cursor:pointer;color:var(--text-muted);font-size:18px;line-height:1;background:0 0!important;border:none!important;padding:2px 6px!important}.val-close:hover{color:var(--text-primary);border-radius:4px;background:var(--btn-bg-hover)!important}.val-body{flex-direction:column;flex:1;gap:14px;padding:16px 18px;display:flex;overflow-y:auto}.val-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;padding:32px 0;font-size:13px;display:flex}.val-spinner{border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.val-banner{border:1px solid;border-radius:8px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.val-banner--valid{background:var(--valid-bg);border-color:var(--valid-border);color:var(--valid-text)}.val-banner--invalid{background:var(--invalid-bg);border-color:var(--invalid-border);color:var(--invalid-text)}.val-banner-icon{flex-shrink:0;font-size:20px;line-height:1}.val-banner-title{margin-bottom:3px;font-size:13px;font-weight:700}.val-banner-sub{opacity:.85;font-size:12px}.val-section{flex-direction:column;gap:8px;display:flex}.val-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-size:10px;font-weight:700}.val-resources{flex-direction:column;gap:6px;display:flex}.val-resource{border:1px solid;border-radius:7px;overflow:hidden}.val-resource--ok{background:var(--val-resource-ok-bg);border-color:var(--val-resource-ok-border)}.val-resource--fail{background:var(--val-resource-fail-bg);border-color:var(--val-resource-fail-border)}.val-resource-header{align-items:center;gap:8px;padding:8px 12px;display:flex}.val-resource-badge{flex-shrink:0;font-size:12px}.val-resource-name{color:var(--text-primary);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12px;font-weight:600}.val-violation-count{color:var(--invalid-text);background:var(--invalid-bg);border:1px solid var(--invalid-border);border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:600}.val-violations{flex-direction:column;gap:4px;padding:0 12px 10px;list-style:none;display:flex}.val-violation-item{color:var(--text-secondary);gap:8px;font-size:11.5px;line-height:1.5;display:flex}.val-violation-bullet{color:var(--invalid-text);flex-shrink:0;font-weight:700}.val-flat-violations{flex-direction:column;gap:4px;display:flex}.val-flat-item{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;align-items:flex-start;gap:10px;padding:8px 12px;font-size:11.5px;line-height:1.5;display:flex}.val-flat-index{background:var(--accent);min-width:20px;height:20px;color:var(--accent-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;line-height:1;display:flex}.val-footer{border-top:1px solid var(--border-color);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.text-light{color:#f5f5f5}.text-dark{color:#272121}@media (max-width:900px){.toolbar-sub{gap:6px 8px;padding:6px 10px}.toolbar-sub-template-label{max-width:min(280px,52vw)}.toolbar-sub-spacer{display:none}.toolbar-sub-cluster{border-top:1px solid var(--toolbar-border);flex:100%;justify-content:flex-start;margin-top:2px;padding-top:2px}.toolbar-sub-info{display:none}.status-bar{padding:0 10px}}@media (max-width:768px){.toolbar-sub,.status-bar{display:none!important}}.mobile-app{height:100vh;background:var(--bg-primary);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.mobile-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.mobile-toolbar{background:var(--subtoolbar-bg);border-bottom:1px solid var(--toolbar-border);z-index:10;flex-direction:column;flex-shrink:0;gap:0;min-height:auto;padding:8px 12px;display:flex;position:relative}.mobile-toolbar-sub{gap:6px}.mobile-toolbar-row{align-items:center;gap:8px;min-width:0;display:flex}.mobile-toolbar-row--primary{flex-wrap:wrap}.mobile-toolbar-row--secondary{border-top:1px solid var(--toolbar-border);flex-wrap:wrap;justify-content:space-between;gap:6px;padding-top:6px}.mobile-toolbar-home{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;background:var(--btn-bg)!important;border:1px solid var(--btn-border)!important;padding:0!important}.mobile-toolbar-home:hover{color:var(--text-primary);background:var(--btn-bg-hover)!important}.mobile-toolbar-template-wrap{flex:120px;min-width:0;margin:0}.mobile-toolbar-template-select{width:100%;color:var(--text-primary);background:var(--btn-bg);border:1px solid var(--btn-border);cursor:pointer;border-radius:8px;padding:8px 28px 8px 10px;font-size:12px;font-weight:600}.mobile-toolbar-validate{min-width:40px;padding:8px 12px!important;font-size:13px!important}.mobile-toolbar-breadcrumb{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:11px;font-weight:500;overflow:hidden}.mobile-toolbar-breadcrumb-sep{color:var(--text-muted)}.mobile-toolbar-breadcrumb-current{color:var(--text-primary);font-weight:600}.mobile-toolbar-status.toolbar-status{flex-shrink:0;margin-right:0;font-size:10px}.mobile-toolbar-row--secondary .mobile-toggle-wrapper{flex-shrink:0}.mobile-toolbar-left,.mobile-toolbar-right,.mobile-hamburger,.mobile-logo,.mobile-logo-icon,.mobile-logo-text{display:none}.mobile-toggle-wrapper{flex-shrink:0;align-items:center;gap:8px;display:flex}.mobile-toggle-label{color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600;transition:color .2s}.mobile-toggle-label--active{color:var(--text-primary)}.mobile-diagram-menu{background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:50;flex-direction:column;padding:8px 0;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #00000026}.mobile-menu-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s;display:block}.mobile-menu-item:hover{background:var(--bg-secondary)}.mobile-menu-home{color:var(--accent);border-bottom:1px solid var(--border-color);font-weight:600}.mobile-menu-divider{background:var(--border-color);height:1px;margin:0}.mobile-menu-section{flex-direction:column;gap:0;display:flex}.mobile-menu-section-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:12px 16px;font-weight:600}.mobile-menu-section-header:hover{background:#f5f4f0}.mobile-menu-templates{background:var(--bg-secondary);flex-direction:column;padding:4px 0;display:flex}.mobile-menu-template{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;padding:10px 24px;font-size:13px;transition:background .15s,color .15s}.mobile-menu-template:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mobile-menu-template--active{background:var(--accent);color:var(--text-primary);font-weight:600}.mobile-menu-label{text-transform:uppercase;color:var(--text-muted);padding:12px 16px;font-size:12px;font-weight:600}.mobile-menu-select{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:6px;margin:0 16px 12px;padding:8px 12px;font-size:13px;transition:border-color .15s}.mobile-menu-select:focus{border-color:var(--accent);outline:none}.mobile-toggle-switch{cursor:pointer;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .25s,border-color .25s;position:relative;background:var(--bg-tertiary)!important;border:2px solid var(--border-color)!important;padding:0!important}.landing-nav{z-index:100;background:#f2ede0;border-bottom:1px solid #d4d0c8;text-decoration:none;position:sticky;top:0}.landing-nav-editor{background:var(--toolbar-bg);border-bottom:1px solid var(--toolbar-border)}.landing-nav-inner{align-items:center;height:52px;margin:0 auto;padding:0 24px;text-decoration:none;display:flex;position:relative}.landing-nav-logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.landing-nav-logo-text{letter-spacing:-.3px;color:#5a5248;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:400}.landing-nav-editor .landing-nav-logo-text{color:var(--text-secondary)}.landing-nav-logo--active .landing-nav-logo-text{color:#111}.landing-nav-links{align-items:center;gap:16px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.landing-nav-link{color:#5a5248;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.landing-nav-editor .landing-nav-link{color:var(--text-secondary)}.landing-nav-link:hover{color:#1a1816;background:#e8e4dc}.landing-nav-link--active-editor:hover{color:var(--text-primary);background:var(--btn-bg)}.landing-nav-link--active{color:#1a1816;background:#dcd8ce}.landing-nav-link--active-editor{color:var(--text-primary);background:var(--btn-bg-hover)}.landing-nav-right{align-items:center;gap:16px;margin-left:auto;display:flex}.landing-live-indicator{color:#5a5248;background:#00000005;border:1px solid #d4d0c8;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;line-height:1;display:flex}.landing-nav-editor .landing-live-indicator{color:var(--text-secondary);border-color:var(--toolbar-border);background:#ffffff05}.landing-live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.landing-cta-btn{color:#f2ede0;cursor:pointer;background:#1a1816;border:none;border-radius:8px;align-items:center;gap:4px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.landing-cta-btn-editor{color:var(--toolbar-bg);background:var(--text-primary)}.landing-cta-btn:hover{opacity:.85;transform:translateY(-1px)}.landing-nav-hamburger{cursor:pointer;color:#1a1816;background:0 0;border:none;flex-direction:column;gap:4px;margin-left:auto;padding:8px;display:none}.landing-nav-editor .landing-nav-hamburger{color:var(--text-primary)}.landing-nav-hamburger span{background:var(--text-primary);border-radius:2px;width:20px;height:2px;transition:transform .2s;display:block}.landing-nav-mobile-menu{z-index:99;background:#f2ede0;border-bottom:1px solid #d4d0c8;flex-direction:column;gap:8px;padding:12px 24px;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #00000026}.landing-nav-editor .landing-nav-mobile-menu{background:var(--toolbar-bg);border-bottom:1px solid var(--toolbar-border)}.landing-nav-mobile-link{color:#5a5248;border-radius:6px;padding:10px 0;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,padding-left .15s;display:block}.landing-nav-editor .landing-nav-mobile-link{color:var(--text-secondary)}.landing-nav-mobile-link:hover{color:#1a1816;padding-left:8px}.landing-nav-editor .landing-nav-mobile-link:hover{color:var(--text-primary)}.landing-nav-mobile-link--active{color:#1a1816;padding-left:8px;font-weight:600}.landing-nav-editor .landing-nav-mobile-link--active{color:var(--text-primary)}.landing-nav-mobile-btn{color:#f2ede0;cursor:pointer;background:#1a1816;border:none;border-radius:8px;align-items:center;gap:4px;margin-top:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.landing-nav-editor .landing-nav-mobile-btn{color:var(--toolbar-bg);background:var(--text-primary)}.landing-nav-mobile-btn:hover{opacity:.85;transform:translateY(-1px)}@media (min-width:901px){.landing-nav-mobile-menu{display:none!important}}@media (max-width:900px){.landing-nav-right{display:none!important}}.mobile-toggle-switch--view{background:var(--accent)!important;border-color:var(--accent)!important}.mobile-toggle-thumb{background:var(--text-primary);border-radius:50%;width:16px;height:16px;transition:transform .25s cubic-bezier(.4,0,.2,1),background .25s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.mobile-toggle-switch--view .mobile-toggle-thumb{background:#fff;transform:translate(20px)}.mobile-edit-view{flex-direction:column;height:100%;display:flex;overflow:hidden}.mobile-edit-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--toolbar-border);scrollbar-width:none;flex-shrink:0;align-items:center;gap:0;height:42px;padding:0 14px;display:flex;overflow-x:auto}.mobile-edit-tabs::-webkit-scrollbar{display:none}.mobile-edit-tab{color:var(--text-secondary);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:500;transition:color .15s;display:flex;background:0 0!important;border:none!important;border-radius:0!important;padding:8px 14px!important}.mobile-edit-tab:hover{color:var(--text-primary);background:0 0!important}.mobile-edit-tab:active{transform:none}.mobile-edit-tab--active{color:var(--text-primary);font-weight:600}.mobile-edit-tab--right{margin-left:auto}.mobile-edit-tab-sep{color:var(--text-muted);opacity:.3;-webkit-user-select:none;user-select:none;margin:0 2px;font-size:14px}.mobile-edit-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.mobile-config-panel{flex-direction:column;gap:24px;padding:20px 16px;display:flex;overflow-y:auto}.mobile-config-section h3{color:var(--text-primary);margin-bottom:10px;font-size:13px;font-weight:600}.mobile-config-hint{color:var(--text-muted);font-size:12px}.mobile-config-templates{flex-wrap:wrap;gap:8px;display:flex}.mobile-config-template-btn{border-radius:8px;font-size:12px;padding:8px 14px!important}.mobile-config-template-btn--active{background:var(--accent)!important;color:var(--accent-text)!important;border-color:var(--accent)!important}.mobile-docs-panel{color:var(--text-secondary);padding:20px 16px;font-size:13px;line-height:1.7;overflow-y:auto}.mobile-docs-panel h3{color:var(--text-primary);margin-bottom:12px;font-size:15px;font-weight:700}.mobile-docs-example{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin:16px 0;padding:12px}.mobile-docs-example h4{color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:600}.mobile-docs-example pre{color:var(--text-primary);white-space:pre;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;line-height:1.6;overflow-x:auto}.mobile-docs-link{margin-top:16px;font-size:12px}.mobile-docs-link a{color:var(--accent);text-decoration:underline}.mobile-bottom-bar{background:var(--bg-secondary);border-top:1px solid var(--toolbar-border);flex-shrink:0;align-items:center;gap:0;height:52px;padding:0;display:flex}.mobile-bottom-btn{height:100%;color:var(--text-primary);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:background .15s;display:flex;background:0 0!important;border:none!important;border-radius:0!important}.mobile-bottom-btn:hover{background:var(--btn-bg-hover)!important}.mobile-bottom-btn:active{transform:none}.mobile-bottom-btn--accent{color:var(--accent)}.mobile-bottom-btn+.mobile-bottom-btn{border-left:1px solid var(--toolbar-border)!important}.mobile-preview-view{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.mobile-preview-canvas{flex:1;overflow:hidden}.mobile-preview-controls{z-index:5;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;gap:6px;padding:4px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 12px #00000026}.mobile-preview-ctrl-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;background:0 0!important;border:none!important;padding:0!important}.mobile-preview-ctrl-btn:hover{color:var(--text-primary);background:var(--btn-bg-hover)!important}.mobile-preview-ctrl-btn:active{transform:none}.mobile-preview-bottom{background:var(--bg-secondary);border-top:1px solid var(--toolbar-border);flex-shrink:0;justify-content:space-between;align-items:center;height:46px;padding:0 12px;display:flex}.mobile-preview-bottom-left,.mobile-preview-bottom-right{align-items:center;gap:6px;display:flex}.mobile-preview-bottom-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;border:1px solid var(--border-color)!important;background:0 0!important;padding:0!important}.mobile-preview-bottom-btn:hover{color:var(--text-primary);background:var(--btn-bg-hover)!important}.mobile-preview-bottom-btn:active{transform:none}.mobile-preview-version{color:var(--text-muted);-webkit-user-select:none;user-select:none;margin-right:4px;font-size:11px;font-weight:600}@media (max-width:380px){.mobile-toolbar{height:44px;padding:0 8px}.mobile-logo-text{font-size:12px}.mobile-toggle-label{font-size:11px}.mobile-toggle-switch{width:38px;height:22px}.mobile-toggle-thumb{width:14px;height:14px}.mobile-toggle-switch--view .mobile-toggle-thumb{transform:translate(16px)}.mobile-edit-tab{font-size:12px;padding:6px 10px!important}.mobile-bottom-btn{font-size:12px}}@media (min-width:769px) and (max-width:900px){.toolbar-sub{gap:6px 8px;padding:6px 10px}.toolbar-sub-template-label{max-width:min(280px,52vw)}.toolbar-sub-spacer{display:none}.toolbar-sub-cluster{border-top:1px solid var(--toolbar-border);flex:100%;justify-content:flex-start;margin-top:2px;padding-top:2px}.toolbar-sub-info{display:none}.status-bar{padding:0 10px}}.route-fallback{min-height:60vh}.App--editor{height:100vh!important;min-height:unset!important;overflow:hidden!important}.main-content--editor,.editor-page-root{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.editor-pane-wrapper{background:#1a1816;flex-direction:column;height:100%;display:flex;overflow:hidden}.editor-pane-header{-webkit-user-select:none;user-select:none;background:#141210;border-bottom:1px solid #2d2a26;flex-shrink:0;align-items:center;gap:10px;height:36px;min-height:36px;padding:0 14px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;display:flex}.editor-pane-header-left{flex-shrink:0;align-items:center;gap:4px;display:flex}.editor-pane-crumb-v{color:#5a5248;margin-right:2px;font-family:Inter,sans-serif;font-size:15px;line-height:1}.editor-pane-crumb-name{color:#8a7e6a;font-size:12px;font-weight:500}.editor-pane-crumb-dot{color:#4a453f;margin:0 2px}.editor-pane-crumb-file{color:#c8b89a;font-size:12px;font-weight:600}.editor-pane-header-center{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.editor-pane-template-select{cursor:pointer;appearance:none;outline:none;max-width:210px;transition:border-color .15s;color:#c8b89a!important;background:#1e1c1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238a7e6a'/%3E%3C/svg%3E") right 7px center no-repeat!important;border:1px solid #2d2a26!important;border-radius:5px!important;padding:3px 24px 3px 8px!important;font-family:Inter,sans-serif!important;font-size:11px!important;font-weight:600!important}.editor-pane-template-select:hover{border-color:#d4a843!important}.editor-pane-template-select option{color:#c8b89a;background:#1a1816}.editor-pane-header-right{flex-shrink:0;align-items:center;gap:7px;display:flex}.editor-pane-icon-button{gap:5px;height:24px;padding:0 10px}.editor-pane-lines{color:#8a7e6a;white-space:nowrap;font-family:Inter,sans-serif;font-size:11px}.editor-pane-sep{background:#2d2a26;flex-shrink:0;width:1px;height:13px}.editor-pane-status-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:7px;height:7px}.editor-pane-status-text{color:#8a7e6a;font-family:Inter,sans-serif;font-size:11px}.preview-pane-wrapper{background:var(--preview-bg);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.preview-pane-wrapper>.toolbar-sub{flex-shrink:0}.preview-pane-wrapper>:last-child{flex:1 1 0;min-height:0;overflow:hidden}.val-panel{background:var(--bg-secondary);border-left:1px solid var(--border-color);z-index:100;flex-direction:column;width:320px;max-width:100%;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 20px #00000026}.val-panel--open{transform:translate(0)}.val-panel-header{border-bottom:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.val-panel-title-row{align-items:center;gap:8px;display:flex}.val-panel-icon{font-size:16px}.val-panel-title{color:var(--text-primary);letter-spacing:-.2px;font-size:14px;font-weight:700}.val-panel-close{cursor:pointer;color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:color .15s,background-color .15s;display:flex;background:0 0!important;border:none!important;padding:4px!important}.val-panel-close:hover{color:var(--text-primary);background:var(--btn-bg-hover)!important}.val-panel-body{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.val-panel-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 0;font-size:12px;display:flex}.val-spinner{border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite val-spin}@keyframes val-spin{to{transform:rotate(360deg)}}.val-panel-banner{border:1px solid #0000;border-radius:8px;gap:12px;padding:12px;display:flex}.val-panel-banner--ok{background:var(--valid-bg);border-color:var(--valid-border);color:var(--valid-text)}.val-panel-banner--fail{background:var(--invalid-bg);border-color:var(--invalid-border);color:var(--invalid-text)}.val-panel-banner-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.val-panel-banner-text{flex-direction:column;gap:2px;display:flex}.val-panel-banner-title{font-size:13px;font-weight:600;line-height:1.3}.val-panel-banner-sub{opacity:.9;font-size:11px;line-height:1.4}.val-panel-section{flex-direction:column;gap:8px;display:flex}.val-panel-section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:11px;font-weight:700}.val-panel-resources{flex-direction:column;gap:8px;display:flex}.val-panel-resource{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:6px;transition:border-color .15s;overflow:hidden}.val-panel-resource--ok{border-left:3px solid var(--green-dot)}.val-panel-resource--fail{border-left:3px solid var(--invalid-border)}.val-panel-resource-header{text-align:left;cursor:pointer;align-items:center;width:100%;padding:10px 12px;font-family:inherit;font-size:12px;display:flex;background:0 0!important;border:none!important;border-radius:0!important}.val-panel-resource-status{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-right:8px;display:inline-flex}.val-panel-resource--ok .val-panel-resource-status{color:var(--valid-text)}.val-panel-resource--fail .val-panel-resource-status{color:var(--invalid-text)}.val-panel-resource-name{color:var(--text-primary);flex:1;font-weight:600}.val-panel-resource-count{background:var(--invalid-border);color:var(--invalid-text);border-radius:10px;margin-right:8px;padding:2px 6px;font-size:10px;font-weight:700}.val-panel-resource-chevron{color:var(--text-muted);text-align:center;width:12px;font-size:10px}.val-panel-violations{flex-direction:column;gap:6px;padding:0 12px 10px 36px;list-style:none;display:flex}.val-panel-violation-item{color:var(--text-secondary);align-items:flex-start;gap:6px;font-size:11px;line-height:1.4;display:flex}.val-panel-violation-bullet{color:var(--invalid-border);font-weight:700}.val-panel-footer{border-top:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0;justify-content:flex-end;padding:12px 16px;display:flex}.val-panel-close-btn{padding:5px 12px!important;font-size:11px!important}.diag-badge{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:50;background:#ef4444;border-radius:10px;justify-content:center;align-items:center;gap:4px;height:20px;padding:0 8px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),background-color .15s,box-shadow .15s;animation:2s infinite badge-pulse-ring;display:flex;box-shadow:0 0 0 2px #ef444433,0 4px 10px #00000040}.diag-badge:hover,.diag-badge--active{z-index:51;background:#f87171;transform:scale(1.1);box-shadow:0 0 0 4px #f8717166,0 6px 14px #0000004d}.diag-badge-icon{font-size:11px}.diag-badge-count{line-height:1}@keyframes badge-pulse-ring{0%{box-shadow:0 0 #ef444499,0 4px 10px #00000040}70%{box-shadow:0 0 0 6px #ef444400,0 4px 10px #00000040}to{box-shadow:0 0 #ef444400,0 4px 10px #00000040}}.diag-tooltip{background:var(--bg-tertiary);border:1px solid var(--border-color);z-index:100;pointer-events:auto;cursor:default;border-radius:8px;flex-direction:column;gap:8px;width:240px;padding:10px 12px;animation:.15s cubic-bezier(.16,1,.3,1) tooltip-fade-in;display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000059}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.diag-tooltip-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.diag-tooltip-id{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;overflow:hidden}.diag-tooltip-count{text-transform:uppercase;color:#ef4444;font-size:9px;font-weight:700}.diag-tooltip-list{flex-direction:column;gap:6px;list-style:none;display:flex}.diag-tooltip-item{color:var(--text-secondary);align-items:flex-start;gap:6px;font-size:11px;line-height:1.4;display:flex}.diag-tooltip-bullet{color:#ef4444;font-weight:700}.diag-node-ring{border:2px dashed #ef4444;border-radius:6px;animation:1.5s ease-in-out infinite alternate node-ring-glow}@keyframes node-ring-glow{0%{border-color:#ef444499;box-shadow:0 0 2px #ef444466,inset 0 0 2px #ef444466}to{border-color:#ef4444;box-shadow:0 0 8px #ef4444b3,inset 0 0 6px #ef444499}}.clear-overlay-btn{z-index:10;cursor:pointer;align-items:center;gap:6px;transition:background-color .15s,color .15s;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #00000026;background:var(--bg-tertiary)!important;color:var(--text-secondary)!important;border:1px solid var(--border-color)!important;border-radius:6px!important;padding:5px 10px!important;font-size:11px!important;font-weight:600!important}.clear-overlay-btn:hover{background:var(--btn-bg-hover)!important;color:var(--text-primary)!important}.btn-icon-picker{height:28px;box-shadow:0 2px 8px var(--share-shadow);letter-spacing:.02em;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,transform .1s,color .15s,box-shadow .15s;display:inline-flex;background:var(--share-bg)!important;color:var(--accent-text)!important;border:none!important}.btn-icon-picker:hover{background:var(--btn-bg-hover)!important;border-color:var(--text-muted)!important;color:var(--text-primary)!important}.btn-icon-picker:active{transform:translateY(1px)scale(.98)}.btn-icon-picker svg{flex-shrink:0}.mobile-toolbar-icon-picker{width:34px;padding:0}.icon-drawer-shell{z-index:120;pointer-events:none;position:fixed;inset:0}.icon-drawer-shell--open{pointer-events:auto}.icon-drawer-backdrop{opacity:0;background:#0a0a0a57;border:0;border-radius:0;width:100%;height:100%;transition:opacity .22s;position:absolute;inset:0}.icon-drawer-backdrop--open{opacity:1}.icon-drawer{border-left:1px solid var(--border-color);background:#f2ede0;flex-direction:column;gap:14px;width:min(420px,100vw - 24px);height:100%;padding:16px;transition:transform .22s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:0;right:0;overflow:hidden;transform:translate(104%);box-shadow:-24px 0 80px #00000038}[data-theme=dark] .icon-drawer{background:var(--editor-bg);border-left-color:var(--toolbar-border)}.icon-drawer--open{transform:translate(0)}.icon-drawer-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.icon-drawer-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:700}.icon-drawer-title{color:var(--text-primary);font-size:20px;line-height:1.1}.icon-drawer-close{border:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.icon-drawer-provider-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:4px;display:grid}.icon-drawer-provider-tab{min-width:0;height:auto;color:var(--text-secondary);box-shadow:none;background:0 0;border:0;border-radius:0;padding:5px 4px;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,"monospace";font-size:11px}.icon-drawer-provider-tab:hover{background:color-mix(in srgb, var(--bg-primary) 55%, transparent 45%);color:var(--text-primary)}.icon-drawer-provider-tab--active{color:#f8fafc;box-shadow:none;background:#0f1114;border-color:#0f1114}.icon-drawer-provider-tab--active:hover{color:#f8fafc;background:#0f1114}.icon-drawer-search-wrap{display:block;position:relative}.icon-drawer-search-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.icon-drawer-search{border:1px solid var(--border-color);background:var(--editor-bg);width:100%;height:32px;color:var(--text-primary);font-size:12px;font-family:var(--font-mono);background-image:none;border-radius:4px;padding:0 12px 0 36px}.icon-drawer-search::placeholder{color:var(--text-muted)}.icon-drawer-search:focus{border-color:var(--accent);outline:1px solid #d4a84338}.icon-drawer-category-row{flex-wrap:wrap;gap:8px;max-height:92px;padding-right:2px;display:flex;overflow:auto}.icon-drawer-chip{border:1px solid var(--border-color);background:var(--btn-bg);height:auto;color:var(--text-secondary);border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;display:inline-flex}.icon-drawer-chip--active{color:var(--text-primary);border-color:var(--accent);background:color-mix(in srgb, var(--btn-bg) 70%, var(--accent) 30%)}.icon-drawer-chip{position:relative}.icon-drawer-chip:before{content:"";background:var(--dot-color);border-radius:50%;flex:none;width:7px;height:7px;margin-right:4px;display:inline-block}.icon-drawer-chip--all:before{display:none}.icon-drawer-chip-count{color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:999px;padding:2px 8px;font-size:11px}.icon-drawer-chip--active{background:var(--text-primary);color:#fff;border-color:#0000}.icon-drawer-chip--active .icon-drawer-chip-count{color:#fff;background:#ffffff1f}.icon-drawer-chip--compute:before{background:var(--accent)}.icon-drawer-chip--storage:before{background:#86efac}.icon-drawer-chip--database:before{background:#7c3aed}.icon-drawer-chip--network:before{background:#60a5fa}.icon-drawer-chip--security:before{background:#ef4444}.icon-drawer-chip--identity:before{background:#111827}.icon-drawer-chip--analytics:before{background:#f97316}.icon-drawer-chip--integration:before{background:#f59e0b}.icon-drawer-chip--ai:before{background:#8b5cf6}.icon-drawer-chip--management:before{background:#64748b}.icon-drawer-chip--other:before{background:var(--dot-color)}.icon-drawer-meta{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font-size:11px;display:flex}.icon-drawer-meta-sep{color:var(--text-muted);align-items:center;display:inline-flex}.icon-drawer-selected{flex-direction:column;gap:16px;min-height:0;display:flex}.icon-drawer-back{background:var(--btn-bg);border:1px solid var(--border-color);width:-moz-fit-content;width:fit-content;color:var(--text-secondary);border-radius:999px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.icon-drawer-selected-card{border:1px solid var(--border-color);background:color-mix(in srgb, var(--bg-secondary) 84%, transparent 16%);border-radius:20px;flex:1;justify-content:center;align-items:center;gap:16px;min-height:220px;padding:20px;display:flex}.icon-drawer-icon-wrap--selected{border-radius:22px;width:84px;height:84px}.icon-drawer-selected-info{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.icon-drawer-selected-name{color:var(--text-primary);letter-spacing:.01em;font-size:18px;font-weight:700}.icon-drawer-selected-copy{background:var(--btn-bg);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.icon-drawer-selected-copy--copied{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, var(--btn-bg) 82%);color:var(--text-primary)}.icon-drawer-body{flex:1;min-height:0;padding-right:4px;overflow:auto}.icon-drawer-empty{text-align:center;min-height:220px;color:var(--text-muted);border:1px dashed var(--border-color);background:color-mix(in srgb, var(--bg-secondary) 82%, transparent 18%);border-radius:18px;justify-content:center;align-items:center;padding:20px;display:flex}.icon-drawer-grid{grid-template-columns:repeat(auto-fill,minmax(98px,1fr));align-content:start;gap:10px;display:grid}.icon-drawer-item{border:1px solid var(--border-color);background:linear-gradient(180deg, color-mix(in srgb, var(--bg-secondary) 88%, transparent 12%) 0%, var(--bg-primary) 100%);text-align:center;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;min-width:0;height:132px;padding:12px 10px 10px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;overflow:hidden}.icon-drawer-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 26px #0000001f}.icon-drawer-icon-wrap{background:color-mix(in srgb, var(--bg-secondary) 70%, transparent 30%);border:1px solid var(--border-color);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.icon-drawer-icon-wrap img{object-fit:contain;width:100%;height:100%}.icon-drawer-item-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:12px;font-weight:600;line-height:1.25;display:block;overflow:hidden}.icon-drawer-item-code{width:100%;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}@media (max-width:960px){.icon-drawer{width:min(100vw,420px)}}@media (max-width:720px){.icon-drawer{border-left:none;border-top:1px solid var(--border-color);border-radius:18px 0 0 18px;width:100vw;padding:14px}.icon-drawer-provider-tabs{grid-template-columns:1fr}.icon-drawer-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr))}.icon-drawer-item{height:124px}}.btn-icon-picker{color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;transition:background .18s,color .18s,box-shadow .18s,transform .12s;display:inline-flex}.btn-icon-picker:hover,.btn-icon-picker:focus{background:color-mix(in srgb, var(--btn-bg) 80%, var(--accent) 20%);color:var(--text-primary)}.icon-drawer-open .btn-icon-picker{background:var(--accent);color:#fff;border-color:color-mix(in srgb, var(--accent) 60%, transparent 40%);transform:translateY(-1px);box-shadow:0 6px 18px #0000002e}.icon-drawer-open .btn-icon-picker svg{color:#fff}.icon-drawer-item--copied{border-color:var(--accent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 14%, transparent 86%), var(--bg-primary));color:#fff}.icon-drawer-item--copied .icon-drawer-item-name,.icon-drawer-item--copied .icon-drawer-item-code{color:#fff}.feedback-shell{z-index:135;pointer-events:auto;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.feedback-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0a85;position:absolute;inset:0}.feedback-card{z-index:1;color:#3a342c;background:#f6efe1;border:1px solid #d9cdb6;border-radius:18px;width:min(560px,100%);max-height:min(88vh,760px);padding:18px 18px 20px;position:relative;overflow:auto;box-shadow:0 24px 80px #00000052}.feedback-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.feedback-kicker-row{align-items:center;gap:8px;min-width:0;display:inline-flex}.feedback-kicker-dot{background:#6c63ff;border-radius:50%;flex-shrink:0;width:10px;height:10px}.feedback-kicker{letter-spacing:.18em;text-transform:uppercase;color:#8e836e;font-size:10px;font-weight:700}.feedback-close{color:#8e836e;background:0 0;border:none;border-radius:999px;flex-shrink:0;width:28px;height:28px;padding:0}.feedback-close:hover{color:#4c453b;background:#0000000d}.feedback-teaser{flex-direction:column;gap:14px;display:flex}.feedback-teaser-copy{color:#2d2720;margin:0;font-size:14px;line-height:1.5}.feedback-primary,.feedback-send{color:#f8f4ea;background:#111;border:0;border-radius:4px;justify-content:center;align-items:center;gap:7px;width:-moz-fit-content;width:fit-content;min-height:34px;padding:7px 12px;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace0;font-size:13px;font-weight:500;display:inline-flex}.feedback-primary:hover,.feedback-send:hover{background:#1b1b1b}.feedback-form{flex-direction:column;gap:14px;display:flex}.feedback-textarea{resize:vertical;color:#2d2720;background:#fff3;border:1px solid #d9cdb6;border-radius:6px;width:100%;min-height:126px;padding:12px;font-size:13px;line-height:1.5}.feedback-textarea::placeholder{color:#a59986}.feedback-textarea:focus{border-color:#b6aa93;outline:2px solid #6c63ff2e}.feedback-footer{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.feedback-char-count{color:#9a8f7c;white-space:nowrap;font-size:13px}.feedback-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.feedback-send{color:#f8f4ea;background:#a9a194;min-width:112px}.feedback-send:not(:disabled){background:#111}.feedback-send:disabled{cursor:not-allowed;opacity:.95}.feedback-status{border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.feedback-status-copy{margin:0;font-size:13px;line-height:1.5}.feedback-status--failure{color:#8d3f3f;background:#f7dfdf5c;border-color:#e0b2b2}@media (max-width:540px){.feedback-shell{padding:16px}.feedback-card{width:100%;max-height:calc(100vh - 32px);padding:14px}.feedback-teaser-copy{font-size:15px}.feedback-footer{flex-direction:column;align-items:flex-start}.feedback-actions{justify-content:space-between;width:100%;margin-left:0}.feedback-send{min-width:96px}}.landing{color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f2ede0;width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:15px;line-height:1.6;overflow:hidden auto}.landing *{box-sizing:border-box}.landing a{color:inherit;text-decoration:none}.landing-hero{padding:64px 24px 80px}.landing-hero-inner{max-width:1200px;margin:0 auto}.landing-hero-badge{letter-spacing:1.2px;color:#666;background:#0000000d;border:1px solid #00000014;border-radius:6px;margin-bottom:28px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:inline-block}.landing-hero-title{color:#1a1a1a;letter-spacing:-1px;white-space:nowrap;margin-bottom:20px;font-family:Georgia,Times New Roman,serif;font-size:clamp(40px,7vw,72px);font-weight:400;line-height:1.05}.landing-hero-subtitle{color:#555;margin-bottom:32px;font-size:16px;line-height:1.65}.landing-hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.landing-hero-btn-primary{color:#f2ede0;background:#1a1a1a;border-radius:10px;align-items:center;padding:12px 28px;font-size:14px;font-weight:600;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex}.landing-hero-btn-primary:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.landing-hero-btn-secondary{color:#1a1a1a;align-items:center;gap:6px;padding:12px 6px;font-size:14px;font-weight:500;transition:opacity .15s;display:inline-flex}.landing-hero-btn-secondary:hover{opacity:.7}.landing-preview{border:1px solid #00000014;border-radius:12px;margin-top:56px;overflow:hidden;box-shadow:0 4px 24px #0000000f,0 1px 3px #0000000a}.landing-preview-chrome{background:#e6e1d4;border-bottom:1px solid #0000000f;align-items:center;gap:10px;padding:10px 16px;display:flex}.landing-preview-dots{gap:6px;display:flex}.landing-preview-dots .dot{border-radius:50%;width:10px;height:10px}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.landing-preview-url{color:#888;margin-left:8px;font-family:JetBrains Mono,monospace;font-size:12px}.landing-preview-body{min-height:280px;display:flex}.landing-preview-code{color:#d4d4d4;background:#1e1e1e;flex-direction:column;flex:0 0 40%;display:flex}.landing-preview-code-header{border-bottom:1px solid #333;align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex}.landing-preview-tab{color:#fff;font-weight:600}.landing-preview-filename{color:#888}.landing-preview-ok{color:#4ade80;margin-left:auto;font-weight:600}.landing-preview-code-content{flex:1;padding:12px 16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.7;overflow:hidden}.code-line{white-space:pre}.code-indent{color:#0000}.code-text{color:#d4d4d4}.landing-preview-diagram{background:#e6e1d4;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:relative}.landing-aws-image-wrap{border:1px solid #00000024;border-radius:12px;width:100%;max-width:550px;overflow:hidden;box-shadow:0 8px 20px #00000029}.landing-aws-image{width:100%;height:auto;display:block}.landing-diagram-warning{color:#888;white-space:nowrap;background:#f2ede0;border:1px solid #0000001a;border-radius:6px;padding:4px 14px;font-family:JetBrains Mono,monospace;font-size:11px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.warning-tag{color:#eab308;font-weight:600}.landing-live-bar{background:#e8e3d5;border-top:1px solid #0000000d;border-bottom:1px solid #0000000d}.landing-live-bar-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:14px 24px;display:flex}.landing-live-bar-left{color:#444;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:13px;display:flex}.landing-live-bar-right{color:#888;font-family:JetBrains Mono,monospace;font-size:12px}.landing-features{padding:80px 24px 96px}.landing-features-inner{max-width:1200px;margin:0 auto}.landing-features-label{letter-spacing:2px;text-transform:uppercase;color:#999;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:block}.landing-features-title{color:#1a1a1a;letter-spacing:-.5px;margin-bottom:48px;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,4vw,42px);font-weight:400;line-height:1.15}.landing-features-grid{background:#0000000f;border:1px solid #0000000f;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.landing-feature-card{background:#f2ede0;padding:32px 28px;transition:background .2s}.landing-feature-card:hover{background:#ede8da}.landing-feature-tag{letter-spacing:1.5px;text-transform:uppercase;color:#999;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:inline-block}.landing-feature-title{color:#1a1a1a;margin-bottom:10px;font-size:18px;font-weight:700;line-height:1.3}.landing-feature-desc{color:#666;font-size:14px;line-height:1.6}.landing-footer{border-top:1px solid #0000000f;padding:24px}.landing-footer-inner{color:#999;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;font-size:12px;display:flex}.landing-footer-left{font-family:JetBrains Mono,monospace}.landing-footer-right{align-items:center;gap:12px;font-family:JetBrains Mono,monospace;display:flex}.landing-footer-right a{color:#555;font-weight:600;transition:color .15s}.landing-footer-right a:hover{color:#1a1a1a}.landing-footer-sep{color:#ccc}@media (max-width:900px){.landing-hero-title{font-size:32px}.landing-features-grid{grid-template-columns:repeat(2,1fr)}.landing-nav-links,.landing-live-indicator{display:none}.landing-nav-hamburger{display:flex}.landing-hero{padding:48px 20px 60px}.landing-preview-body{flex-direction:column}.landing-preview-code{flex:none}.landing-preview-code-content{max-height:180px;overflow-y:auto}.landing-preview-diagram{min-height:320px}.landing-aws-image-wrap{max-width:100%}}@media (max-width:640px){.landing-hero-title{white-space:unset;font-size:32px}.landing-nav-inner{height:48px;padding:0 16px}.landing-cta-btn{display:none}.landing-hero{padding:32px 16px 48px}.landing-hero-badge{margin-bottom:20px;padding:5px 10px;font-size:10px}.landing-hero-subtitle{font-size:15px}.landing-hero-actions{flex-direction:column;align-items:flex-start;gap:12px}.landing-hero-btn-primary{justify-content:center;width:100%;padding:14px 24px}.landing-hero-btn-secondary{padding:8px 0}.landing-preview{border-radius:10px;margin-top:36px}.landing-preview-code-content{max-height:160px;font-size:11px}.landing-features-grid{grid-template-columns:1fr}.landing-feature-card{padding:24px 20px}.landing-features{padding:48px 16px 64px}.landing-features-title{margin-bottom:32px}.landing-live-bar-inner{text-align:center;flex-direction:column;gap:6px;padding:12px 16px}.landing-live-bar-left{font-size:12px}.landing-live-bar-right{font-size:11px}.landing-footer-inner{text-align:center;flex-direction:column;gap:12px}.landing-footer-right{flex-wrap:wrap;justify-content:center}}@media (max-width:400px){.landing-nav-logo-text{font-size:15px}.landing-hero-title{white-space:unset;font-size:32px}.landing-hero-subtitle{font-size:14px}}.rm-page{background:#f2ede0;min-height:100vh;padding:0 0 80px}.rm-container{max-width:1200px;margin:0 auto;padding:48px 24px 40px}.rm-header{margin-bottom:50px}.rm-header-badge{letter-spacing:1px;color:var(--text-muted);text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:600;display:inline-block}.rm-title{color:var(--text-primary);margin-bottom:12px;font-size:48px;font-weight:700;line-height:1.2}.rm-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.rm-column{flex-direction:column;display:flex}.rm-column-header{border-bottom:2px solid var(--divider-bg);align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.rm-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.rm-column-title{letter-spacing:.5px;color:var(--text-secondary);text-transform:uppercase;flex:1;font-size:12px;font-weight:700}.rm-count{color:var(--text-muted);text-align:center;min-width:24px;font-size:14px;font-weight:600}.rm-column-content{flex-direction:column;gap:16px;display:flex}.rm-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:16px;transition:background .2s,border-color .2s}.rm-card:hover{background:var(--bg-primary);border-color:#a8a498}.rm-card-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.rm-card-heading{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.4}.rm-card-description{color:var(--text-secondary);margin-bottom:8px;font-size:13px;line-height:1.5}.rm-card-badge{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}@media (max-width:1024px){.rm-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.rm-title{font-size:36px}.rm-container{padding:40px 16px}}@media (max-width:768px){.rm-page{padding-bottom:48px}.rm-container{padding:32px 12px}.rm-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.rm-title{font-size:28px}}.faq-page{background:#f2ede0;min-height:100vh;padding:0 0 80px}.faq-hero{max-width:1200px;margin:0 auto;padding:48px 24px 40px}.faq-hero-badge{letter-spacing:1px;color:var(--text-muted);text-transform:uppercase;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:inline-block}.faq-hero-title{letter-spacing:-.5px;color:#1a1a1a;margin:0 0 16px;font-family:Inter Tight,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:48px;font-weight:600;line-height:1.15}.faq-hero-subtitle{color:#6b6b6b;max-width:460px;margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;font-size:15px;font-weight:400;line-height:1.6}.faq-hero-subtitle a{color:#1a1a1a;text-underline-offset:2px;text-decoration:underline}.faq-layout{align-items:flex-start;gap:80px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.faq-sidebar{flex-shrink:0;width:200px;position:sticky;top:60px}.faq-sidebar-label{letter-spacing:2.5px;text-transform:uppercase;color:#999;margin:0 0 16px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:10px;font-weight:600}.faq-sidebar-list{border-left:1px solid #c8c4ba;margin:0;padding:0;list-style:none}.faq-sidebar-item{cursor:pointer;color:#555;justify-content:space-between;align-items:center;padding:7px 0 7px 16px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px;font-weight:400;text-decoration:none;display:flex;position:relative}.faq-sidebar-item--active{color:#1a1a1a;font-weight:400}.faq-sidebar-count{color:#aaa;text-align:right;min-width:16px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12px;font-weight:400}.faq-content{flex:1;min-width:0}.faq-section{margin-bottom:48px}.faq-section:last-child{margin-bottom:0}.faq-section-header{border-bottom:none;align-items:center;gap:12px;margin-bottom:0;padding-bottom:0;display:flex}.faq-section-title{letter-spacing:2.5px;text-transform:uppercase;color:#999;white-space:nowrap;align-items:center;gap:6px;margin:0;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:10px;font-weight:600;display:flex}.faq-section-symbol{color:#c8a84d;font-weight:700}.faq-section-line{background:#d4d0c8;flex:1;height:1px}.faq-section-count{color:#aaa;flex-shrink:0;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:11px;font-weight:400}.faq-items-container{flex-direction:column;gap:10px;padding-top:10px;display:flex}.faq-item{border:1px solid #cfc7bb;border-radius:4px}.faq-item-header{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px;font-family:inherit;display:flex}.faq-item-header:hover{background-color:#0000}.faq-item--open .faq-item-header{background:0 0}.faq-item-question{color:#1a1a1a;margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;font-size:15px;font-weight:500;line-height:1.4}.faq-item-toggle{color:#999;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:300;line-height:1;display:flex}.faq-item--open .faq-item-toggle{color:#666}.faq-item-body{max-height:0;padding:0 16px;overflow:hidden}.faq-item--open .faq-item-body{max-height:600px;padding:0 16px 20px}.faq-item-answer{color:#555;margin:0 0 10px;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.7}.faq-item-answer:last-child{margin-bottom:0}@media (max-width:768px){.faq-hero{padding:32px 20px 28px}.faq-hero-title{letter-spacing:-.3px;font-size:32px}.faq-hero-subtitle{max-width:100%;font-size:14px}.faq-layout{flex-direction:column;gap:32px;padding:0 20px}.faq-sidebar{border-bottom:1px solid #d4d0c8;width:100%;padding-bottom:24px;position:static}.faq-sidebar-list{border-left:none;flex-wrap:wrap;gap:4px 0;display:flex}.faq-sidebar-item{border:1px solid #d4d0c8;border-radius:20px;margin-bottom:6px;margin-right:8px;padding:6px 14px;font-size:12px}.faq-sidebar-item--active{color:#f2ede0;background:#1a1a1a;border-color:#1a1a1a}.faq-sidebar-count{margin-left:6px;font-size:11px}.faq-content{width:100%}.faq-item-header{padding:14px 12px}.faq-item-question{font-size:14px}.faq-item-answer{font-size:13px}.faq-item--open .faq-item-body{padding:0 12px 16px}.faq-page{padding-bottom:48px}}@media (max-width:480px){.faq-hero{padding:24px 16px 20px}.faq-hero-title{font-size:26px}.faq-hero-subtitle{font-size:13px}.faq-layout{gap:24px;padding:0 16px}.faq-sidebar-item{padding:5px 10px;font-size:11px}.faq-item-header{gap:12px;padding:12px 8px}.faq-item-question{font-size:13px}.faq-item--open .faq-item-body{padding:0 8px 14px}.faq-item-answer{font-size:12.5px;line-height:1.65}}.blog-index{max-width:1100px;margin:0 auto;padding:4rem 1.5rem 6rem}.blog-hero{text-align:center;margin-bottom:3.5rem}.blog-hero-badge{letter-spacing:.18em;color:var(--text-muted,#6b7280);border:1px solid var(--border-color,#1f2937);border-radius:999px;margin-bottom:1.25rem;padding:.4rem .9rem;font-size:.7rem;font-weight:600;display:inline-block}.blog-hero-title{letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.1}.blog-hero-subtitle{max-width:640px;color:var(--text-muted,#6b7280);margin:0 auto;font-size:1.05rem;line-height:1.6}.blog-list{gap:1.5rem;display:grid}.blog-card{color:inherit;border:1px solid var(--border-color,#1f2937);background:var(--card-bg,transparent);border-radius:14px;padding:1.75rem 1.75rem 1.5rem;text-decoration:none;transition:transform .15s,border-color .15s;display:block}.blog-card:hover{border-color:var(--accent-color,#60a5fa);transform:translateY(-2px)}.blog-card-meta{color:var(--text-muted,#6b7280);letter-spacing:.04em;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;font-size:.78rem;display:flex}.blog-card-meta-sep{opacity:.5}.blog-card-title{letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.35rem;font-weight:600;line-height:1.3}.blog-card-description{color:var(--text-muted,#6b7280);margin:0;font-size:.98rem;line-height:1.55}.blog-card-tags{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.blog-tag{letter-spacing:.05em;border:1px solid var(--border-color,#1f2937);color:var(--text-muted,#6b7280);border-radius:6px;padding:.25rem .55rem;font-size:.7rem;font-weight:500}.blog-post{max-width:760px;margin:0 auto;padding:3.5rem 1.5rem 6rem}.blog-post-back{color:var(--text-muted,#6b7280);margin-bottom:2rem;font-size:.9rem;text-decoration:none;display:inline-block}.blog-post-back:hover{color:var(--text-color,inherit)}.blog-post-meta{color:var(--text-muted,#6b7280);letter-spacing:.04em;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;font-size:.82rem;display:flex}.blog-post-title{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(2rem,4.5vw,2.8rem);font-weight:700;line-height:1.15}.blog-post-description{color:var(--text-muted,#6b7280);margin:0 0 2rem;font-size:1.1rem;line-height:1.55}.blog-post-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:2rem;display:flex}.blog-quick-answer{border-left:3px solid var(--accent-color,#60a5fa);background:#60a5fa0f;border-radius:0 12px 12px 0;margin-bottom:3rem;padding:1.25rem 1.5rem}.blog-quick-answer-label{letter-spacing:.16em;color:var(--accent-color,#60a5fa);margin-bottom:.5rem;font-size:.7rem;font-weight:700;display:block}.blog-quick-answer-text{margin:0;font-size:1.02rem;line-height:1.6}.blog-content h2{letter-spacing:-.01em;margin:3rem 0 1rem;scroll-margin-top:80px;font-size:1.55rem;font-weight:650;line-height:1.25}.blog-content h2:first-of-type{margin-top:2rem}.blog-content p{margin:0 0 1.15rem;font-size:1rem;line-height:1.75}.blog-content ul{margin:0 0 1.25rem;padding-left:1.25rem}.blog-content ul li{margin-bottom:.5rem;font-size:1rem;line-height:1.7}.blog-content pre{background:var(--code-bg,#0f1115);color:var(--code-color,#e6e6e6);border:1px solid var(--border-color,#1f2937);border-radius:10px;margin:0 0 1.5rem;padding:1.1rem 1.25rem;font-size:.85rem;line-height:1.55;overflow-x:auto}.blog-content pre code{white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace}.blog-callout{border:1px solid var(--border-color,#1f2937);background:#f59e0b0a;border-left:3px solid #f59e0b;border-radius:0 10px 10px 0;margin:0 0 1.5rem;padding:1rem 1.25rem}.blog-callout-title{margin-bottom:.3rem;font-size:.92rem;font-weight:600}.blog-callout-text{color:var(--text-muted,#6b7280);margin:0;font-size:.95rem;line-height:1.6}.blog-table-wrap{border:1px solid var(--border-color,#1f2937);border-radius:10px;margin:0 0 1.75rem;overflow-x:auto}.blog-table{border-collapse:collapse;width:100%;font-size:.92rem}.blog-table th,.blog-table td{text-align:left;border-bottom:1px solid var(--border-color,#1f2937);padding:.7rem .95rem}.blog-table th{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted,#6b7280);background:#ffffff05;font-size:.8rem;font-weight:600}.blog-table tr:last-child td{border-bottom:none}.blog-table code,.blog-content :not(pre)>code{color:var(--accent-color,#60a5fa);background:#60a5fa14;border-radius:4px;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:.86em}.blog-faq{border-top:1px solid var(--border-color,#1f2937);margin-top:4rem;padding-top:2.5rem}.blog-faq-title{letter-spacing:-.01em;margin:0 0 1.5rem;font-size:1.6rem;font-weight:650}.blog-faq-item{border-bottom:1px solid var(--border-color,#1f2937);padding:1.1rem 0}.blog-faq-question{margin:0 0 .5rem;font-size:1rem;font-weight:600}.blog-faq-answer{color:var(--text-muted,#6b7280);margin:0;font-size:.96rem;line-height:1.65}.blog-cta{border:1px solid var(--border-color,#1f2937);text-align:center;border-radius:14px;margin-top:3.5rem;padding:2rem}.blog-cta-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.blog-cta-text{color:var(--text-muted,#6b7280);margin:0 0 1.25rem;font-size:.95rem}.blog-cta-btn{background:var(--accent-color,#60a5fa);color:#0a0a0a;border-radius:999px;padding:.7rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}@media (max-width:640px){.blog-index,.blog-post{padding-left:1rem;padding-right:1rem}.blog-card{padding:1.25rem}}