:root{color-scheme:light}body{background:#f5f4ea;color:#173e36;font:16px/1.65 system-ui,sans-serif}.shell{max-width:1200px;margin:auto;padding:20px}.hero{background:#083f37;color:#f7f3dc;padding:30px;border-radius:22px;margin-bottom:20px}.hero h1{font-size:clamp(27px,5vw,45px);font-weight:800;line-height:1.15}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:750;color:#b8dcb9}.panel{background:#fff;border:1px solid #d7dfd3;border-radius:18px;padding:22px;margin-bottom:18px;min-width:0}.note{background:#eef3db;border-left:4px solid #9ab454;padding:15px;border-radius:8px;margin:14px 0}.task{border-left:3px solid #238875;padding-left:15px}.form-label{font-weight:650}.btn{min-height:44px;white-space:normal}.btn-primary{background:#14684f;border-color:#14684f}.btn-outline-primary{color:#14684f;border-color:#14684f}.preview{max-width:100%;overflow:auto;border:1px solid #d5dfd1;background:#edf2ed;border-radius:12px}.preview canvas{display:block;max-width:100%;height:auto;margin:auto}.mini{font-size:13px;color:#5e756b}pre{padding:16px;background:#103b33;color:#eaf4d3;overflow:auto;border-radius:10px;white-space:pre;max-height:340px}.result-text{min-height:190px}.stat{background:#eef3e5;padding:10px 15px;border-radius:8px;overflow-wrap:anywhere}.progress{height:16px}.status{min-height:3em;padding:12px;background:#eef3e5;border-radius:10px;overflow-wrap:anywhere}.fileline{padding:8px 0;overflow-wrap:anywhere}summary{cursor:pointer;font-weight:650;padding:10px 0}.code-actions{display:flex;gap:10px;flex-wrap:wrap}label{overflow-wrap:anywhere}.data-table{overflow:auto;max-height:250px}.data-table table{font-size:13px}canvas{touch-action:pan-y}a{color:#126450}input,select,textarea{max-width:100%}h2{font-size:25px;font-weight:750}h3{font-size:19px}#stats{display:flex;gap:8px;flex-wrap:wrap}#file-input{min-height:44px}#results>section{border-top:1px solid #dce3d6;padding-top:16px;margin-top:18px}.preview-label{font-weight:650;margin:12px 0 8px}@media(max-width:600px){.shell{padding:12px}.panel{padding:16px}.hero{padding:22px}.code-actions>*{width:100%}h2{font-size:23px}.btn{width:100%}.input-group .btn{width:auto}}