@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/syne-latin-700-normal-AF3Rs61n.woff2) format("woff2"),url(/assets/syne-latin-700-normal-Cd-_iCn5.woff) format("woff")}@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/syne-latin-800-normal-EehdNYzx.woff2) format("woff2"),url(/assets/syne-latin-800-normal-BuJcbPcX.woff) format("woff")}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--green: #339966;--green-mid: #277a52;--green-rich: #1d5c3a;--green-deep: #0f3322;--green-pale: #dcf0e5;--green-thumb: #e8f5ed;--green-bg: #f4f9f6;--amber: #fbbf24;--mint: #86efac;--surface: #ffffff;--border: rgba(39, 122, 82, .12);--text: #142b1e;--text-muted: #4a6e57;--text-label: #6b8f75;--radius-card: 1rem;--shadow-card: 0 1px 12px rgba(15, 51, 34, .06);--shadow-hover: 0 8px 28px rgba(39, 122, 82, .15)}*{box-sizing:border-box}body{font-family:DM Sans,Segoe UI,system-ui,sans-serif;margin:0;padding:0;background:var(--green-bg);color:var(--text);line-height:1.6}#root{min-height:100vh}header{background:linear-gradient(150deg,var(--green-deep) 0%,var(--green-rich) 45%,var(--green-mid) 100%);padding:3rem 2rem 2.75rem;color:#fff;text-align:center;position:relative;overflow:hidden;margin-bottom:0}header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:32px;background:var(--green-bg);clip-path:ellipse(55% 100% at 50% 100%)}.year-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:2rem;padding:.375rem 1rem .375rem .75rem;font-size:.75rem;font-weight:600;color:#ffffffd9;letter-spacing:.07em;text-transform:uppercase;margin-bottom:1.5rem}.year-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 2px #fbbf244d;flex-shrink:0}h1{font-family:Syne,system-ui,sans-serif;font-size:clamp(2rem,5.5vw,3.75rem);font-weight:800;color:#fff;line-height:1.08;letter-spacing:-.025em;margin:0 0 1rem;text-shadow:none}h1 em{font-style:normal;color:var(--mint)}.header-sub{font-size:.975rem;color:#ffffffa6;max-width:420px;margin:0 auto 2rem}.page-wrap{max-width:1060px;margin:0 auto;padding:0 1.5rem}.section-head{display:flex;align-items:baseline;gap:.875rem;margin-top:3rem}.section-title{font-family:Syne,system-ui,sans-serif;font-size:1.5rem;font-weight:800;color:var(--text);letter-spacing:-.02em;margin:0}.section-chip{font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--green-mid);background:var(--green-pale);border-radius:2rem;padding:.2rem .625rem}.section-rule{height:1px;background:var(--border);margin:1.25rem 0 1.5rem}.description-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:1.5rem 2rem;margin:2rem auto;max-width:720px;box-shadow:var(--shadow-card);text-align:center}.description-card p{margin:0;font-size:.975rem;line-height:1.7;color:var(--text-muted)}.description-card a{color:var(--green-mid);text-decoration:none;font-weight:600}.description-card a:hover{text-decoration:underline}.model-gallery,.animation-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.125rem;margin:0 0 1.5rem}.pro-show-feature{max-width:960px;margin:0 auto 1.5rem}.poster-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2.5rem;padding:2rem 1rem;margin:0 auto 4rem;max-width:1400px}.model-card,.animation-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden;color:var(--text);transition:transform .2s,box-shadow .2s;position:relative}.model-card:hover,.animation-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.card-type{position:absolute;top:.625rem;left:.625rem;background:#fff;border-radius:.5rem;padding:.2rem .5rem;font-size:.67rem;font-weight:700;color:var(--green-mid);letter-spacing:.05em;text-transform:uppercase;box-shadow:0 1px 6px #00000012;z-index:2}.card-body{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--green-thumb) 0%,#d5eede 100%)}.stl-viewer-body,.gltf-viewer-body{height:320px;padding:0}.gltf-canvas-host{width:100%;height:100%}.animation-body{padding:0;background:var(--green-rich);aspect-ratio:16 / 9}.animation-body video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.card-info{padding:1rem 1.125rem 1.125rem;background:#fff}.card-name{font-family:Syne,system-ui,sans-serif;font-size:1rem;font-weight:700;color:var(--text);letter-spacing:-.01em;margin:0 0 .3rem}.card-author{font-size:.8rem;color:var(--text-label)}.card-note{margin-top:.625rem}.card-note-label{display:flex;align-items:center;gap:.3rem;font-size:.67rem;font-weight:700;color:var(--green-mid);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.card-note-label::-webkit-details-marker{display:none}.card-note-label:before{content:"";width:0;height:0;flex-shrink:0;border-left:4px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .15s}.card-note[open] .card-note-label{margin-bottom:.2rem}.card-note[open] .card-note-label:before{transform:rotate(90deg)}.card-note p{margin:0;font-size:.8rem;line-height:1.5;color:var(--text-muted);white-space:pre-line}.card-header{background:linear-gradient(135deg,var(--green) 0%,var(--green-mid) 100%);color:#fff;padding:1.25rem 1.5rem;text-align:center}.card-header h2{margin:0;font-size:1.3rem;font-weight:600}.card-footer{background:#f8f9fa;padding:.875rem 1.5rem;text-align:center;border-top:1px solid rgba(0,0,0,.05)}.card-footer p{margin:0;font-weight:500;color:var(--text-label);font-size:.9rem}.poster-card{background:var(--surface);border-radius:20px;box-shadow:0 15px 40px #00000026;overflow:hidden;color:var(--text);transition:all .3s;position:relative;max-width:600px;margin:0 auto}.poster-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #33996640}.poster-body{padding:0;display:flex;justify-content:center;align-items:center;background:#f8f9fa}.poster-media{width:100%;height:auto;max-height:800px;object-fit:contain;display:block;aspect-ratio:2/3}.viewer{width:100%;height:30vh;border:1px solid black}.stl-viewer,.tinkercad-viewer{height:100%;width:100%}.model-container{min-height:30vh;margin:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.scratch-wrapper{position:relative;width:100%;aspect-ratio:485 / 402;overflow:hidden}.scratch-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.about-section{background-color:#fff;border-radius:8px;margin:20px auto;padding:15px;max-width:100%;box-shadow:0 4px 8px #0000001a;text-align:left;color:var(--text)}.about-section h2{font-size:1.5em;margin-bottom:10px}.about-section h3{font-size:1.2em;margin-top:15px}.about-section p,.about-section ul{font-size:1em;line-height:1.6;margin:10px 0}.about-section ul{padding-left:20px}.about-section li{margin-bottom:10px}.qr-code-section{display:flex;align-items:center;gap:1.25rem;margin:3rem auto;padding:1.375rem 1.625rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);max-width:560px;box-shadow:var(--shadow-card)}.qr-code{width:72px;height:auto;border-radius:.75rem;flex-shrink:0}.qr-code-description{font-size:.875rem;color:var(--text-muted);line-height:1.55;text-align:left;margin:0}.card-link{display:inline-block;margin-top:.5rem;font-size:.75rem;font-weight:600;color:var(--green-mid);text-decoration:none}.card-link:hover{text-decoration:underline}.scratch-body,.external-body{padding:0;background:var(--green-rich)}.external-frame{position:relative;width:100%;aspect-ratio:16 / 9}.external-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.external-offline,.scratch-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:100%;aspect-ratio:16 / 9;padding:1.25rem;color:#ffffffbf;text-align:center}.external-offline p{margin:0;font-size:.8rem;line-height:1.5;max-width:26ch}.scratch-placeholder{aspect-ratio:auto;height:100%}.model-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:100%;height:100%;color:var(--green-mid);opacity:.75}.model-placeholder-label{font-size:.8rem;font-weight:600;color:var(--text-label)}.model-load-button{padding:.5rem .875rem;border:1px solid var(--green);border-radius:.625rem;background:#fff;font:inherit;font-size:.8rem;font-weight:600;color:var(--green-mid);cursor:pointer}.model-load-button:hover{background:var(--green);color:#fff}.sw-toast{position:fixed;bottom:20px;left:20px;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--green-deep);color:#fff;border-radius:.75rem;font-size:.85rem;box-shadow:0 10px 30px #0f33224d;z-index:1002}.sw-toast button{border:0;border-radius:.5rem;padding:.375rem .75rem;background:#ffffff26;color:#fff;font:inherit;font-weight:600;cursor:pointer}.sw-toast button[data-dismiss]{background:none;padding:.375rem}.refresh-button{position:fixed;bottom:20px;right:20px;background-color:var(--green);color:#fff;border:none;border-radius:50px;padding:12px 18px;font-size:1em;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #3966;transition:background-color .3s ease,box-shadow .3s ease;z-index:1000}.refresh-button:hover{background-color:var(--green-mid);box-shadow:0 6px 20px #33996680}.model-controls{position:absolute;top:.625rem;right:.625rem;display:flex;gap:.35rem;z-index:2}.model-control{display:flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;padding:0;border:1px solid var(--border);border-radius:.5rem;background:#ffffffeb;color:var(--green-mid);cursor:pointer;box-shadow:0 1px 6px #00000012;transition:background-color .2s,color .2s}.model-control:hover{background:#fff;color:var(--green-rich)}.model-card-expanded,.model-card-expanded:hover{transform:none}.stl-expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;width:100vw;height:100dvh;border-radius:0}.stl-expanded .model-controls{top:1rem;right:1rem;gap:.5rem}.stl-expanded .model-control{width:2.75rem;height:2.75rem}.pdf-body{padding:0;background:var(--green-rich)}.pdf-frame{position:relative;width:100%;aspect-ratio:8.5 / 11}.pdf-pages{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:#fff}.pdf-page{display:block;width:100%;height:auto}.pdf-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1rem;text-align:center;font-size:.8rem;color:#ffffffb3;background:var(--green-rich)}.python-body{display:block;height:320px;padding:0;background:var(--green-deep);overflow:hidden}.python-source,.python-terminal{height:100%;margin:0;padding:2.5rem 1rem 1rem;overflow:auto;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;-moz-tab-size:4;tab-size:4}.python-source{color:#ffffffd1}.python-terminal{color:var(--green-thumb)}.python-in{color:var(--mint)}.python-note{color:#ffffff73}.python-error{color:#fca5a5}.python-prompt{display:flex;align-items:baseline;color:var(--mint)}.python-prompt input{flex:1;min-width:0;border:0;padding:0;background:none;color:var(--mint);caret-color:var(--mint);font:inherit}.python-prompt input:focus{outline:none}.python-controls{display:flex;gap:.5rem;padding:.625rem 1.125rem 0;background:#fff}.python-button{border:1px solid var(--border);border-radius:.5rem;padding:.3rem .7rem;background:var(--green-mid);color:#fff;font-family:inherit;font-size:.76rem;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s}.python-button:disabled{opacity:.5;cursor:default}.python-button.run:hover:not(:disabled){background:var(--green-rich)}.python-button.stop{background:#b91c1c;border-color:#b91c1c}.python-button.ghost{margin-left:auto;background:none;color:var(--green-mid)}.python-button.ghost:hover:not(:disabled){background:var(--green-pale)}.hljs-keyword,.hljs-meta{color:var(--mint)}.hljs-string{color:var(--amber)}.hljs-number,.hljs-literal{color:#fdba74}.hljs-comment{color:#fff6;font-style:italic}.hljs-built_in,.hljs-title.function_{color:#93c5fd}.hljs-params{color:#ffffffd1}@media (max-width: 768px){header{padding:2rem 1.5rem 2.25rem}.page-wrap{padding:0 1rem}.model-gallery,.animation-gallery{grid-template-columns:1fr;gap:1rem}.poster-gallery{grid-template-columns:1fr;gap:2rem;padding:1rem}.description-card{padding:1.25rem 1.5rem;margin:1.5rem 0}.stl-viewer-body{height:260px}.viewer{height:25vh}.qr-code{width:56px}}@media (max-width: 480px){header{padding:1.5rem 1rem 2rem}.page-wrap{padding:0 .875rem}.model-gallery,.animation-gallery{gap:.875rem}.poster-gallery{gap:1.5rem;padding:.5rem}.card-header h2{font-size:1.1rem}.stl-viewer-body{height:220px}.viewer{height:20vh}.qr-code{width:48px}}.kiosk body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.kiosk .description-card a,.kiosk .card-link{pointer-events:none;color:inherit;text-decoration:none;font-weight:inherit}.kiosk .card-link{color:var(--text-label)}.navigation{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap;position:relative;z-index:1}.nav-button{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;color:#fff;text-decoration:none;transition:background .2s}.nav-button:hover{background:#fff3;color:#fff;text-decoration:none}.nav-icon{font-size:1rem;line-height:1}@media (max-width: 480px){.navigation{gap:.5rem}.nav-button{padding:.5rem 1rem;font-size:.825rem}}.offline-badge{position:fixed;bottom:20px;right:110px;display:inline-flex;align-items:center;gap:.5rem;padding:12px 16px;border:1px solid var(--border);border-radius:50px;background:#fff;color:var(--text-muted);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #0f33221f;z-index:1000}.offline-badge:hover{color:var(--text)}.offline-dot{width:7px;height:7px;border-radius:50%;background:var(--text-label);flex-shrink:0}.offline-badge.is-ready .offline-dot{background:var(--green)}.offline-badge.is-offline .offline-dot{background:#d97706}.offline-panel{position:fixed;bottom:76px;right:20px;width:min(360px,calc(100vw - 40px));max-height:min(70vh,560px);overflow-y:auto;padding:1.25rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:0 18px 48px #0f332238;z-index:1001}.offline-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.875rem}.offline-panel-head h2{margin:0;font-family:Syne,system-ui,sans-serif;font-size:1.1rem;font-weight:800;color:var(--text)}.offline-close{border:0;background:none;font-size:1rem;line-height:1;color:var(--text-label);cursor:pointer;padding:.25rem}.offline-note{margin:0 0 .875rem;padding:.75rem .875rem;background:var(--green-pale);border-radius:.625rem;font-size:.8rem;line-height:1.5;color:var(--text-muted)}.offline-note.is-error{background:#fef3c7;color:#92400e}.offline-groups{list-style:none;margin:0 0 .875rem;padding:0}.offline-groups li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem 0;border-bottom:1px solid var(--border)}.offline-groups li:last-child{border-bottom:0}.offline-group-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.offline-group-label{font-size:.875rem;font-weight:600;color:var(--text)}.offline-group-meta{font-size:.75rem;color:var(--text-label)}.offline-action{flex-shrink:0;padding:.375rem .75rem;border:1px solid var(--border);border-radius:.5rem;background:#fff;font:inherit;font-size:.78rem;font-weight:600;color:var(--text-muted);cursor:pointer}.offline-action.is-primary{background:var(--green);border-color:var(--green);color:#fff}.offline-action:disabled{opacity:.5;cursor:default}.offline-progress{margin-bottom:.875rem}.offline-bar{height:6px;border-radius:3px;background:var(--green-pale);overflow:hidden}.offline-bar span{display:block;height:100%;background:var(--green);transition:width .2s}.offline-progress-text{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--text-label)}.offline-save-all{width:100%;padding:.75rem;border:0;border-radius:.625rem;background:var(--green-rich);color:#fff;font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}.offline-save-all:disabled{background:var(--green-pale);color:var(--text-label);cursor:default}.offline-estimate{margin:.75rem 0 0;font-size:.72rem;color:var(--text-label);text-align:center}@media (max-width: 480px){.offline-badge{right:20px;bottom:74px}.offline-panel{bottom:130px}}*,*:before,*:after{box-sizing:border-box}body{margin:0}