.gallery[data-v-8790f99e]{max-width:640px;margin:60px auto;padding:0 24px}.title[data-v-8790f99e]{font-size:2rem;font-weight:400;letter-spacing:.1em;color:#e0e0e0;margin-bottom:4px}.subtitle[data-v-8790f99e]{color:#555;margin-bottom:48px;font-size:.9rem}.sketch-list[data-v-8790f99e]{list-style:none;display:flex;flex-direction:column;gap:2px;margin-bottom:48px}.sketch-link[data-v-8790f99e]{display:grid;grid-template-columns:3rem 12rem 1fr;gap:12px;align-items:baseline;padding:10px 12px;border-radius:4px;text-decoration:none;color:#e0e0e0;transition:background .15s}.sketch-link[data-v-8790f99e]:hover{background:#112}.sketch-id[data-v-8790f99e]{color:#444;font-size:.85rem}.sketch-name[data-v-8790f99e]{color:#4fc3f7}.sketch-desc[data-v-8790f99e]{color:#666;font-size:.85rem}.import-area[data-v-8790f99e]{display:flex;flex-direction:column;gap:8px;margin-bottom:48px}.import-btn[data-v-8790f99e]{display:inline-block;padding:7px 16px;border:1px solid #2a3a4a;border-radius:4px;color:#7bafd6;background:#0a0a18;cursor:pointer;font-family:monospace;font-size:12px;transition:background .15s,color .15s}.import-btn[data-v-8790f99e]:hover{background:#0f1a28;color:#4fc3f7}.file-input[data-v-8790f99e]{display:none}.import-error[data-v-8790f99e]{color:#e57373;font-size:12px}.json-guide[data-v-8790f99e]{border-top:1px solid #1a1a2e;padding-top:32px}.guide-title[data-v-8790f99e]{font-size:.85rem;font-weight:400;letter-spacing:.08em;color:#555;text-transform:uppercase;margin-bottom:16px}.guide-text[data-v-8790f99e]{font-size:.85rem;color:#556;line-height:1.7;margin-bottom:12px}.guide-text code[data-v-8790f99e]{font-family:monospace;color:#4fc3f7;background:#0a0a18;padding:1px 5px;border-radius:3px;font-size:.9em}.guide-text strong[data-v-8790f99e]{color:#778}.guide-example[data-v-8790f99e]{margin-top:16px}.guide-example summary[data-v-8790f99e]{font-size:.8rem;color:#445;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:monospace}.guide-example summary[data-v-8790f99e]:hover{color:#667}.guide-pre[data-v-8790f99e]{margin-top:10px;background:#080810;border:1px solid #1a1a2e;border-radius:4px;padding:12px 14px;font-family:monospace;font-size:11px;color:#556;line-height:1.6;white-space:pre;overflow-x:auto}.app{display:flex;flex-direction:column;width:100%;height:100%}.app-header{flex:0 0 auto;padding:8px 16px;border-bottom:1px solid #1a1a2e;display:flex;align-items:center}.app-title{font-size:.9rem;letter-spacing:.15em;color:#4fc3f7;text-decoration:none;text-transform:uppercase}.app-title:hover{color:#81d4fa}.app-main{flex:1 1 auto;overflow:hidden}