.archApp{max-width:1400px;margin:auto}.archTools{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0;align-items:end}.archTools>label{display:grid;gap:6px;min-width:140px;flex:1}.archTools button{min-height:44px;font-size:1rem}.archLayout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.archViewHead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.archPlan{height:420px;background:#f5f9ff;border:1px solid #547b9f;border-radius:12px;overflow:hidden;touch-action:none}.archPlan svg{width:100%;height:100%;touch-action:none}.archPlan [data-id]{cursor:pointer}.archPlan text{pointer-events:none}#arViewer{height:360px;border:1px solid #547b9f;border-radius:12px;overflow:hidden;touch-action:none}#arViewer canvas{width:100%;height:100%}#arInspector label{display:grid;gap:4px;margin:8px 0}#arInspector input,#arInspector select{max-width:100%;width:100%;padding:8px;font-size:1rem}#arLayers{display:grid;gap:8px}#arStatus{min-height:2em}#arPrintSheet{display:none}@media(max-width:900px){.archLayout{grid-template-columns:1fr}.archLayout aside #arInspector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.archPlan{height:360px}}@media print{body>*{display:none!important}body #arPrintSheet{display:block!important;color:#000;background:white}#arPrintSheet svg{width:100%;max-height:80vh}#arPrintSheet h1,#arPrintSheet p{color:#000}}