html,body,#root{height:100%;width:100%;margin:0;padding:0}body{font-family:system-ui,sans-serif}#root{max-width:none;text-align:initial}.container{max-width:1280px;margin:0 auto;padding:2rem}:root{--nav-height: 0px}.wallpaper{inline-size:100%;block-size:calc(100svh - var(--nav-height));background-image:var(--bg-image);background-repeat:repeat;background-size:300px auto;background-position:top left}.about{max-width:920px;margin:0 auto;padding:24px 16px}.about_meta{margin-top:6px;color:var(--nav-muted, #6b7280)}.about_nav{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px 14px}.about_nav a{font-size:.95rem;text-decoration:none;padding:6px 10px;border-radius:8px;color:var(--nav-fg, #111827);background:color-mix(in hsl,var(--nav-accent, #4f46e5) 12%,transparent);border:1px solid color-mix(in hsl,var(--nav-accent, #4f46e5) 22%,transparent);transition:background .2s ease}.about_nav a:hover{background:color-mix(in hsl,var(--nav-accent, #4f46e5) 18%,transparent)}.about_section{margin:26px 0}.about_section h2{margin-bottom:10px;line-height:1.25;font-size:clamp(1.15rem,2vw,1.35rem)}.about_list--numbered>li{padding-left:1.3rem}.about_list--bulleted>li{margin:6px 0;padding-left:1.2rem;list-style:disc}.about_callout{margin-top:14px;padding:12px 14px;border-radius:10px;background:color-mix(in hsl,var(--nav-accent, #4f46e5) 10%,transparent);border:1px solid color-mix(in hsl,var(--nav-accent, #4f46e5) 25%,transparent)}.about_footer{margin-top:32px;color:var(--nav-muted, #6b7280);font-size:.95rem}.gallery{padding:1rem;overflow-x:auto}.gallery table{border-collapse:collapse;width:100%}.gallery th,.gallery td{background:#fafafa;border:1px solid #ccc;padding:.5rem;text-align:center;vertical-align:middle}.gallery td img{max-width:120px;background:#fafafa;max-height:120px;object-fit:contain;display:block;margin:0 auto}.gallery th{background:#f0f0f0;color:#333;border-bottom:2px solid #e74c3c}.shape-name{font-weight:700;background:#fafafa;color:#e74c3c}.missing{color:#aaa;font-style:italic}.search-root{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:#fafafa;color:#111}.search-header{padding:1rem clamp(1rem,4vw,2rem);display:grid;gap:.75rem}.search-search{display:grid;grid-template-columns:1fr auto;gap:.5rem}.search-input{font:inherit;padding:.6rem .8rem;border:1px solid #e2e2e2;border-radius:.6rem;background:#fff;color:#111;caret-color:#111}.search-input::placeholder{color:#777;opacity:1}.search-btn{font:inherit;padding:.6rem .9rem;border:1px solid #ddd;border-radius:.6rem;cursor:pointer}.search-btn.primary{background:#111;color:#fff;border-color:#111}.search-btn:disabled{opacity:.6;cursor:not-allowed}.search-error{padding:1rem clamp(1rem,4vw,2rem);color:#b00020}.search-grid{padding:.5rem clamp(.75rem,3vw,2rem) 1.25rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.search-card{display:grid;grid-template-rows:auto auto auto;gap:.4rem;text-decoration:none;color:inherit;border-radius:.8rem;overflow:hidden;background:#fff;border:1px solid #eee}.search-card img{width:100%;height:160px;object-fit:cover;display:block}.search-meta{display:grid;gap:.15rem;padding:.5rem .6rem .6rem}.search-title-small{font-size:.95rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-credit{font-size:.78rem;color:#666}.search-actions{display:grid;padding:0 .6rem .6rem}.search-loadmore{display:grid;place-items:center;padding:.8rem}.search-footer{padding:.8rem clamp(1rem,4vw,2rem);color:#666;background:#f5f5f7;border-top:1px solid #ececec}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.draw-root{--draw-fg: #111;--draw-bg: #fff;--draw-border: #ddd;--draw-border-light: #ececec;--draw-primary: #111;--draw-grid-color: rgba(0, 0, 0, .06);height:100vh;display:grid;grid-template-rows:auto 1fr;background:#f8f8fb;color:var(--draw-fg)}.draw-toolbar{display:grid;grid-auto-flow:column;align-items:center;gap:.75rem;padding:.6rem clamp(.75rem,3vw,1.25rem);border-bottom:1px solid var(--draw-border-light);background:#fffc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.draw-group{display:inline-grid;grid-auto-flow:column;gap:.5rem}.draw-btn{padding:.45rem .7rem;border:1px solid var(--draw-border);background:var(--draw-bg);color:var(--draw-fg);border-radius:.55rem;cursor:pointer;transition:background .15s ease}.draw-btn:hover:not(:disabled){background:color-mix(in srgb,var(--draw-bg) 85%,var(--draw-fg))}.draw-btn.primary{background:var(--draw-primary);color:#fff;border-color:var(--draw-primary)}.draw-btn.active{outline:2px solid var(--draw-primary)}.draw-btn:disabled{opacity:.6;cursor:not-allowed}.draw-label{display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:.45rem;font-size:.95rem}.draw-label input[type=color]{width:2rem;height:2rem;padding:0;border:none;background:transparent}.draw-label input[type=range]{width:140px}.draw-check{display:inline-grid;grid-auto-flow:column;gap:.4rem;align-items:center}.draw-stage{position:relative;width:100%;height:100%;overflow:hidden}.draw-stage.with-grid:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,var(--draw-grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--draw-grid-color) 1px,transparent 1px);background-size:24px 24px}.draw-canvas{width:100%;height:100%;display:block;touch-action:none;background:transparent}@media (prefers-reduced-motion: reduce){.draw-toolbar{transition:none}}.escher-root{min-height:100vh;display:grid;grid-template-rows:auto 1fr;background:#fafafa;color:#111}.escher-header{padding:1rem clamp(1rem,4vw,2rem);display:flex;align-items:center;gap:1rem;border-bottom:1px solid #ececec;background:#fff}.escher-title{margin:0;font-size:clamp(1.25rem,3vw,1.6rem);font-weight:700}.escher-actions{margin-left:auto;display:inline-grid;grid-auto-flow:column;gap:.5rem}.esch-btn{padding:.5rem .8rem;border:1px solid #ddd;border-radius:.6rem;background:#111;color:#fff;text-decoration:none;cursor:pointer}.esch-grid{padding:1rem clamp(1rem,4vw,2rem);display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media (max-width: 1100px){.esch-grid{grid-template-columns:1fr}}.esch-panel{display:grid;grid-template-rows:auto 1fr auto;gap:.6rem;background:#fff;border:1px solid #eee;border-radius:.8rem;overflow:hidden}.esch-h2{margin:0;padding:.75rem .9rem;border-bottom:1px solid #f0f0f0;font-size:1rem}.esch-media{display:grid;place-items:center;padding:.5rem}.esch-media img{max-width:100%;max-height:520px;object-fit:contain;display:block;background:#fff}.esch-media canvas{max-width:100%;max-height:520px;object-fit:contain;display:block;background:#fff}.esch-canvas-wrap{padding:.5rem}.esch-canvas{width:100%;height:520px;display:block;border-radius:.6rem;background:#f3f3f6}.esch-meta{padding:.5rem .9rem .8rem;color:#555;display:grid;gap:.25rem}.esch-caption{font-weight:600}.esch-credit{font-size:.9rem;color:#666}.esch-download{margin-top:.5rem;text-align:center}.download-btn{display:inline-block;padding:.4rem 1rem;background:#4f46e5;color:#fff;border-radius:.4rem;text-decoration:none;font-weight:500;transition:background .2s ease-in-out,transform .1s ease-in-out}.download-btn:hover{background:#4338ca;transform:translateY(-1px)}.download-btn:active{background:#3730a3;transform:translateY(0)}.esch-dropzone{max-width:700px;max-height:500px;margin:0 auto;border:2px dashed #ccc;border-radius:.5rem;padding:1.2rem;text-align:center;cursor:pointer;color:#555;font-size:.9rem;transition:border-color .2s,background-color .2s}.esch-dropzone:hover{border-color:#4f46e5;background-color:#f9f9ff}.bottom-two{padding:1rem clamp(1rem,4vw,2rem);display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}:root{--nav-height: 58px;--nav-bg: rgba(39, 39, 41, .85);--nav-fg: #e5e7eb;--nav-accent: #3128e3ff}.navbar{position:sticky;top:0;z-index:100;height:var(--nav-height);background:var(--nav-bg);display:flex;align-items:center;padding:0 1rem}.nav-brand h1{font-size:2rem;font-weight:8000;margin:0;color:var(--nav-fg)}.navbar-links{display:flex;gap:1rem;margin-left:auto}.nav-link{font-size:.875rem;color:var(--nav-fg);text-decoration:gray underline;padding:.25rem .5rem;border-radius:6px;transition:background .2s ease,color .2s ease}.nav-link:hover{background:var(--nav-accent);color:#fff}@media (max-width: 768px){--nav-height: 58px;.navbar{padding-inline:max(1rem,env(safe-area-inset-left)) max(1rem,env(safe-area-inset-right))}.navbar-links{display:none}.navbar-links.is-open{display:flex}.nav-link{width:100%;border-radius:10px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}