*,:before,:after{box-sizing:border-box}:root{--color-bg:#0a0e0a;--color-surface:#0f1a0f;--color-accent:#1a3a1a;--color-muted:#4a7c4a;--color-text:#39ff14;--space-xxs:4px;--space-xs:8px;--space-sm:20px;--space-md:32px;--space-lg:56px;--space-xl:64px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--font-xxs:8px;--font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--shadow-ambient:0 1px 2px #0000001a;--shadow-low:0 6px 10px #0000002e;--shadow-med:0 10px 18px #0000003d;--shadow-high:0 18px 36px #0000004d;--pop-shadow-light:-5px -5px 12px #003c002e;--pop-shadow-dark:5px 7px 16px #0000008c;--inset-shadow-light:6px 6px 10px #0000001a;--inset-shadow-highlight:-4px -4px 8px #ffffff0a;--overlay-bg:#0000008c;--border-color:#8080801f;--sidebar-width:220px;--drawer-width:280px;--modal-max-width:700px;--btn-padding-y:16px;--btn-padding-x:40px;--btn-gradient-start:#1a3a1a;--btn-gradient-end:#0f1a0f;--btn-text-color:#39ff14;--btn-radius:12px;--btn-radius-lg:24px;--btn-elevation:0 18px 36px #0000004d;--btn-surface-shadow:0 20px 48px #00000042;--btn-overlay-opacity:.04;--btn-top-highlight:none;--focus-ring-color:#39ff1426;--focus-ring-width:4px;--link-color:#0fa;--link-hover:#fff800;--link-active:#f30;--anim-speed:.12s;--anim-speed-fast:60ms;--shadow-angle:315}html,body{background:var(--color-bg);height:100%;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.4}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--space-xs);color:var(--color-text);font-weight:600;line-height:1.2}p{margin-top:0;margin-bottom:var(--space-xs)}ul,ol{padding-left:var(--space-sm);margin:0}ul{padding-left:0;list-style:none}li{margin:0}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}img{max-width:100%;display:block}a{color:var(--link-color);text-decoration:underline;-webkit-text-decoration-color:var(--color-muted);text-decoration-color:var(--color-muted);transition:color var(--anim-speed,.12s) ease, text-decoration-color var(--anim-speed,.12s) ease}a:hover{color:var(--link-hover);-webkit-text-decoration-color:var(--link-hover);text-decoration-color:var(--link-hover)}a:active{color:var(--link-active);-webkit-text-decoration-color:var(--link-active);text-decoration-color:var(--link-active)}.container{max-width:1100px;padding-left:var(--space-sm);padding-right:var(--space-sm);margin-left:auto;margin-right:auto}.container-fluid{width:100%;padding-left:var(--space-sm);padding-right:var(--space-sm)}.hide-scrollbars{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbars::-webkit-scrollbar{display:none}:focus-visible{box-shadow:0 0 0 var(--focus-ring-width,4px) var(--focus-ring-color,#39ff1426);outline:none}:focus:not(:focus-visible){outline:none}@media (width<=600px){.container{padding-left:var(--space-xs);padding-right:var(--space-xs)}}#root{min-height:100vh}.montserrat{font-family:Montserrat,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.view-1{color:#edf2f4;font-size:calc(10px + 2vmin);overflow:hidden}.view-1 canvas{height:100vh}.view-2{background-color:var(--color-bg);height:100%;color:var(--color-text);font-size:calc(10px + 2vmin)}.name{margin:-4px 0 0 -34px;font-size:22rem;font-weight:700;line-height:.704}.special-p{position:absolute;top:0;left:0}.special-b{position:absolute;top:300px;left:calc(50vw - 23px)}@media only screen and (width<=1423px){.special-b{top:550px}}@media only screen and (width<=742px){.name{margin:-2px 0 0 -20px;font-size:15rem}.special-b{top:1000px}}@media only screen and (width<=510px){.name{font-size:11rem}.special-b{top:500px}}.color-74A57F{color:#74a57f}.color-D30C7B{color:#d30c7b}.color-57E2E5{color:#57e2e5}.color-A50104{color:#a50104}.color-EBF8B8{color:#ebf8b8}.color-7FB069{color:#7fb069}.color-EFCA08{color:#efca08}.color-A14DA0{color:#a14da0}.color-D11149{color:#d11149}.color-A9FFF7{color:#a9fff7}.color-97CC04{color:#97cc04}.color-31E981{color:#31e981}.color-F0C808{color:#f0c808}.color-2EC4B6{color:#2ec4b6}.color-6320EE{color:#6320ee}.color-00D9C0{color:#00d9c0}.skeu-card{background:var(--color-surface,#0f1a0f);border-radius:var(--radius-md,16px);box-shadow:var(--pop-shadow-light,-5px -5px 12px #003c002e), var(--pop-shadow-dark,5px 7px 16px #0000008c), var(--shadow-ambient,0 1px 2px #0000001a), var(--shadow-low,0 6px 10px #0000002e);padding:var(--space-md,32px);border-radius:var(--radius-md,16px);background:var(--color-surface,#0f1a0f);border:none;position:relative}.skeu-btn{text-align:center;color:var(--btn-text-color,#39ff14);background:linear-gradient(180deg, var(--btn-gradient-start,#1a3a1a), var(--btn-gradient-end,#0f1a0f));padding:var(--btn-padding-y,16px) var(--btn-padding-x,40px);border-radius:var(--btn-radius,12px);cursor:pointer;box-shadow:var(--shadow-ambient,0 1px 2px #0000001a), var(--btn-elevation,0 18px 36px #0000004d);transition:transform var(--anim-speed,.12s) ease, box-shadow var(--anim-speed,.12s) ease, filter var(--anim-speed,.12s) ease;border:none;font-size:15px;font-weight:600;display:inline-block;position:relative;overflow:hidden}.skeu-btn:before{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:normal;opacity:var(--btn-overlay-opacity,.04);transition:opacity var(--anim-speed,.12s) ease, transform var(--anim-speed,.12s) ease;background:linear-gradient(#ffffffbf,#fff0 18%);position:absolute;inset:0}.skeu-btn:focus-visible{box-shadow:0 0 0 var(--focus-ring-width,4px) var(--focus-ring-color,#39ff1426);outline:none}.skeu-btn:hover{box-shadow:var(--pop-shadow-light,-5px -5px 12px #003c002e), var(--pop-shadow-dark,5px 7px 16px #0000008c), var(--btn-elevation,0 18px 36px #0000004d);filter:brightness(.997);transform:translateY(1px)scale(.997)}.skeu-btn:active{box-shadow:inset 6px 6px 10px #0000001a,inset -4px -4px 8px #ffffff0a;box-shadow:inset var(--inset-shadow-light,6px 6px 10px #0000001a), inset var(--inset-shadow-highlight,-4px -4px 8px #ffffff0a);transform:translateY(4px)scale(.995)}.skeu-btn:active:before{opacity:calc(var(--btn-overlay-opacity,.04) * .55);transform:translateY(3px)}.skeu-btn:active{transition:transform var(--anim-speed-fast,60ms) ease, box-shadow var(--anim-speed-fast,60ms) ease}.skeu-btn--outline,.skeu-btn--primary,.skeu-link{background:var(--color-surface,#0f1a0f);color:var(--color-text);box-shadow:var(--btn-top-highlight,inset 0 1px 0 #ffffffa6), var(--pop-shadow-light,-5px -5px 12px #003c002e), var(--pop-shadow-dark,5px 7px 16px #0000008c), var(--shadow-ambient,0 1px 2px #0000001a), var(--btn-elevation,0 20px 48px #00000042);border-radius:var(--btn-radius,12px);border:none}.skeu-btn--outline:before,.skeu-btn--primary:before,.skeu-link:before{opacity:calc(var(--btn-overlay-opacity,.04) * .98)}.skeu-btn--outline:hover,.skeu-btn--primary:hover,.skeu-link:hover{box-shadow:var(--pop-shadow-light,-5px -5px 12px #003c002e), var(--pop-shadow-dark,5px 7px 16px #0000008c), var(--shadow-ambient,0 1px 2px #0000001a), var(--btn-elevation,0 18px 36px #0000004d);filter:brightness(.997);color:var(--link-hover,#fff800);transform:translateY(1px)scale(.998)}.skeu-btn--outline:active,.skeu-btn--primary:active,.skeu-link:active{box-shadow:inset 6px 6px 10px #0000001a,inset -4px -4px 8px #ffffff0a;box-shadow:inset var(--inset-shadow-light,6px 6px 10px #0000001a), inset var(--inset-shadow-highlight,-4px -4px 8px #ffffff0a);color:var(--link-active,#f30);transform:translateY(4px)scale(.995)}.skeu-btn--outline:active:before,.skeu-btn--primary:active:before,.skeu-link:active:before{opacity:calc(var(--btn-overlay-opacity,.04) * .55);transform:translateY(3px)}.skeu-input,.skeu-value-input{padding:var(--space-sm,20px);border-radius:var(--radius-sm,8px);background:var(--color-surface,#0f1a0f);color:var(--color-text,#39ff14);transition:box-shadow var(--anim-speed,.12s) ease;border:1px solid #0000000f}.skeu-input::placeholder,.skeu-value-input::placeholder{color:var(--color-muted,#4a7c4a);opacity:1}.skeu-input:focus-visible,.skeu-value-input:focus-visible{box-shadow:0 0 0 var(--focus-ring-width,4px) var(--focus-ring-color,#39ff1426);outline:none}.skeu-slider-wrap{align-items:center;gap:var(--space-xs,8px);width:100%;display:flex}.skeu-slider-label{font-size:var(--font-xs,11px);color:var(--color-muted,#4a7c4a);white-space:nowrap}.skeu-slider-value{font-size:var(--font-xs,11px);color:var(--color-muted,#4a7c4a);text-align:right;font-variant-numeric:tabular-nums;min-width:34px}.skeu-slider{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--color-accent,#1a3a1a) 0%, var(--color-accent,#1a3a1a) var(--slider-pct,50%), var(--border-color,#8080801f) var(--slider-pct,50%), var(--border-color,#8080801f) 100%);border:none;border-radius:2px;outline:none;flex:1;height:4px}.skeu-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-surface,#0f1a0f);border:2px solid var(--color-accent,#1a3a1a);cursor:pointer;width:14px;height:14px;transition:transform var(--anim-speed,.12s) ease, border-color var(--anim-speed,.12s) ease;border-radius:50%;box-shadow:0 2px 4px #0006}.skeu-slider::-moz-range-thumb{background:var(--color-surface,#0f1a0f);border:2px solid var(--color-accent,#1a3a1a);cursor:pointer;border-style:solid;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 4px #0006}.skeu-slider:hover::-webkit-slider-thumb{border-color:var(--link-hover,#fff800);transform:scale(1.25)}.skeu-slider:active::-webkit-slider-thumb{border-color:var(--link-active,#f30);transform:scale(1.1)}.skeu-value-input-wrap{align-items:center;gap:var(--space-xs,8px);display:flex}.skeu-value-input{padding:3px var(--space-xs,8px);font-size:var(--font-xs,11px);flex:1;min-width:0;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.skeu-nav{background:var(--color-surface,#0f1a0f);border-radius:var(--radius-md,16px);box-shadow:var(--pop-shadow-light,-5px -5px 12px #003c002e), var(--pop-shadow-dark,5px 7px 16px #0000008c), var(--shadow-ambient,0 1px 2px #0000001a), var(--shadow-low,0 6px 10px #0000002e);padding:var(--space-sm,20px);border-radius:var(--radius-md,16px);justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.skeu-card--accent{background:var(--color-accent,#1a3a1a)}.skeu-card--muted{background:var(--color-muted,#4a7c4a)}.skeu-card--accent .skeu-btn--outline,.skeu-card--accent .skeu-btn--primary,.skeu-card--accent .skeu-link{background:var(--color-accent,#1a3a1a)}.skeu-card--muted .skeu-btn--outline,.skeu-card--muted .skeu-btn--primary,.skeu-card--muted .skeu-link{background:var(--color-muted,#4a7c4a)}.skeu-card-grid{gap:var(--space-md,32px);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.skeu-link{padding:var(--btn-padding-y,16px) var(--btn-padding-x,40px);cursor:pointer;transition:transform var(--anim-speed,.12s) ease, box-shadow var(--anim-speed,.12s) ease, filter var(--anim-speed,.12s) ease;text-decoration:none;display:inline-block}.skeu-link:hover,.skeu-link:focus-visible{text-decoration:none}.skeu-link.skeu-link--text{text-decoration:underline;-webkit-text-decoration-color:var(--color-muted,#4a7c4a);text-decoration-color:var(--color-muted,#4a7c4a);font-weight:inherit;border-radius:0;padding:0;display:inline;box-shadow:none!important;background:0 0!important;border:none!important}.skeu-link.skeu-link--text:hover{text-decoration:underline;-webkit-text-decoration-color:var(--link-hover,#fff800);text-decoration-color:var(--link-hover,#fff800);transform:none}.skeu-link.skeu-link--text:active{transform:none}.skeu-link.skeu-link--ghost{font-weight:inherit;border-radius:0;padding:0;text-decoration:none;display:inline;box-shadow:none!important;background:0 0!important;border:none!important}.skeu-link.skeu-link--ghost:hover{text-decoration:none;transform:none}.skeu-link.skeu-link--ghost:active{transform:none}.skeu-link--muted{color:var(--color-muted,#4a7c4a)}.skeu-link--muted:hover{color:var(--color-text,#39ff14)}.skeu-link--muted:active{color:var(--link-active,#f30)}.skeu-link--accent{color:var(--color-accent,#1a3a1a)}.skeu-link--accent:hover{color:var(--link-hover,#fff800)}.skeu-link--accent:active{color:var(--link-active,#f30)}.skeu-link.skeu-link--primary{background:linear-gradient(180deg, var(--btn-gradient-start,#1a3a1a), var(--btn-gradient-end,#0f1a0f));color:var(--btn-text-color,#39ff14);font-weight:700}.skeu-link.skeu-link--primary:hover{color:var(--btn-text-color,#39ff14);filter:brightness(1.15)}.skeu-link.skeu-link--primary:active{color:var(--btn-text-color,#39ff14);filter:brightness(.9)}.skeu-link.skeu-link--text.skeu-link--primary,.skeu-link.skeu-link--ghost.skeu-link--primary{color:var(--btn-gradient-start,#1a3a1a);font-weight:700;background:0 0!important;-webkit-background-clip:text!important;background-clip:text!important}.skeu-link.skeu-link--text.skeu-link--primary:hover,.skeu-link.skeu-link--ghost.skeu-link--primary:hover{filter:brightness(1.2)}.skeu-link--underline,.skeu-link--underline:hover{text-decoration:underline!important}.skeu-btn--primary{background:linear-gradient(180deg, var(--btn-gradient-start,#1a3a1a), var(--btn-gradient-end,#0f1a0f));color:var(--btn-text-color,#39ff14);font-weight:700}.skeu-btn--primary:hover,.skeu-btn--primary:active{color:var(--btn-text-color,#39ff14)}.skeu-btn--xs{padding:2px 8px;font-size:11px}.skeu-btn--sm{padding:calc(var(--btn-padding-y,16px) * .55) calc(var(--btn-padding-x,40px) * .65);font-size:13px}.skeu-btn--lg{padding:calc(var(--btn-padding-y,16px) * 1.25) calc(var(--btn-padding-x,40px) * 1.15);font-size:17px}.skeu-btn--xl,.skeu-btn--large{padding:calc(var(--btn-padding-y,16px) * 1.6) calc(var(--btn-padding-x,40px) * 1.4);font-size:20px}.skeu-badge{padding:2px var(--space-xs,8px);border-radius:var(--radius-sm,8px);background:var(--color-accent,#1a3a1a);color:var(--color-text,#39ff14);letter-spacing:.01em;font-size:11px;font-weight:600;line-height:1.5;display:inline-block}.skeu-accordion-btn{width:100%;padding:var(--space-sm,20px) var(--space-md,32px);cursor:pointer;color:var(--color-text,#39ff14);font-weight:600;font-size:var(--font-sm,13px);text-align:left;transition:color var(--anim-speed,.12s) ease;background:0 0;border:none;justify-content:space-between;align-items:center;font-family:inherit;display:flex}.skeu-accordion-btn:hover{color:var(--link-hover,#fff800)}.skeu-accordion-btn:active{color:var(--link-active,#f30)}.skeu-nav-link-btn{color:var(--color-muted,#4a7c4a);cursor:pointer;text-align:left;padding:var(--space-xxs,4px) var(--space-xs,8px);border-radius:var(--radius-sm,8px);width:100%;transition:background var(--anim-speed,.12s) ease, color var(--anim-speed,.12s) ease;background:0 0;border:none;font-family:inherit;font-size:13px;display:block}.skeu-nav-link-btn:hover{background:var(--color-accent,#1a3a1a);color:var(--link-hover,#fff800)}.skeu-nav-link-btn:active{background:var(--color-accent,#1a3a1a);color:var(--link-active,#f30)}.skeu-nav-link-btn.active{background:var(--color-accent,#1a3a1a);color:var(--color-text,#39ff14);font-weight:700}.open-link{all:unset;color:var(--link-color,#0fa);cursor:pointer;transition:color var(--anim-speed,.12s) ease;margin-top:50px;text-decoration:none}.open-link:hover{color:var(--link-hover,#fff800)}.open-link:active{color:var(--link-active,#f30)}.my-masonry-grid{margin-left:calc(-1 * var(--space-md,32px));width:auto;display:flex}.my-masonry-grid_column{padding-left:var(--space-md,32px);background-clip:padding-box}.my-masonry-grid_column>div{margin-bottom:var(--space-md,32px)}.skeu-push-tab{background:var(--color-surface,#0f1a0f);border:none;border-right:1px solid var(--border-color,#8080801f);cursor:pointer;height:100%;color:var(--color-text,#39ff14);padding:var(--space-md,32px) 0 var(--space-sm,20px);transition:background var(--anim-speed,.12s) ease, color var(--anim-speed,.12s) ease;flex-shrink:0}.skeu-push-tab:hover{background:var(--color-accent,#1a3a1a);color:var(--link-hover,#fff800)}.skeu-push-tab:active{background:var(--color-accent,#1a3a1a);color:var(--link-active,#f30)}.skeu-push-tab .skeu-push-tab__letters{letter-spacing:0;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;font-size:10px;line-height:1.6;display:flex}.skeu-push-tab .skeu-push-tab__caret{margin-top:var(--space-xs,8px);font-size:13px;font-weight:700;line-height:1}a.skeu-badge{color:var(--color-text,#39ff14);transition:filter var(--anim-speed,.12s) ease;text-decoration:none}a.skeu-badge:hover{filter:brightness(1.2);color:var(--color-text,#39ff14);text-decoration:none}a.skeu-badge:active{filter:brightness(.9)}.skeu-color-picker{appearance:none;border:1px solid var(--border-color,#8080801f);border-radius:var(--radius-sm,8px);cursor:pointer;width:28px;height:28px;transition:border-color var(--anim-speed,.12s) ease;background:0 0;flex-shrink:0;padding:2px}.skeu-color-picker::-webkit-color-swatch-wrapper{padding:0}.skeu-color-picker::-webkit-color-swatch{border-radius:calc(var(--radius-sm,8px) - 3px);border:none}.skeu-color-picker::-moz-color-swatch{border-radius:calc(var(--radius-sm,8px) - 3px);border:none}.skeu-color-picker:hover{border-color:var(--link-hover,#fff800)}.skeu-color-picker:active{border-color:var(--link-active,#f30)}.skeu-color-picker:focus-visible{box-shadow:0 0 0 var(--focus-ring-width,4px) var(--focus-ring-color,#39ff1426);outline:none}.preview-icon-entry{flex-direction:column;align-items:center;gap:2px;display:flex}.preview-icon-label{color:var(--color-muted);font-size:9px}.preview-flex{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.preview-flex--end{align-items:flex-end}.preview-note{color:var(--color-muted);font-size:11px;line-height:1.6}.preview-page-frame{background:var(--color-bg);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-md);border:1px solid #8080801a}.preview-page-frame--dashed{background:var(--color-bg);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-md);border:2px dashed #8080802e;position:relative}