*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#182838;font:16px/1.6 system-ui,sans-serif}main{max-width:1050px;margin:auto;padding:20px}h1{font-size:24px}label{display:block}input,select,textarea,button{font:inherit;max-width:100%;padding:8px;border:1px solid #a9b7c4;border-radius:5px}button{background:#edf3fa;cursor:pointer}input:not([type=checkbox]),textarea{width:100%}.bar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0;align-items:end}.bar>*{flex:1 1 150px}textarea{font-family:ui-monospace,monospace;resize:vertical}#visual{background:white;border:1px solid #a9b7c4;border-radius:5px}.tiptap{min-height:360px;padding:12px;overflow-wrap:anywhere}.tiptap pre,pre{white-space:pre-wrap;overflow-wrap:anywhere}#status{padding:10px;background:#e4edf5}#editing[hidden],#visual[hidden],[hidden]{display:none!important}@media(max-width:500px){main{padding:12px}.bar>*{flex-basis:135px}h1{font-size:21px}}

#vue-workspace{margin:16px 0;border-top:1px solid #c8d1db;padding-top:12px}#vue-workspace h2{font-size:19px}.calendar{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.receipt-list{display:flex;flex-wrap:wrap;gap:8px}.receipt-list button{flex:1 1 180px}button:disabled{cursor:default;opacity:.6}
nav{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}a{color:#125086;text-underline-offset:3px}nav a{padding:8px 12px;border-radius:6px}nav a[aria-current=page]{background:#dceafa;font-weight:700}form{max-width:620px;padding:16px;background:#fff;border:1px solid #c8d1db;border-radius:8px;margin:16px 0}form label{margin:10px 0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #3679b5;outline-offset:3px}#app-candidate img{max-width:100%;height:auto}#app-candidate,#app-codes{overflow-wrap:anywhere}h2:focus{outline:none}@media(max-width:500px){nav{gap:4px}nav a{padding:8px}form{padding:12px}button{min-height:44px}}
.designer-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.designer-field{padding:16px;border:1px solid #a9b7c4;border-radius:6px;overflow-wrap:anywhere;background:white}@media(max-width:500px){.designer-field{grid-column:span 12!important}}

#image-tools{min-width:0;margin:12px 0;border:1px solid #a9b7c4}#attachment-preview{margin:12px 0}#attachment-preview img{display:block;max-width:100%;height:auto;max-height:600px}#attachment-items,#attachment-trash{padding-left:20px;overflow-wrap:anywhere}

#image-sketch-canvas{display:block;max-width:100%;height:auto;border:1px solid #a9b7c4;touch-action:none}#image-sketch{min-width:0}

#network{min-width:0}#network pre,#network li{overflow-wrap:anywhere}#network svg{display:block;width:100%;max-height:600px;border:1px solid #a9b7c4;background:white}#network label{margin:8px 0}

a[aria-disabled=true]{opacity:.6}