:root{--bg-color:#f0f2f5;--panel-bg:#fff;--board-bg:#e6b473;--stand-box-bg:#e6b473;--board-line:#321;--primary-color:#28a745;--primary-hover:#218838;--btn-blue:#007bff;--btn-blue-hover:#0069d9;--selected-cell:#ffea79}body{background-image:url(/assets/background_yellow-kNPDTbYN.jpg);background-size:cover;background-attachment:fixed;background-color:var(--bg-color);color:#333;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex}.main-wrapper{flex-direction:column;align-items:stretch;gap:20px;width:100%;max-width:1240px;margin:10px auto;display:flex}@media (width>=992px){.main-wrapper{flex-direction:row}}.panel{background:var(--panel-bg);box-sizing:border-box;border-radius:12px;flex-direction:column;padding:12px;display:flex;box-shadow:0 4px 18px #00000014}.editor-panel{flex:1.4;justify-content:space-between;align-items:center}.control-panel{flex:1;justify-content:flex-start}.form-group{margin-bottom:14px}.form-row{gap:12px;margin-bottom:14px;display:flex}.form-row .form-group{flex:1;margin-bottom:0}label{color:#444;margin-bottom:6px;font-size:.88rem;font-weight:700;display:block}textarea,input,select{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:100%;padding:10px;font-size:.95rem}.size-preset{color:#222;background-color:#fff}button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:12px;font-size:15px;font-weight:700;transition:background .2s}button:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:#6c757d;padding:8px 10px;font-size:13px}.btn-secondary:hover{background-color:#5a6268}.btn-sync{background-color:var(--btn-blue);margin-top:8px;padding:9px;font-size:13px}.btn-sync:hover{background-color:var(--btn-blue-hover)}.board-stage{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:14px;margin-bottom:10px;display:flex}.hand-stand{background-color:var(--stand-box-bg);box-sizing:border-box;border-radius:6px;flex-direction:column;align-items:center;width:54px;height:380px;padding:6px 2px;display:flex}.hand-stand.gote-stand{justify-content:flex-start}.hand-stand.sente-stand{justify-content:flex-end}.hand-label{color:#321;margin-bottom:4px;font-size:11px;font-weight:700}.hand-pieces-list{flex-direction:column;align-items:center;gap:3px;width:100%;display:flex}.piece-item-ui{cursor:pointer;-webkit-user-select:none;user-select:none;color:#000;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:40px;height:36px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:24px;font-weight:700;display:flex;position:relative}.piece-item-ui:hover{background:#00000014}.piece-item-ui.selected{background:var(--selected-cell);border-radius:4px}.piece-count-badge{color:#111;text-shadow:0 0 2px #fffc;font-family:sans-serif;font-size:11px;font-weight:700;position:absolute;bottom:-2px;right:1px}.grid-board{background-color:var(--board-bg);border:2px solid var(--board-line);border-radius:2px;grid-template-rows:repeat(9,42px);grid-template-columns:repeat(9,42px);display:grid;box-shadow:0 4px 10px #0000001f}.grid-cell{border:1px solid var(--board-line);cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:28px;font-weight:700;display:flex}.grid-cell:hover{background-color:#fff3}.grid-cell.selected{background-color:var(--selected-cell)}.piece-gote{display:inline-block;transform:rotate(180deg)}.piece-box-wrapper{background-color:var(--stand-box-bg);box-sizing:border-box;border-radius:8px;width:100%;max-width:520px;margin-bottom:6px;padding:10px 14px}.piece-box-title{color:#321;justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.piece-box-list{flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;display:flex}.button-bar{gap:8px;width:100%;max-width:520px;margin-top:6px;display:flex}.instructions-box{border-left:4px solid var(--btn-blue);color:#444;box-sizing:border-box;background-color:#f8f9fa;border-radius:4px;width:100%;max-width:520px;margin-top:14px;padding:14px;font-size:12px;line-height:1.55}.instructions-box h4{color:#222;margin:0 0 6px;font-size:13px}.instructions-box ul{margin:0;padding-left:18px}.instructions-box li{margin-bottom:4px}.generator-usage-note{text-align:center;color:#333;letter-spacing:.01em;box-sizing:border-box;background:#ffffffd1;border:1px solid #00000024;border-radius:8px;width:calc(100% - 12px);max-width:1240px;margin:0 auto 10px;padding:10px 16px 9px;font-size:.96rem;font-weight:700;line-height:1.5;box-shadow:0 2px 8px #0000000a}.generator-usage-note strong{font-weight:800}.generator-usage-note span{display:inline}canvas{display:none}.hand-label.bottom{margin-top:4px}.instructions-box.right-panel{max-width:100%;margin-top:18px}