:root{--navy:#193c5d;--blue:#147fb9;--line:#c5d0d7}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font:14px Arial,sans-serif;color:#172631;background:#eef2f4;display:grid;grid-template-rows:58px minmax(0,1fr) 58px}button,input,select,textarea{font:inherit}header{display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:var(--navy);color:#fff}header div{display:flex;align-items:baseline;gap:14px}header b{font-size:20px}header span{font-size:12px;color:#c9d7e0}header a{color:#fff;text-decoration:none}main{min-height:0;display:grid;grid-template-columns:310px minmax(0,1fr)}aside{overflow:auto;padding:20px;background:#f8fafb;border-right:1px solid var(--line)}.aside-head,.editor-head,.test-actions,.two{display:flex;align-items:center;justify-content:space-between;gap:10px}.aside-head h2{margin:0}.aside-head button{width:34px;height:34px;font-size:20px}button{cursor:pointer;border:1px solid #aebdc6;background:#fff;padding:9px 12px}.danger{color:#a12525;border-color:#d3aaaa}.test-actions{margin:10px 0}.test-actions button{flex:1}.test-item{display:block;width:100%;text-align:left;margin:7px 0;padding:12px;border:1px solid var(--line);background:#fff}.test-item.active{border-color:var(--blue);background:#edf8fe;box-shadow:inset 3px 0 var(--blue)}.test-item small{color:#687a85}label{display:grid;gap:6px;margin:13px 0;font-weight:bold}input,select,textarea{width:100%;border:1px solid #aebcc5;background:#fff;padding:9px;outline:0}textarea{resize:vertical;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px #d8effc}.workspace{min-width:0;overflow:auto;padding:25px 32px}.editor-head h1{margin:3px 0 16px}.editor-head small{color:#607681}.editor-head a{color:var(--navy)}#taskTabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:18px}.task-tab{border:0;border-bottom:3px solid transparent;background:transparent;padding:13px 24px}.task-tab.active{border-color:var(--blue);color:var(--navy);font-weight:bold}.task-editor{max-width:900px;background:#fff;border:1px solid var(--line);padding:22px}.two{align-items:start}.two label{flex:1}.image-field{display:grid;gap:8px;margin-top:17px;padding:16px;border:1px solid var(--line);background:#f8fafb}.image-field small,#imageStatus{color:#657783}.image-field input{padding:7px;background:#fff}#imageState{grid-template-columns:minmax(220px,520px) auto;align-items:end;gap:12px}#imageState:not([hidden]){display:grid}#imagePreview{display:block;max-width:100%;max-height:300px;object-fit:contain;border:1px solid var(--line);background:#fff}footer{display:flex;align-items:center;justify-content:flex-end;gap:20px;padding:0 25px;background:#fff;border-top:1px solid var(--line)}footer button{background:var(--navy);color:#fff;border:0;min-width:170px}#saveStatus{color:#667983}@media(max-width:900px){main{grid-template-columns:250px 1fr}.two{display:block}}