:root{color:#222;background:#f5f5f5;font-family:Yu Gothic,YuGothic,Hiragino Kaku Gothic ProN,sans-serif}body{min-width:320px;min-height:100vh;margin:0}html,body,#root{height:100%;margin:0;overflow:hidden}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.header{flex-shrink:0}.workspace{flex:1;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:24px;min-height:0;display:grid;overflow:hidden}.editor-panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.editor-panel textarea{resize:none;flex:1;min-height:0}.text-information{flex-shrink:0}.issues-panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.issues-header{flex-shrink:0}.issue-list{flex:1;min-height:0;overflow-y:auto}#root{min-height:100vh}*{box-sizing:border-box}button,textarea{font:inherit}.app{width:min(1400px,100%);min-height:100vh;margin:0 auto;padding:24px}.header{margin-bottom:24px}.header h1{margin:0 0 8px;font-size:28px}.header p{color:#555;margin:0}.workspace{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px;display:grid}.editor-panel,.issues-panel{min-width:0}.editor-panel label,.issues-panel h2{margin:0 0 8px;font-size:18px;font-weight:700;display:block}.issues-header{justify-content:space-between;align-items:start;margin-bottom:8px;display:flex}textarea{resize:vertical;color:#222;background:#fff;border:1px solid #aaa;border-radius:8px;width:100%;min-height:70vh;padding:20px;line-height:2}textarea:focus{outline-offset:2px;outline:2px solid}.text-information{text-align:right;color:#666;margin-top:8px}.issue-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.issue{background:#fff;border:1px solid #ccc;border-radius:8px;padding:16px}.issue-description{color:#555;margin:8px 0;line-height:1.6}.issue-content{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.issue code{background:#eee;border-radius:4px;padding:4px 6px}.issue button{cursor:pointer;background:#fff;border:1px solid #777;border-radius:6px;padding:8px 12px}.issue-note,.empty-message{color:#666}@media (width<=768px){html,body,#root{height:auto;overflow:auto}.app{height:auto;min-height:100vh;overflow:visible}.workspace{display:block;overflow:visible}.editor-panel textarea{aspect-ratio:1;flex:none;height:auto}.issues-panel{overflow:visible}.issues-header{flex-direction:column;align-items:stretch;gap:8px}.issues-header button{width:100%}.issue-list{overflow:visible}}