*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:sans-serif}#paper-container{position:absolute;inset:0;overflow:hidden}.form-element{display:flex;flex-wrap:wrap;align-content:flex-start;column-gap:12px;width:100%;height:100%;margin:0;padding:12px;font-size:12px;color:#333}.form-element-title{flex-basis:100%;margin-bottom:8px;font-size:14px;font-weight:700;-webkit-user-select:none;user-select:none}.form-element-divider{flex-basis:100%;margin-bottom:8px;padding-top:6px;border-top:1px dashed #c0c0c0;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#999;-webkit-user-select:none;user-select:none}.form-element-field{display:flex;flex-direction:column;flex-grow:1;gap:4px;margin-bottom:28px}.form-element-field>span{-webkit-user-select:none;user-select:none;color:#666}.form-element-field>input{width:100%;padding:4px 6px;border:1px solid #c0c0c0;border-radius:4px;font-size:12px;font-family:inherit}.form-element-field>input:focus{outline:2px solid #4666e5;outline-offset:-1px}.form-element-field>input.computed{background:#f0f3ff;border-style:dashed;color:#4666e5;cursor:default}.form-element-field>input.computed:focus{outline:none}.interface-element{display:flex;flex-direction:column;width:100%;height:100%;padding:10px 14px;font-size:12px;color:#4d400b;-webkit-user-select:none;user-select:none}.interface-element-title{margin-bottom:8px;font-size:14px;font-weight:700}.interface-element-item{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid #e4d9ae}.interface-element-label{white-space:nowrap;color:#705d10}.interface-element-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}