:root{--bg:#f7fbf4;--card:#fff;--text:#102116;--muted:#5f7465;--border:#dbe8d2;--border-strong:#bfd7af;--soft:#eef7e8;--primary:#6f9f2f;--primary-hover:#5f8f26;--ring:#6f9f2f2e;--dark:#07130d;--dark-text:#d9f99d;--danger:#dc2626;--danger-hover:#b91c1c;--ok:#16a34a;--radius:18px;--shadow:0 18px 42px #22543114;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--bg:#07130d;--card:#0d1f16;--text:#ecfdf5;--muted:#9fb8aa;--border:#244235;--border-strong:#3f6f57;--soft:#132b1f;--primary:#c7f464;--primary-hover:#a3e635;--ring:#c7f46433;--dark:#030807;--dark-text:#d9f99d;--shadow:0 18px 45px #00000061;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at top left, #afca7547, transparent 30rem), radial-gradient(circle at bottom right, #22c55e1a, transparent 32rem), linear-gradient(180deg, #fff 0%, var(--bg) 48%, var(--soft) 100%);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html[data-theme=dark] body{background:radial-gradient(circle at 0 0,#c7f4642e,#0000 30rem),radial-gradient(circle at 100% 100%,#22c55e1f,#0000 32rem),linear-gradient(#07130d 0%,#0d1f16 48%,#030807 100%)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}label{color:var(--text);margin-bottom:.45rem;font-size:.875rem;font-weight:800;display:block}input,select,textarea,.input{border:1px solid var(--border);background:var(--card);width:100%;min-height:2.75rem;color:var(--text);border-radius:.875rem;outline:none;padding:.65rem .85rem;transition:border-color .16s,box-shadow .16s,background-color .16s}textarea{resize:vertical;min-height:7.5rem}input:focus,select:focus,textarea:focus,.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}input::placeholder,textarea::placeholder{color:#94a3b8;opacity:1}p{color:var(--muted);margin:0;line-height:1.65}strong{color:var(--text)}code{border:1px solid var(--border-strong);background:var(--soft);color:var(--primary-hover);border-radius:.375rem;align-items:center;padding:.05rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92em;font-weight:800;line-height:1.35;display:inline-flex}.page{width:min(1800px,100%);margin:0 auto;padding:24px}.hero{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.hero-text{max-width:780px}.kicker,.badge{border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:999px;align-items:center;min-height:1.75rem;padding:.25rem .7rem;font-size:.75rem;font-weight:900;display:inline-flex}html[data-theme=dark] .kicker,html[data-theme=dark] .badge{color:#07130d}.badge.outline,.badge.soft{background:var(--soft);color:var(--primary-hover);border-color:var(--border-strong)}html[data-theme=dark] .badge.outline,html[data-theme=dark] .badge.soft{color:var(--dark-text)}.badge.danger{background:var(--danger);color:#fff;border-color:var(--danger)}h1,h2,h3{color:var(--text);letter-spacing:-.035em;line-height:1.1}h1{margin:18px 0 12px;font-size:clamp(2rem,4vw,3.75rem);font-weight:950}.muted{color:var(--muted)!important}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.grid{grid-template-columns:minmax(700px,1.25fr) minmax(420px,.75fr);align-items:start;gap:24px;display:grid}.left,.right{gap:24px;display:grid}.right{min-width:0;position:sticky;top:24px}.card{border:1px solid var(--border);background:#fffffff5;border-radius:1.5rem;min-width:0;overflow:hidden;box-shadow:0 20px 45px #0f172a14,0 2px 8px #0f172a0a}html[data-theme=dark] .card{box-shadow:var(--shadow);background:#0d1f16f5}.card-h{border-bottom:1px solid var(--border);background:#f4faeff2;padding:18px 20px}html[data-theme=dark] .card-h{background:#0d1f16f5}.card-b{padding:20px}.row{justify-content:space-between;align-items:center;gap:14px;display:flex}.wrap{flex-wrap:wrap}.stack{gap:14px;display:grid}.stack-lg{gap:20px;display:grid}.cols2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.cols-flex{grid-template-columns:minmax(240px,320px) 1fr;gap:14px;display:grid}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.btn{border:1px solid var(--border);background:var(--card);min-height:2.75rem;color:var(--text);border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-weight:900;line-height:1;text-decoration:none;transition:transform .14s,background-color .16s,border-color .16s,box-shadow .16s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--primary);transform:translateY(-1px);box-shadow:0 10px 24px #6f9f2f1f}.btn:active:not(:disabled){transform:translateY(0)}.btn.primary,.tab.active{box-shadow:0 12px 26px #0f172a2e;border-color:var(--primary)!important;background:var(--primary)!important;color:#fff!important}html[data-theme=dark] .btn.primary,html[data-theme=dark] .tab.active{color:#07130d!important}.btn.primary:hover:not(:disabled){background:var(--primary-hover)!important}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.btn.small{min-height:34px;padding:7px 10px;font-size:14px}.btn.icon,.theme-toggle{width:44px;padding-inline:0}.add-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.empty{border:2px dashed var(--border-strong);text-align:center;color:var(--muted);background:#eef7e8a6;border-radius:32px;padding:54px 24px}html[data-theme=dark] .empty{background:#0d1f16a6}.switch{flex:none;justify-self:end;width:46px;height:26px;display:inline-block;position:relative}.switch input{display:none}.slider{background:var(--border-strong);cursor:pointer;border-radius:999px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch input:checked+.slider{background:var(--primary)}.switch input:checked+.slider:before{transform:translate(20px)}html[data-theme=dark] .switch input:checked+.slider:before{background:#07130d}.block{animation:.18s ease-out fade}.block-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field-card,.soft-box,.summary-box{border:1px solid var(--border);background:var(--card);border-radius:18px}.field-card{padding:16px}.soft-box{padding:14px}.summary-box{padding:16px}.summary-box .num{color:var(--text);margin-top:4px;font-size:28px;font-weight:950;line-height:1}.pre-wrap{position:relative}.copy-btn{z-index:1;position:absolute;top:14px;right:14px}pre,pre code{background:var(--dark)!important;width:100%!important;color:var(--dark-text)!important;white-space:pre!important;word-break:normal!important;overflow-wrap:normal!important;letter-spacing:0!important;word-spacing:0!important;text-align:left!important;-webkit-text-fill-color:var(--dark-text)!important;border:0!important;border-radius:0!important;margin:0!important;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace!important;font-size:14px!important;font-weight:500!important;line-height:1.7!important;display:block!important}pre{min-height:420px;padding:66px 24px 24px!important;overflow:auto!important}.tabs{border-bottom:1px solid var(--border);background:var(--card);gap:8px;padding:10px;display:flex}.tab{color:var(--text);background:0 0;border:0;border-radius:10px;padding:9px 12px;font-weight:900}.hidden{display:none!important}.modal{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}html[data-theme=dark] .modal{background:#030807d1}.modal .card{width:min(900px,100%);max-height:90vh;overflow:auto}.test-ok{color:var(--ok)}.test-bad{color:var(--danger)}.plus-color{color:var(--primary)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=1100px){.grid{grid-template-columns:1fr}.right{position:static}.hero{display:grid}.cols-flex,.media-grid{grid-template-columns:1fr}}@media (width<=640px){.page{padding:16px}.cols2,.add-grid{grid-template-columns:1fr}.card-b,.card-h{padding:16px}.btn,.btn.icon,.theme-toggle{width:100%}.row{flex-direction:column;align-items:flex-start}.actions{width:100%}pre{padding:66px 16px 16px!important;font-size:13px!important}}