.g4-tool-panel{margin:20px 0;padding:20px;border:1px solid #bdcce1;border-radius:14px;background:#f5f8ff;text-align:left}.g4-tool-panel h3{margin:0 0 12px}.g4-tool-panel p,.g4-preparation p{font-size:17px!important;line-height:1.6!important}.g4-tool-panel label{display:block;font-size:16px;margin:12px 0}.g4-tool-panel input:not([type=checkbox]),.g4-tool-panel select,.g4-tool-panel textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;font:inherit;min-height:56px;border:1px solid #879bb5;border-radius:9px;background:white;color:#23364d;padding:12px}.g4-tool-panel textarea{min-height:100px;resize:vertical}.g4-tool-actions{display:flex;flex-wrap:wrap;gap:10px}.g4-tool-actions>*{flex:1 1 150px}.g4-tool-panel button,.g4-preparation button{min-height:56px!important;min-width:56px;white-space:normal}.g4-preparation{padding:14px 0;border-bottom:1px solid #ccd5e1;margin-bottom:18px}.g4-preparation p{margin:5px 0}.g4-organizer,.g4-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.g4-compare p{white-space:pre-wrap;overflow-wrap:anywhere}.g4-compare svg{width:100%;max-height:240px}.g4-strips{display:grid;grid-template-columns:repeat(var(--parts),1fr);gap:3px}.g4-strips span{min-height:28px;border:1px solid #426081;background:white}.g4-strips .filled{background:#436dd2}.g4-tool-panel svg{max-width:100%;height:auto}.g4-area{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));max-width:360px;gap:2px}.g4-area span{aspect-ratio:1;background:#c3d8ff;border:1px solid #456ba6}.g4-flow{display:flex;flex-direction:column;gap:10px}.g4-flow span{padding:12px;border:1px solid #809dc5;background:white}.g4-tool-panel table{width:100%;border-collapse:collapse}.g4-tool-panel th,.g4-tool-panel td{padding:10px;border:1px solid #9caec2;text-align:left}.g4-tool-panel article{padding:12px;border-left:4px solid #4a69a0;margin:12px 0;background:white}.g4-tool-panel a{display:inline-block;padding:12px 0;color:#244d94;overflow-wrap:anywhere}.g4-timeline{border-left:3px solid #6988b4;padding-left:25px}.g4-timeline li{padding:8px}.g4-idaho-map{position:relative;min-height:530px;background:linear-gradient(#e5f1ff,#fff);border:1px solid #9caec2}.g4-idaho-map button{position:absolute;max-width:140px;padding:8px;background:white;border:2px solid #426ba1;border-radius:12px;transform:translateX(-30%);font-size:16px}.g4-beat-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.g4-beat-grid span{border:1px solid #8199bc;padding:10px;border-radius:6px;background:white}.g4-beat-grid small{display:block}.g4-tool-panel details>summary{min-height:56px;padding:12px;cursor:pointer}.g4-tool-panel input[type=checkbox]{width:24px;height:24px;vertical-align:middle}.g4-tool-panel [role=status]{overflow-wrap:anywhere}.g4-tool-panel [hidden]{display:none!important}@media(max-width:600px){.g4-tool-panel{padding:14px}.g4-organizer,.g4-compare{grid-template-columns:1fr}.g4-tool-actions>*{flex-basis:120px}.g4-idaho-map button{font-size:14px;max-width:100px}.g4-idaho-map{min-height:480px}}
.g4-feelings-comic{width:100%;height:auto;display:block;border-radius:10px;margin:12px 0}.g4-original-study svg{width:100%;max-height:360px}.g4-tool-panel input:focus-visible,.g4-tool-panel textarea:focus-visible,.g4-tool-panel select:focus-visible,.g4-tool-panel button:focus-visible{outline:3px solid #255cb5;outline-offset:3px}.g4-preparation button{margin:6px 8px 6px 0}