:root{color:#202124;background:#f7f4ee;font-family:Yu Gothic UI,Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#24292f;border:1px solid #24292f;border-radius:6px;min-height:42px;padding:0 16px}button:disabled{cursor:not-allowed;opacity:.48}button:not(:disabled):hover{background:#111}button.copy-success{background:#16794c;border-color:#16794c}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 20px}.app-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.app-header h1{margin:0 0 8px;font-size:2rem;line-height:1.15}.app-header p{color:#59636e;margin:0}.score-panel{background:#fff;border:1px solid #ded8ce;border-radius:8px;align-items:center;min-width:140px;padding:14px 18px;display:grid}.score-label{color:#59636e;font-size:.85rem}.score-panel strong{font-size:2rem;line-height:1}.workspace{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.controls,.board-area{background:#fff;border:1px solid #ded8ce;border-radius:8px;min-width:0;padding:18px}.text-field{gap:8px;display:grid}.text-field span{font-weight:700}textarea{resize:vertical;border:1px solid #c9c3b8;border-radius:6px;min-height:96px;padding:12px}.input-meta{color:#59636e;gap:4px;min-height:48px;padding:8px 0 12px;font-size:.9rem;display:grid}.error-text{color:#b42318}.settings-group{border:1px solid #e7e1d7;border-radius:8px;gap:10px;margin:0 0 14px;padding:12px;display:grid}.settings-group legend{color:#59636e;padding:0 4px;font-size:.9rem}.check-option{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.check-option input{width:18px;height:18px;margin:0}.button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.status-list{border-top:1px solid #e7e1d7;gap:10px;margin:18px 0 0;padding-top:16px;display:grid}.status-list div{grid-template-columns:80px 1fr;gap:8px;display:grid}.status-list dt{color:#59636e}.status-list dd{overflow-wrap:anywhere;min-width:0;margin:0}.share-panel{border-top:1px solid #e7e1d7;gap:10px;min-width:0;margin-top:16px;padding-top:16px;display:grid}.share-field{gap:8px;min-width:0;display:grid}.share-field span{color:#59636e}.share-field textarea{resize:none;white-space:nowrap;width:100%;max-width:100%;min-height:42px;line-height:1.35;overflow:auto hidden}.board-area{justify-items:center;gap:12px;display:grid}canvas{aspect-ratio:1;cursor:crosshair;background:#f5f2ec;border:1px solid #c9c3b8;width:min(640px,100%);max-width:100%;display:block}.board-actions{justify-content:center;width:min(640px,100%);display:flex}.board-actions button{min-width:min(220px,100%)}.board-help{color:#59636e;overflow-wrap:anywhere;text-align:center;max-width:100%;min-height:1.5em;margin:0}.author-link{color:#59636e;margin:-4px 0 0;font-size:.9rem}.author-link a{color:#0969da;text-underline-offset:3px;font-weight:700;text-decoration-thickness:1px}.author-link a:hover{color:#0550ae}footer{color:#59636e;margin-top:18px;font-size:.84rem}@media (width<=860px){.app-header,.workspace{grid-template-columns:1fr}.app-header{align-items:stretch;display:grid}.button-row{grid-template-columns:1fr}}