*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;font-family:system-ui,sans-serif}button{cursor:pointer;padding:.55rem .8rem}.danger{color:#9b1c1c;border-color:#d8aaaa}input{padding:.55rem}.app{height:100%;display:grid;grid-template-columns:210px 1fr;grid-template-rows:auto auto 1fr}header{grid-column:1 / 3;display:flex;gap:.6rem;align-items:center;padding:.6rem;background:#172334;color:#fff}header input{flex:1;min-width:120px}.error,.notice{grid-column:1 / 3;padding:.45rem .8rem;background:#f4edc8}.error{background:#fdd}aside{grid-column:1;grid-row:3;overflow:auto;background:#f4f6f8;padding:.7rem;display:flex;flex-direction:column;gap:.5rem}aside a{color:#18365a;text-decoration:none;overflow-wrap:anywhere}.canvas{grid-column:2;grid-row:3;min-width:0;min-height:0;display:flex;flex-direction:column}.view-bar{display:flex;align-items:center;gap:1rem;padding:.45rem .7rem;background:#e9eef5;color:#172334}.view-bar label{display:flex;align-items:center;gap:.45rem}.view-bar select,.view-links select{min-width:0;padding:.4rem}.view-bar span{font-size:.85rem}.view-canvas{flex:1;min-height:0}.view-links{display:flex;flex-direction:column;gap:.45rem;margin-top:1rem}.embedded-editor{grid-template-columns:minmax(0,1fr)}.embedded-editor header,.embedded-editor .error,.embedded-editor .notice,.embedded-editor .canvas{grid-column:1}.embedded-editor header{flex-wrap:wrap}.embed{width:100%;height:100%;min-height:400px;display:flex;flex-direction:column}.message{padding:2rem}.login{max-width:450px;margin:10vh auto;padding:1rem}.login form{display:flex;gap:.5rem}.login input{flex:1}