: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}.cells{display:flex;flex-wrap:wrap;gap:4px;max-width:420px}.cellInput{width:90px}.fileBtn{display:inline-block;padding:2px 8px;border:1px solid #ccc;background:#f7f7f7;cursor:pointer;margin-right:6px}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}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.titleArea{position:relative;height:90px;margin-bottom:10px}.titleText{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;yrcy-align:center}.titlehead{font-family:Yu Gothic,Hiragino Sans,sans-serif;color:#1b5e20;text-shadow:none;line-height:18px;margin:0}.titleLogo{position:absolute;right:0;top:50%;transform:translateY(-50%);height:40px;width:auto;object-fit:contain}.container{font-family:sans-serif;padding:20px;background-color:#efffef}.layout{display:flex;gap:10px}.panel{border:1px solid #ccc;padding:10px}.toolbar button{margin-right:4px;font-size:12px;color:#fff;white-space:nowrap;background-color:#3cb371;border-bottom:3px solid #2e8b57;border-right:3px solid #2e8b57}.tbl{border-collapse:collapse;font-size:12px}.tbl th,.tbl td{border:1px solid #ddd;padding:4px 6px;vertical-align:top}.meta{font-size:10px;color:#555;margin-bottom:12px}.cells{display:flex;flex-wrap:wrap;gap:4px}.cellInput{width:100px}.disabledBtn{opacity:.4;cursor:not-allowed}.modalOverlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:9999}.modalBox{background:#fff;border:1px solid #ccc;border-radius:8px;padding:12px;width:420px;max-height:80vh;overflow:auto}.modalWide{width:900px}.modalTitle{font-weight:700;margin-bottom:10px}.formRow{display:flex;gap:10px;align-items:center;margin:8px 0}.formRow label{width:130px;font-size:12px;color:#333}.formRow input,.formRow select{flex:1}.modalBtns{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.resTbl{width:100%;border-collapse:collapse;font-size:12px}.resTbl th,.resTbl td{border:1px solid #ddd;padding:4px 6px}.colorPalette{display:flex;flex-wrap:wrap;gap:6px;width:100%}.colorBtn{width:24px;height:24px;border:1px solid #666;border-radius:4px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.colorBtn.selected{outline:2px solid #333;outline-offset:1px}.colorCheck{font-size:14px;font-weight:700;color:#fff;text-shadow:0 0 2px #000}a.btn--green{color:#fff;background-color:#3cb371;border-bottom:5px solid #66cdaa}a.btn--green:hover{margin-top:3px;color:#fff;background:#4dc482;border-bottom:2px solid #66cdaa}a.btn--shadow{-webkit-box-shadow:0 3px 5px rgba(0,0,0,.3);box-shadow:0 3px 5px #0000004d}.imageLibraryGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.imageLibraryItem{border:1px solid #ccc;border-radius:6px;background:#fff;padding:8px;cursor:pointer;text-align:center}.imageLibraryItem:hover{background:#f7fff7;border-color:#6a6}.imageLibraryThumbWrap{height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.imageLibraryThumb{max-width:100%;max-height:52px;object-fit:contain}.imageLibraryLabel{font-size:12px;color:#333;word-break:break-word}